.nav[data-v-636d065f]{cursor:pointer;display:block}.link[data-v-636d065f]{text-decoration:none;color:#004e82}@media screen and (min-width: 719.9999px){.navbar>.nav[data-v-636d065f]{position:relative;top:0;bottom:0;display:block;align-items:center;margin-right:2px;padding:15px 5px;text-decoration:none;color:#004e82;height:50px;text-align:center}.navbar>.nav>.link[data-v-636d065f]{display:block;padding:0 25px}.navbar>.nav[data-v-636d065f]:after{content:"";display:block;width:100%;height:4px;border-bottom:2px solid #004E82}.nav:hover>.dropdown[data-v-636d065f]{visibility:visible;opacity:1}.nav[data-v-636d065f]{overflow:visible}.dropdown[data-v-636d065f]{visibility:hidden;opacity:0;transition:.3s;background:#fff;position:absolute;width:100%;top:100%;color:#004e82;right:0;box-shadow:0 0 5px #00000080}.dropdown .wrapper[data-v-636d065f]{max-height:min(1200px,92vh);overflow-y:auto;overflow-x:visible}.dropdown>.wrapper>.nav>.link[data-v-636d065f]{padding:15px;display:block}.dropdown>.wrapper>.nav[data-v-636d065f]:nth-child(n+2){border-top:1px solid #ccc}.dropdown>.wrapper>.nav[data-v-636d065f]:hover{background:#cad2de}.dropdown .dropdown[data-v-636d065f]{right:100%;top:10px}header.solid .navbar>.nav[data-v-636d065f]{background:#004e82;color:#fff;display:flex;padding:0 5px}header.solid .navbar>.nav>.link[data-v-636d065f]{color:#fff;padding:12px 25px}header.solid .navbar>.nav[data-v-636d065f]:after{content:unset}}@media screen and (max-width: 720px){header .navbar>.nav[data-v-636d065f]{background:#004e82;color:#fff;text-align:center;border-bottom:1px solid #ccc}header .navbar>.nav>.link[data-v-636d065f]{color:#fff}.nav[data-v-636d065f]{min-height:60px;transition:max-height .6s;max-height:60px;overflow:hidden}.nav .link[data-v-636d065f]{display:flex;align-items:center;justify-content:center;height:100%;width:100%;position:relative}.nav .link span[data-v-636d065f]{display:flex;align-items:center;justify-content:center;min-height:60px;height:100%;width:100%}.nav>.link[data-v-636d065f]:has(~.dropdown):before{content:"+";position:absolute;left:30px;top:-2px;font-size:1.5rem;height:100%;display:flex;align-items:center}.nav.show>.link[data-v-636d065f]:has(~.dropdown):before{content:"-"}.nav .dropdown[data-v-636d065f]{width:100%;background:#fff;overflow:hidden;color:#004e82}.nav .dropdown>.nav[data-v-636d065f]{border-bottom:1px solid #ccc}.nav .dropdown>.nav[data-v-636d065f]:last-child{border-bottom:none}.dropdown .dropdown[data-v-636d065f]{filter:brightness(.92)}}@font-face{font-family:pdf;src:url(/srl/assets/2c5394094daa1c985564-Bp1NU2Un.eot);src:url(/srl/assets/2c5394094daa1c985564-Bp1NU2Un.eot?#iefix) format("embedded-opentype"),url(/srl/assets/6a9f5e4b044e436823f3-DRxEgXwu.woff2) format("woff2"),url(/srl/assets/fa070dcc71d7190e8c44-C_52lA0y.woff) format("woff"),url(/srl/assets/11e2353a399825874867-Dzw3bbFv.ttf) format("truetype"),url(/srl/assets/6781170c0c08b15fff2d-te4a933V.svg?#pdf) format("svg");font-weight:400;font-style:normal}.vue-pdf-app-icon:before,.vue-pdf-app-icon:after{font-family:pdf;font-size:1.1rem;display:inline;text-decoration:inherit;text-align:center;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.vue-pdf-app-icon.sidebar-toggle:before{content:""}.vue-pdf-app-icon.dropdown-toolbar-button:after{content:""}.vue-pdf-app-icon.secondary-toolbar-toggle:before{content:""}.vue-pdf-app-icon.find-previous:before{content:""}.vue-pdf-app-icon.find-next:before{content:""}.vue-pdf-app-icon.page-up:before{content:""}.vue-pdf-app-icon.page-down:before{content:""}.vue-pdf-app-icon.zoom-out:before{content:""}.vue-pdf-app-icon.zoom-in:before{content:""}.vue-pdf-app-icon.presentation-mode:before{content:""}.vue-pdf-app-icon.print-button:before{content:""}.vue-pdf-app-icon.open-file:before{content:""}.vue-pdf-app-icon.download-button:before{content:""}.vue-pdf-app-icon.bookmark-button:before{content:""}.vue-pdf-app-icon.view-thumbnail:before{content:""}.vue-pdf-app-icon.view-outline:before{content:""}.vue-pdf-app-icon.view-attachments:before{content:""}.vue-pdf-app-icon.view-find:before{content:""}.vue-pdf-app-icon.first-page:before{content:""}.vue-pdf-app-icon.last-page:before{content:""}.vue-pdf-app-icon.rotate-clockwise:before{content:""}.vue-pdf-app-icon.rotate-counter-clockwise:before{content:""}.vue-pdf-app-icon.select-tool:before{content:""}.vue-pdf-app-icon.hand-tool:before{content:""}.vue-pdf-app-icon.scroll-vertical:before{content:""}.vue-pdf-app-icon.scroll-horizontal:before{content:""}.vue-pdf-app-icon.scroll-wrapped:before{content:""}.vue-pdf-app-icon.spread-none:before{content:""}.vue-pdf-app-icon.spread-odd:before{content:""}.vue-pdf-app-icon.spread-even:before{content:""}.vue-pdf-app-icon.document-properties:before{content:""}html[dir=rtl] .vue-pdf-app-icon.find-previous:before{content:""}html[dir=rtl] .vue-pdf-app-icon.find-next:before{content:""}html[dir=rtl] .vue-pdf-app-icon.first-page:before{content:""}html[dir=rtl] .vue-pdf-app-icon.last-page:before{content:""}.close-btn[data-v-04ac4f28]{width:55px;height:55px;display:flex;justify-content:center;flex-direction:column;position:absolute;top:20px;right:20px;background:#f0f0f0;box-shadow:0 0 5px #000000b3;border-radius:5px;padding:10px;cursor:pointer;z-index:2020}.close-btn .bar[data-v-04ac4f28]{height:4px;background:#333}.close-btn .bar[data-v-04ac4f28]:nth-child(1){transform:rotate(45deg)}.close-btn .bar[data-v-04ac4f28]:nth-child(2){transform:translateY(-4px) rotate(-45deg)}.modal[data-v-04ac4f28]{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;z-index:2000}.modal .overlay[data-v-04ac4f28]{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000040;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal .box[data-v-04ac4f28]{position:relative;background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 10px #0000001a;z-index:2010;min-width:300px;min-height:200px}.content[data-v-04ac4f28]{display:flex;justify-content:center;align-items:center}.image[data-v-04ac4f28]{background-repeat:no-repeat;background-size:cover}.image[data-v-04ac4f28]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;background-color:#fff}.image.loaded[data-v-04ac4f28]{filter:none}.image.loaded[data-v-04ac4f28]:before{animation:none;content:none}@keyframes pulse-04ac4f28{0%{opacity:0}50%{opacity:.3}to{opacity:0}}.image-content[data-v-04ac4f28]{max-width:90vw;max-height:85vh;width:100%;display:none;opacity:0;transition:opacity .25s ease-in-out}.image-content.loaded[data-v-04ac4f28]{display:block;opacity:1}.image-placeholder[data-v-04ac4f28]{max-width:90vw;max-height:85vh;width:100%;display:block;opacity:0}.image-placeholder.loaded[data-v-04ac4f28]{display:none}.pdf[data-v-04ac4f28]{max-width:90vw;max-height:85vh;width:90vw;height:85vh}.file-details[data-v-04ac4f28]{margin-top:5px;text-align:right}.router-view{width:100%;height:100vh;position:absolute;top:0;left:0;overflow-y:scroll;scroll-behavior:smooth;transition:backdrop-filter .3s}.router-view.blur{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}#app{position:relative}html{scroll-behavior:smooth}*{box-sizing:border-box}header{position:fixed;top:0;width:100%;z-index:1000;padding:0 20px;display:flex;justify-content:space-between;align-items:center;transition:.3s}header .logo{visibility:collapse;height:100%}header .logo img{height:40px}header.solid{background:#fff;box-shadow:0 0 5px #00000080}header.solid .logo{visibility:visible}header .menu-btn{display:none;width:50px;height:50px;border-radius:5px;cursor:pointer;position:relative;overflow:hidden}header .menu-btn .menu-btn-area{transition:all .4s}header .menu-btn span{position:absolute;background:#004e82;display:inline-block;border-radius:3px;left:13px;height:3px;transition:all .4s;width:50%}header .menu-btn span:nth-of-type(1){top:16px}header .menu-btn span:nth-of-type(2){top:24px}header .menu-btn span:nth-of-type(3){top:32px}header .menu-btn.show .menu-btn-area{transform:rotatex(360deg)}header .menu-btn.show span:nth-of-type(1){width:45%;top:18px;left:14px;transform:translateY(6px) rotate(-135deg)}header .menu-btn.show span:nth-of-type(2){opacity:0}header .menu-btn.show span:nth-of-type(3){width:45%;top:30px;left:14px;transform:translateY(-6px) rotate(135deg)}header .menu-close-btn{background:#fff;width:50px;height:50px;border-radius:5px;cursor:pointer;position:fixed;transform:translate(calc(100vw - 100% - 30px));top:5px;overflow:hidden;z-index:1050}header .menu-close-btn .menu-btn-area{transform:rotatex(360deg)}header .menu-close-btn span{position:absolute;display:inline-block;background:#004e82;border-radius:3px;left:13px;height:3px;transition:all .4s;width:50%}header .menu-close-btn span:nth-of-type(1){width:45%;top:18px;left:14px;transform:translateY(6px) rotate(-135deg)}header .menu-close-btn span:nth-of-type(2){opacity:0}header .menu-close-btn span:nth-of-type(3){width:45%;top:30px;left:14px;transform:translateY(-6px) rotate(135deg)}header.solid .menu-btn{background:unset}header.solid .menu-btn span{background:#004e82}@media screen and (min-width: 719.9999px){header .navbar{display:flex;margin-left:10px}header:not(.solid) .navbar{margin-left:50px}}@media screen and (max-width: 720px){header .menu-btn{display:block}header .navbar-container{background:#f0f0f0;height:100vh;width:100vw;position:fixed;left:100%;top:0;transition:all .6s;z-index:1000;overflow-y:scroll}header .menu-btn.show~.navbar-container{left:0}}#banner{width:100%;height:100vh;position:relative;overflow:hidden}#banner .logo{background-image:url(https://dev.icac.tech/srl/assets/images/banner/svg/Logo.svg);background-size:contain;background-repeat:no-repeat;background-position:center center;width:100px;height:100px;position:absolute;left:10px;top:10px}#banner .background{background-image:url(https://dev.icac.tech/srl/assets/images/banner/svg/BG.svg);background-repeat:repeat-y;width:100%;height:100%;background-size:101%;position:fixed;z-index:-1000}#banner .title{background-image:url(https://dev.icac.tech/srl/assets/images/banner/svg/Title.svg);background-size:contain;background-repeat:no-repeat;background-position:center center;width:calc(100% - 20px);min-width:min(960px,100% - 20px);max-width:max(960px,70%);height:100%;position:absolute;left:10px;top:0;z-index:-900;animation:fadeIn 2s ease-out 0s 1}#banner .bird-container{position:fixed;width:100%;height:100%;left:0;top:0;animation:2s ease-out 0s 1 birdFlyIn;z-index:-995}#banner .bird-container .bird-1{background-image:url(https://dev.icac.tech/srl/assets/images/banner/svg/Bird.svg);background-size:100%;background-repeat:no-repeat;background-position:bottom left;position:absolute;left:0;bottom:0;width:600px;height:100%;transform:translate(-10%) translateY(5%)}#banner .bird-container .bird-2{background-image:url(https://dev.icac.tech/srl/assets/images/banner/svg/Bird.svg);background-size:100%;background-repeat:no-repeat;background-position:top left;position:absolute;left:20%;bottom:0;width:700px;height:100%;transform:translate(-10%) translateY(-10%)}#banner .ship-wave-container{position:fixed;right:0;bottom:0;width:100%;height:100%;min-width:170vh;transform:translate(30%) translateY(5%);z-index:-950}#banner .ship-wave-container .ship{background-image:url(https://dev.icac.tech/srl/assets/images/banner/png/Ship-container.png);background-size:100%;background-repeat:no-repeat;z-index:-952;width:100%;height:100%;position:absolute;right:0;bottom:0;transform-origin:60% 80%;animation:waveRotate 10s ease-in-out -2s infinite,waveUpDown 20s ease-in-out infinite reverse,slideToRight 4s ease-out 0s 1}#banner .ship-wave-container .wave-1{background-image:url(https://dev.icac.tech/srl/assets/images/banner/png/Wave-container.png);background-size:100%;background-repeat:no-repeat;background-position:bottom right;width:100%;height:100%;position:absolute;right:0;bottom:0;z-index:-951;animation:slideFromLeft 4.2s ease-out 0s 1}#banner .ship-wave-container .wave-2{background-image:url(https://dev.icac.tech/srl/assets/images/banner/png/Wave2-container.png);background-size:100%;background-repeat:no-repeat;background-position:bottom right;width:100%;height:100%;position:absolute;right:0;bottom:0;z-index:-953;animation:slideFromLeft 4s ease-out 0s 1}@keyframes birdFlyIn{0%{transform:translate(-100%) translateY(50%);opacity:0}to{transform:translate(0) translateY(0);opacity:.7}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideFromLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes slideToRight{0%{right:100%}to{right:0%}}@keyframes waveRotate{0%{transform:rotate(-3deg)}40%{transform:rotate(3deg)}50%{transform:rotate(3deg)}90%{transform:rotate(-3deg)}to{transform:rotate(-3deg)}}@keyframes waveUpDown{0%{bottom:0}25%{bottom:-25px}50%{bottom:0}75%{bottom:-25px}to{bottom:0}}section{max-width:1440px;margin:0 auto 40px;padding-top:60px}.fade-in-when-scroll{opacity:0;transform:translateY(10vh);transition:all 1s}.fade-in-when-scroll.visible{opacity:1;transform:translate(0)}video{max-height:85vh}.v-img{--v-theme-overlay-multiplier: 3;z-index:0}.v-img.v-img--absolute{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:-1}.v-img--booting .v-responsive__sizer{transition:none}.v-img--rounded{border-radius:4px}.v-img__img,.v-img__picture,.v-img__gradient,.v-img__placeholder,.v-img__error{z-index:-1}.v-img__img,.v-img__picture,.v-img__gradient,.v-img__placeholder,.v-img__error{position:absolute;top:0;left:0;width:100%;height:100%}.v-img__img--preload{filter:blur(4px)}.v-img__img--contain{object-fit:contain}.v-img__img--cover{object-fit:cover}.v-img__gradient{background-repeat:no-repeat}.v-responsive{display:flex;flex:1 0 auto;max-height:100%;max-width:100%;overflow:hidden;position:relative}.v-responsive--inline{display:inline-flex;flex:0 0 auto}.v-responsive__content{flex:1 0 0px;max-width:100%}.v-responsive__sizer~.v-responsive__content{margin-inline-start:-100%}.v-responsive__sizer{flex:1 0 0px;transition:padding-bottom .2s cubic-bezier(.4,0,.2,1);pointer-events:none}.animated{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes fadeInRight{0%{opacity:0;transform:translate3d(20%,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate3d(20%,0,0)}to{opacity:1;transform:translateZ(0)}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:translateZ(0)}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInDown{0%{opacity:0;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}.vcp-layer{position:absolute;top:0;bottom:0;right:0;left:0;color:#fff;font-weight:400}.vcp-layer div,.vcp-layer svg{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vcp-icon{display:inline-block}.vue-core-video-player-control{margin-right:10px;font-size:13px;color:#fff}.btn-control-panel{position:absolute;left:50%;bottom:54px;padding:20px;min-height:30px;box-sizing:border-box;transform:translate(-50%);background-color:#000000b3;border-radius:4px;font-weight:500}.btn-control-panel li,.btn-control-panel ul{margin:0;padding:0;text-align:center}.btn-control-panel ul li{list-style:none;height:30px;line-height:30px;display:flex;align-items:center;text-align:left}.btn-control-panel ul li .item-name{flex:1;align-self:flex-start}.btn-control-panel ul li .item-control{display:flex;flex:1;text-align:right;line-height:30px;align-items:center;justify-content:flex-end;cursor:pointer}.btn-control{position:relative;display:flex;justify-content:center;align-items:center;width:30px;height:30px;cursor:pointer}.btn-control:focus{background:none;outline-style:none}.btn-control .tips{display:none;position:absolute;min-width:30px;padding:4px;border-radius:2px;bottom:54px;left:50%;transform:translate(-50%);font-size:12px;font-weight:700;color:#ffffffb3;background-color:#000000b3;text-align:center;line-height:1.2;word-break:keep-all;word-wrap:no-wrap;white-space:nowrap;opacity:0;transition:opacity .15s ease-in}.btn-control svg{opacity:.85;transition:opacity .1s ease}.btn-control:hover svg{opacity:1}.btn-control:hover .tips{display:block;opacity:1}.vcp-progress-hover{position:absolute;bottom:100%;left:0;height:12px;width:100%;cursor:pointer}.vcp-progress-hover .vcp-progress{position:absolute;bottom:0;left:0;height:4px;width:100%;background-color:#ffffff4d;transition:height .2s ease .05s}.vcp-progress-hover:hover .vcp-progress .thumb-drag{opacity:1}.vcp-progress-loaded,.vcp-progress-played{position:absolute;top:0;left:0;width:0;height:100%;background-color:#ffffffb3}.vcp-progress-loaded{transition:width .1s cubic-bezier(.4,0,1,1)}.vcp-progtess-preview{position:absolute;left:0;bottom:calc(100% + 8px);height:20px;background-color:transparent}.vcp-progtess-preview .preview-time{position:absolute;right:0;top:0;padding:4px;color:#fff;font-size:12px;line-height:1;border-radius:2px;transform:translate(50%);background-color:#000000b3}.vcp-progress-played{width:0;background-color:#ff6060}.vcp-progress-played .thumb-drag{opacity:0;position:absolute;right:0;top:50%;width:12px;height:12px;border-radius:50%;background-color:#fff;transform:translateY(-50%) translate(50%);transition:height .05s ease .15s}.vcp-progress-played .thumb-drag:before{content:"";display:inline-block;position:absolute;top:-2px;left:-2px;width:16px;height:16px;border-radius:50%;background-color:#ffffff4d}.vcp-m-dashboard .vcp-progress-hover{bottom:100%}.vcp-m-dashboard .vcp-progress-hover .vcp-progress{height:3px}.vcp-m-dashboard .vcp-progress-hover .vcp-progress-played .thumb-drag{background-color:#ff6060}.vcp-m-dashboard .vcp-progress-hover .vcp-progress-played .thumb-drag:before{background-color:#ff6060;opacity:.25}.vue-core-video-player-control .btn-pause{margin-left:10px}.vue-core-video-player-control .btn-pause svg{width:15px}.vue-core-video-player-control .btn-play{margin-left:10px}.vue-core-video-player-control .btn-play svg{width:16px}.vue-core-video-player-control.timespan{line-height:30px;width:140px;font-family:Arial!important}.vue-core-video-player-control{display:inline-block;position:relative;width:30px;height:30px}.vue-core-video-player-control svg{width:20px}.volume-control:hover .btn-control-panel{display:block}.volume-control .btn-control-panel{display:none;width:40px;height:150px}.volume-control .btn-control-panel:before{content:"";display:block;position:absolute;bottom:-30px;left:0;width:100%;height:35px}.volume-control .btn-control-panel .progress{position:absolute;width:4px;height:100px;left:50%;top:50%;margin-left:-2px;margin-top:-50px;background-color:#ffffffb3;cursor:pointer}.volume-control .btn-control-panel .progress .volume-current{position:absolute;bottom:0;left:0;height:0;width:100%;background-color:#ff6060}.volume-control .btn-control-panel .progress .volume-current .thumb-drag{opacity:0;position:absolute;left:50%;top:0;width:10px;height:10px;border-radius:5px;background-color:#fff;transform:translateY(-50%) translate(-50%);transition:height .05s ease .15s}.volume-control .btn-control-panel .progress .volume-current .thumb-drag:before{content:"";display:inline-block;position:absolute;top:-2px;left:-2px;width:14px;height:14px;border-radius:7px;background-color:#ffffff4d}.volume-control .btn-control-panel .progress:hover .thumb-drag{opacity:1}.volume-control .btn-control-panel .volume-info{position:absolute;top:-30px;left:0;width:40px;height:20px;background-color:#000000b3;border-radius:4px;font-size:12px;line-height:20px}.settings-open .volume-control:hover .btn-control-panel{display:none}.vue-core-video-player-control .btn-fullscreen svg{width:20px}.vcp-switch{display:inline-block;position:relative;width:40px;height:16px;border-radius:8px;background-color:#fff;cursor:pointer}.vcp-switch:after{content:"";display:inline-block;position:absolute;top:1px;left:2px;width:14px;height:14px;border-radius:7px;background-color:#ff6060;transition:all .2s ease-in .05s}.vcp-switch.open:after{left:23px;background-color:#60ff60}.settings-control .btn-mute{display:none}.settings-control .btn-settings svg{width:24px;margin-top:-2px}.settings-control .btn-control-panel{display:block;right:0;left:auto;min-height:130px;transform:translate(0)}.settings-control .btn-control-panel .current-panel{width:180px}.settings-control .btn-control-panel .resolution-list,.settings-control .btn-control-panel .speed-list{width:80px}.settings-control .btn-control-panel .resolution-list li,.settings-control .btn-control-panel .speed-list li{cursor:pointer}.settings-control .btn-control-panel .resolution-list li:first-child,.settings-control .btn-control-panel .speed-list li:first-child{margin-left:-20px;cursor:pointer}.vcp-m-dashboard .settings-control .btn-control-panel{z-index:20000;position:fixed;left:0;right:0;bottom:0}.vcp-m-dashboard .settings-control .btn-control-panel .current-panel{width:100%}.vcp-m-dashboard .settings-control .btn-control-panel .resolution-list,.vcp-m-dashboard .settings-control .btn-control-panel .speed-list{margin-left:20px}.vue-core-video-player-control .btn-pip svg{width:22px}.vcp-dashboard{z-index:12;position:absolute;left:0;bottom:0;width:calc(100% - 40px);margin-left:20px;height:59px;background:#0003}.fullscreen .vcp-dashboard{bottom:60px}.small .vcp-dashboard{height:49px}.settings-open .vcp-dashboard{display:block!important}.small .vcp-dashboard .vcp-controls{height:40px}.vcp-controls{z-index:10;position:absolute;left:0;bottom:5px;width:100%;height:50px;text-align:left}.playback-control,.setting-control{display:flex;position:absolute;top:0;height:100%;text-align:center;justify-content:center;align-items:center}.playback-control{left:0}.setting-control{right:0}.vcp-m-dashboard{z-index:12;position:absolute;left:0;bottom:0;width:calc(100% - 20px);margin-left:10px;height:49px;background:linear-gradient(0deg,rgba(0,0,0,.5),transparent)}.fullscreen .vcp-m-dashboard{bottom:12px}.small .vcp-m-dashboard{height:39px}.settings-open .vcp-m-dashboard{display:block!important}.small .vcp-m-dashboard .vcp-controls{height:30px}.title-layer{z-index:13;text-align:left}.title-layer .video-title{position:absolute;top:0;left:0;right:0;padding:8px 16px;line-height:32px;font-size:16px;font-weight:700;background-image:linear-gradient(180deg,rgba(0,0,0,.4),transparent)}.logo-layer{z-index:13;text-align:left}.logo-layer .logo-wrap{position:absolute;top:15px;right:15px;opacity:.8;text-align:right}.logo-layer .logo-wrap img{max-width:160px;height:48px}.play-pause-layer{z-index:13;background:transparent}.play-pause-layer .btn-control{display:flex;align-items:center;justify-content:center;position:absolute;top:50%;left:50%;width:60px;height:60px;margin-left:-30px;margin-top:-30px;background-color:#fff;border-radius:30px}.play-pause-layer .btn-control:before{content:"";display:block;position:absolute;top:50%;left:50%;width:72px;height:72px;margin-left:-36px;margin-top:-36px;border-radius:36px;background-color:#ffffff40}.play-pause-layer .btn-control .btn-play{margin-left:10px}.play-pause-layer .mobile{width:40px;height:40px;margin-left:-20px;margin-top:-20px;border-radius:20px}.play-pause-layer .mobile:before{width:48px;height:48px;margin-left:-24px;margin-top:-24px;border-radius:24px}.play-pause-layer .mobile .btn-play{margin-left:7px}.cover-layer{z-index:11;background-color:#333}.cover-layer img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.loading-layer{z-index:16;background-color:#333}.loading-layer .loading-wrap{position:absolute;left:50%;top:50%;width:120px;height:80px;margin-top:-40px;margin-left:-60px;text-align:center}.loading-layer .h5-layer-loading{position:relative;width:40px;height:40px;margin:0 auto}.loading-layer .h5-layer-loading .spinner{backface-visibility:hidden;-webkit-backface-visibility:hidden;-webkit-animation:rotator 1.4s linear infinite;animation:rotator 1.4s linear infinite}.loading-layer .h5-layer-loading p{padding-top:20px}@-webkit-keyframes rotator{0%{transform:rotate(0)}to{transform:rotate(270deg)}}@keyframes rotator{0%{transform:rotate(0)}to{transform:rotate(270deg)}}.loading-layer .h5-layer-loading .path{stroke-dasharray:188.8;stroke-dashoffset:188.8;transform-origin:center;-webkit-animation:dash 1.4s ease-in-out infinite;animation:dash 1.4s ease-in-out infinite}.loading-layer .h5-layer-loading .dot1{stroke-dasharray:188.8;stroke-dashoffset:187.8;transform-origin:center;-webkit-animation:dot1a 1.4s ease-in-out infinite;animation:dot1a 1.4s ease-in-out infinite}.loading-layer .h5-layer-loading .dot2{stroke-dasharray:188.8;stroke-dashoffset:187.8;transform-origin:center;-webkit-animation:dot2a 1.4s ease-in-out infinite forwards;animation:dot2a 1.4s ease-in-out infinite forwards}@-webkit-keyframes dash{0%{stroke-dashoffset:188.8}50%{stroke-dashoffset:188.8/4;transform:rotate(135deg)}to{stroke-dashoffset:188.8;transform:rotate(450deg)}}@keyframes dash{0%{stroke-dashoffset:188.8}50%{stroke-dashoffset:188.8/4;transform:rotate(135deg)}to{stroke-dashoffset:188.8;transform:rotate(450deg)}}@-webkit-keyframes dot1a{0%{stroke-dashoffset:188.8;transform:rotate(0)}50%{stroke-dashoffset:187.8;transform:rotate(135deg)}to{stroke-dashoffset:188.8;transform:rotate(450deg)}}@keyframes dot1a{0%{stroke-dashoffset:188.8;transform:rotate(0)}50%{stroke-dashoffset:187.8;transform:rotate(135deg)}to{stroke-dashoffset:188.8;transform:rotate(450deg)}}@-webkit-keyframes dot2a{0%{stroke-dashoffset:188.8;transform:rotate(0)}50%{stroke-dashoffset:187.8;transform:rotate(415deg)}to{stroke-dashoffset:188.8;transform:rotate(450deg)}}@keyframes dot2a{0%{stroke-dashoffset:188.8;transform:rotate(0)}50%{stroke-dashoffset:187.8;transform:rotate(415deg)}to{stroke-dashoffset:188.8;transform:rotate(450deg)}}.error-layer{z-index:14;display:flex;justify-content:center;align-items:center;flex-direction:column;background-repeat:repeat;text-align:center}.error-layer .error-msg-wrap{border-radius:10px;padding:10px;background-color:#00000090}.error-layer .error-msg{font-weight:700;color:#fff}.barrage-layer{z-index:12;position:absolute;left:0;top:0;width:100%;height:100%}.barrage-layer *{margin:0;padding:0}.barrage-layer .barrage-wrapper{position:relative;width:100%;height:100%;overflow:hidden}.barrage-layer .barrage-wrapper .barrage-container{position:absolute;width:100%;height:100%;left:0;top:0;right:0;bottom:0}.barrage-layer .barrage-wrapper .barrage-container .barrage-item{z-index:1;display:flex;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:pre}.barrage-layer .barrage-wrapper .barrage-container .barrage-item .item-avatar{position:relative;border-radius:50%;margin-left:5px;margin-right:5px;overflow:hidden}.barrage-layer .barrage-wrapper .barrage-container .barrage-item .item-avatar img,.barrage-layer .barrage-wrapper .barrage-container .barrage-item .item-avatar svg{position:absolute;-o-object-fit:cover;object-fit:cover;left:0;top:0}.barrage-layer .barrage-wrapper .barrage-container .barrage-item .item-content{display:block;color:#fff;font-family:SimHei,Microsoft Yahei,Arial,Helvetica,sans-serif;line-height:1;text-shadow:.5px .5px .5px rgba(0,0,0,.5)}.self-item{z-index:2;border:1px solid #87ceeb;box-sizing:border-box}.left-item{left:0;transform:translate3d(-100%,0,0)}.left-item,.right-item{position:absolute;padding:2px 5px;will-change:transform}.right-item{right:0;transform:translate3d(100%,0,0)}.bottom-item,.top-item{position:absolute;padding:2px 0;width:100%;left:0;justify-content:center;text-align:center;-webkit-animation:barrage-center 4s linear;animation:barrage-center 4s linear;will-change:visibility}@-webkit-keyframes barrage-left-safari{0%{transform:translate3d(-100%,0,0) rotate(.1deg)}}@keyframes barrage-left-safari{0%{transform:translate3d(-100%,0,0) rotate(.1deg)}}@-webkit-keyframes barrage-right-safari{0%{transform:translate3d(100%,0,0) rotate(.1deg)}}@keyframes barrage-right-safari{0%{transform:translate3d(100%,0,0) rotate(.1deg)}}@-webkit-keyframes barrage-left{0%{transform:translate3d(-100%,0,0)}}@keyframes barrage-left{0%{transform:translate3d(-100%,0,0)}}@-webkit-keyframes barrage-right{0%{transform:translate3d(100%,0,0)}}@keyframes barrage-right{0%{transform:translate3d(100%,0,0)}}@-webkit-keyframes barrage-center{0%{visibility:visible}to{visibility:hidden}}@keyframes barrage-center{0%{visibility:visible}to{visibility:hidden}}.ani-pause div{-webkit-animation-play-state:paused!important;animation-play-state:paused!important}.ani-running div{-webkit-animation-play-state:running!important;animation-play-state:running!important}.fullscreen .right-item{-webkit-animation:barrage-right 8s linear;animation:barrage-right 8s linear}.vue-core-video-player-layers{z-index:11;position:absolute;left:0;bottom:0;width:100%;height:100%}.vcp-container{position:relative;margin:0 auto}.vcp-container,.vcp-container video{width:100%;height:100%;background-color:#000}.vcp-container video{display:block}