{"remainingRequest":"D:\\jenkins\\workspace\\cssc-fvue\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\jenkins\\workspace\\cssc-fvue\\src\\views\\CrewIndex.vue?vue&type=style&index=0&id=78bedbd0&lang=scss&scoped=true&","dependencies":[{"path":"D:\\jenkins\\workspace\\cssc-fvue\\src\\views\\CrewIndex.vue","mtime":1668071265581},{"path":"D:\\jenkins\\workspace\\cssc-fvue\\node_modules\\css-loader\\index.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\cssc-fvue\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\cssc-fvue\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\cssc-fvue\\node_modules\\sass-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\cssc-fvue\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\cssc-fvue\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n.fullscreen {\r\n    width: 100%;\r\n    height: 100%;\r\n    overflow: hidden;\r\n}\r\n\r\n.header-container {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    z-index: 999;\r\n    // box-shadow: 0 4px 10px 0 rgba($--light-border, 0.2);\r\n    // background: rgba($--light-active-border, 0.3);\r\n    background: url('../assets/img/top2.png') center / 100% 100% no-repeat;\r\n    width: 100%;\r\n    height: 50px;\r\n    color: #fff;\r\n}\r\n\r\n.top-left {\r\n    position: absolute;\r\n    width: 32%;\r\n    height: 70px;\r\n    left: 0;\r\n    top: 25px;\r\n    color: #fff;\r\n    background: url('../assets/img/top-left.png') center / 100% 100% no-repeat;\r\n}\r\n\r\n.top-left-date {\r\n    position: absolute;\r\n    left: 25%;\r\n    top: 20%;\r\n    font-weight: bold;\r\n}\r\n\r\n.top-left-day {\r\n    position: absolute;\r\n    left: 51%;\r\n    top: 42%;\r\n    font-weight: bold;\r\n}\r\n\r\n\r\n.top-right {\r\n    position: absolute;\r\n    width: 32%;\r\n    height: 70px;\r\n    right: 0;\r\n    top: 25px;\r\n    background: url('../assets/img/top-right.png') center / 100% 100% no-repeat;\r\n}\r\n\r\n.top-right-name {\r\n    position: absolute;\r\n    left: 46%;\r\n    top: 24%;\r\n    font-weight: bold;\r\n    color: #fff;\r\n}\r\n\r\n.logo-container {\r\n    width: 32%;\r\n    text-align: center;\r\n    display: flex;\r\n    justify-content: center;\r\n\r\n    img {\r\n        width: 38%;\r\n        height: auto;\r\n    }\r\n\r\n    .logoText {\r\n        font-size: 20px;\r\n        font-weight: bold;\r\n        margin-left: 20px;\r\n    }\r\n}\r\n\r\n.inner-fullscreen {\r\n    position: absolute;\r\n    left: 0;\r\n    top: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    overflow: hidden;\r\n    background: url('../assets/img/bg-1.png') center / 100% 100% no-repeat;\r\n}\r\n\r\n.bg-circle-container-outer {\r\n    width: 100%;\r\n    height: 100%;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n}\r\n\r\n.bg-circle-container {\r\n    // position: absolute;\r\n    // left: calc(50% - 19vw);\r\n    // top: 80px;\r\n    position: relative;\r\n    width: 32vw;\r\n    height: 32vw;\r\n    z-index: 1;\r\n\r\n    .bg-circle {\r\n        width: 100%;\r\n        height: 100%;\r\n        transform-origin: 50% 50%;\r\n        background: url('../assets/img/bgCircle.png') center / 100% 100% no-repeat;\r\n        animation: circle 8s infinite linear;\r\n    }\r\n\r\n    .bg-circle-center {\r\n        position: absolute;\r\n        left: 11%;\r\n        top: 11%;\r\n        width: 78%;\r\n        height: 78%;\r\n        z-index: 2;\r\n        background: url('../assets/img/bgCircle-center.png') center / 100% 100% no-repeat;\r\n        animation: scale 8s infinite linear;\r\n        -moz-animation: scale 8s infinite linear;\r\n        -webkit-animation: scale 8s infinite linear;\r\n        -o-animation: scale 8s infinite linear;\r\n    }\r\n\r\n    @keyframes scale {\r\n        0% {\r\n            transform: scale(1);\r\n        }\r\n\r\n        50% {\r\n            transform: scale(1.05);\r\n        }\r\n\r\n        100% {\r\n            transform: scale(1);\r\n        }\r\n    }\r\n\r\n    .bg-circle-line {\r\n        position: absolute;\r\n        left: -20%;\r\n        top: 12%;\r\n        width: 140%;\r\n        height: 90%;\r\n        z-index: 2;\r\n        background: url('../assets/img/bgCircle-line.png') center / 100% 100% no-repeat;\r\n    }\r\n}\r\n\r\n\r\n\r\n.crew-container {\r\n    width: 250px;\r\n    height: 570px;\r\n    position: absolute;\r\n\r\n    .crew-leaf1 {\r\n        width: 133.6%;\r\n        height: 59.47%;\r\n        background: url('../assets/img/crewIndex1.png') center / 100% 100% no-repeat;\r\n        position: absolute;\r\n        top: -0.5%;\r\n        left: -18.5%;\r\n        animation: circle 8s infinite linear;\r\n        -moz-animation: circle 8s infinite linear;\r\n        -webkit-animation: circle 8s infinite linear;\r\n        -o-animation: circle 8s infinite linear;\r\n        transform-origin: 53.89% 60.47%;\r\n    }\r\n\r\n    @keyframes circle {\r\n        0% {\r\n            transform: rotateZ(0);\r\n        }\r\n\r\n        100% {\r\n            transform: rotateZ(-360deg);\r\n        }\r\n    }\r\n\r\n    @-moz-keyframes circle {\r\n        0% {\r\n            transform: rotateZ(0);\r\n        }\r\n\r\n        100% {\r\n            transform: rotateZ(-360deg);\r\n        }\r\n    }\r\n\r\n    @-webkit-keyframes circle {\r\n        0% {\r\n            transform: rotateZ(0);\r\n        }\r\n\r\n        100% {\r\n            transform: rotateZ(-360deg);\r\n        }\r\n    }\r\n}\r\n\r\n\r\n\r\n.crew-circle:hover {\r\n    transform: scale(1.2);\r\n}\r\n\r\n.circle-container {\r\n    width: 5vw;\r\n    height: 5vw;\r\n    ;\r\n    border-radius: 10vw;\r\n    ;\r\n    color: #fff;\r\n    // background-color: #548eaa;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    font-size: 16px;\r\n    font-weight: bold;\r\n    position: absolute;\r\n    z-index: 10;\r\n    cursor: pointer;\r\n\r\n}\r\n\r\n.circle-container:hover .circle-inner {\r\n    width: 36px;\r\n    height: 36px;\r\n}\r\n\r\n.circleL .circle-bg {\r\n    position: absolute;\r\n    left: 0;\r\n    top: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    background: url('../assets/img/btnCircle.png') center / 100% 100% no-repeat;\r\n    animation: scale 3s infinite linear;\r\n}\r\n\r\n.circle-inner {\r\n    width: 26px;\r\n    height: 26px;\r\n\r\n}\r\n\r\n.circleL .circle-inner-1 {\r\n    background: url('../assets/img/btn1.png') center / 100% 100% no-repeat;\r\n\r\n}\r\n\r\n.circleL .circle-inner-2 {\r\n    background: url('../assets/img/btn2.png') center / 100% 100% no-repeat;\r\n}\r\n\r\n.circleL .circle-inner-3 {\r\n    background: url('../assets/img/btn3.png') center / 100% 100% no-repeat;\r\n}\r\n\r\n.circleL .circle-inner-4 {\r\n    background: url('../assets/img/btn4.png') center / 100% 100% no-repeat;\r\n}\r\n\r\n.circleL .circle-inner-5 {\r\n    background: url('../assets/img/btn5.png') center / 100% 100% no-repeat;\r\n}\r\n\r\n.circleR .circle-inner-1 {\r\n    background: url('../assets/img/btn6.png') center / 100% 100% no-repeat;\r\n}\r\n\r\n.circleR .circle-inner-2 {\r\n    background: url('../assets/img/btn7.png') center / 100% 100% no-repeat;\r\n}\r\n\r\n.circleR .circle-inner-3 {\r\n    background: url('../assets/img/btn8.png') center / 100% 100% no-repeat;\r\n}\r\n\r\n.circleR .circle-inner-4 {\r\n    background: url('../assets/img/btn9.png') center / 100% 100% no-repeat;\r\n}\r\n\r\n.circleR .circle-inner-5 {\r\n    background: url('../assets/img/btn10.png') center / 100% 100% no-repeat;\r\n}\r\n\r\n.circleR .circle-bg {\r\n    position: absolute;\r\n    left: 0;\r\n    top: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    background: url('../assets/img/btnCircle2.png') center / 100% 100% no-repeat;\r\n    animation: scale 3s infinite linear;\r\n}\r\n\r\n.circleL .circle-text {\r\n    position: absolute;\r\n    left: 106%;\r\n    font-size: 18px;\r\n    bottom: 19px;\r\n    width: 90px;\r\n    color: #00dcff;\r\n}\r\n\r\n.circleR .circle-text {\r\n    position: absolute;\r\n    right: 88%;\r\n    font-size: 18px;\r\n    bottom: 19px;\r\n    width: 90px;\r\n    color: #00dcff;\r\n}\r\n\r\n.circleL1 {\r\n    left: 0%;\r\n    top: -14.8%;\r\n}\r\n\r\n.circleL2 {\r\n    left: -7.4%;\r\n    top: 9.8%;\r\n}\r\n\r\n.circleL3 {\r\n    left: -9.4%;\r\n    top: 34.8%;\r\n}\r\n\r\n.circleL4 {\r\n    left: -6%;\r\n    top: 59.8%;\r\n}\r\n\r\n.circleL5 {\r\n    left: 2.8%;\r\n    top: 85%;\r\n}\r\n\r\n.circleR1 {\r\n    left: 89%;\r\n    top: -14.8%;\r\n}\r\n\r\n.circleR2 {\r\n    left: 96.5%;\r\n    top: 9.8%;\r\n}\r\n\r\n.circleR3 {\r\n    left: 98.3%;\r\n    top: 34.8%;\r\n}\r\n\r\n.circleR4 {\r\n    left: 95%;\r\n    top: 59.8%;\r\n}\r\n\r\n.circleR5 {\r\n    left: 85.9%;\r\n    top: 85%;\r\n}\r\n\r\n.crew1 {\r\n    bottom: 1vw;\r\n    left: 16%;\r\n    z-index: 5;\r\n    width: 8vw;\r\n    height: 18.24vw;\r\n    transform: rotateY(180deg);\r\n}\r\n\r\n.crew2 {\r\n    bottom: 10vw;\r\n    left: 8.5%;\r\n    width: 7vw;\r\n    height: 15.96vw;\r\n    transform: rotateY(180deg);\r\n}\r\n\r\n.crew3 {\r\n    bottom: 20vw;\r\n    left: 4%;\r\n    width: 6vw;\r\n    height: 13.68vw;\r\n    transform: rotateY(180deg);\r\n}\r\n\r\n.crew4 {\r\n    bottom: 1vw;\r\n    right: 16%;\r\n    z-index: 5;\r\n    width: 8vw;\r\n    height: 18.24vw;\r\n    transform: rotateY(180deg);\r\n}\r\n\r\n.crew5 {\r\n    bottom: 10vw;\r\n    right: 8.5%;\r\n    width: 7vw;\r\n    height: 15.96vw;\r\n    transform: rotateY(180deg);\r\n}\r\n\r\n.crew6 {\r\n    bottom: 20vw;\r\n    right: 4%;\r\n    width: 6vw;\r\n    height: 13.68vw;\r\n    transform: rotateY(180deg);\r\n}\r\n.crew4,.crew5,.crew6{\r\n    img{\r\n        transform: rotateY(180deg);\r\n    }\r\n    .crew-leaf1 {\r\n        left: -25.5%;\r\n    }\r\n}\r\n\r\n",null]}