@charset "UTF-8"; /* src/scss/animate.min.css */ .animated { animation-duration: 1s; animation-duration: 1s; animation-fill-mode: both; animation-fill-mode: both; } .animated.hinge { animation-duration: 2s; animation-duration: 2s; } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { transform: translateY(0); transform: translateY(0); } 40% { transform: translateY(-30px); transform: translateY(-30px); } 60% { transform: translateY(-15px); transform: translateY(-15px); } } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { transform: translateY(0); transform: translateY(0); transform: translateY(0); } 40% { transform: translateY(-30px); transform: translateY(-30px); transform: translateY(-30px); } 60% { transform: translateY(-15px); transform: translateY(-15px); transform: translateY(-15px); } } .bounce { animation-name: bounce; animation-name: bounce; } @keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { animation-name: flash; animation-name: flash; } @keyframes pulse { 0% { transform: scale(1); transform: scale(1); } 50% { transform: scale(1.1); transform: scale(1.1); } 100% { transform: scale(1); transform: scale(1); } } @keyframes pulse { 0% { transform: scale(1); transform: scale(1); transform: scale(1); } 50% { transform: scale(1.1); transform: scale(1.1); transform: scale(1.1); } 100% { transform: scale(1); transform: scale(1); transform: scale(1); } } .pulse { animation-name: pulse; animation-name: pulse; } @keyframes shake { 0%, 100% { transform: translateX(0); transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { transform: translateX(-10px); transform: translateX(-10px); } 20%, 40%, 60%, 80% { transform: translateX(10px); transform: translateX(10px); } } @keyframes shake { 0%, 100% { transform: translateX(0); transform: translateX(0); transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { transform: translateX(-10px); transform: translateX(-10px); transform: translateX(-10px); } 20%, 40%, 60%, 80% { transform: translateX(10px); transform: translateX(10px); transform: translateX(10px); } } .shake { animation-name: shake; animation-name: shake; } @keyframes swing { 20% { transform: rotate(15deg); transform: rotate(15deg); } 40% { transform: rotate(-10deg); transform: rotate(-10deg); } 60% { transform: rotate(5deg); transform: rotate(5deg); } 80% { transform: rotate(-5deg); transform: rotate(-5deg); } 100% { transform: rotate(0); transform: rotate(0); } } @keyframes swing { 20% { transform: rotate(15deg); transform: rotate(15deg); transform: rotate(15deg); } 40% { transform: rotate(-10deg); transform: rotate(-10deg); transform: rotate(-10deg); } 60% { transform: rotate(5deg); transform: rotate(5deg); transform: rotate(5deg); } 80% { transform: rotate(-5deg); transform: rotate(-5deg); transform: rotate(-5deg); } 100% { transform: rotate(0); transform: rotate(0); transform: rotate(0); } } .swing { transform-origin: top center; transform-origin: top center; transform-origin: top center; animation-name: swing; animation-name: swing; } @keyframes tada { 0% { transform: scale(1); transform: scale(1); } 10%, 20% { transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 100% { transform: scale(1) rotate(0); transform: scale(1) rotate(0); } } @keyframes tada { 0% { transform: scale(1); transform: scale(1); transform: scale(1); } 10%, 20% { transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 100% { transform: scale(1) rotate(0); transform: scale(1) rotate(0); transform: scale(1) rotate(0); } } .tada { animation-name: tada; animation-name: tada; } @keyframes wobble { 0% { transform: translateX(0%); transform: translateX(0%); } 15% { transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg); } 30% { transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg); } 45% { transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg); } 60% { transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg); } 75% { transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg); } 100% { transform: translateX(0%); transform: translateX(0%); } } @keyframes wobble { 0% { transform: translateX(0%); transform: translateX(0%); transform: translateX(0%); } 15% { transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg); } 30% { transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg); } 45% { transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg); } 60% { transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg); } 75% { transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg); } 100% { transform: translateX(0%); transform: translateX(0%); transform: translateX(0%); } } .wobble { animation-name: wobble; animation-name: wobble; } @keyframes bounceIn { 0% { opacity: 0; transform: scale(0.3); transform: scale(0.3); } 50% { opacity: 1; transform: scale(1.05); transform: scale(1.05); } 70% { transform: scale(0.9); transform: scale(0.9); } 100% { transform: scale(1); transform: scale(1); } } @keyframes bounceIn { 0% { opacity: 0; transform: scale(0.3); transform: scale(0.3); transform: scale(0.3); } 50% { opacity: 1; transform: scale(1.05); transform: scale(1.05); transform: scale(1.05); } 70% { transform: scale(0.9); transform: scale(0.9); transform: scale(0.9); } 100% { transform: scale(1); transform: scale(1); transform: scale(1); } } .bounceIn { animation-name: bounceIn; animation-name: bounceIn; } @keyframes bounceInDown { 0% { opacity: 0; transform: translateY(-2000px); transform: translateY(-2000px); } 60% { opacity: 1; transform: translateY(30px); transform: translateY(30px); } 80% { transform: translateY(-10px); transform: translateY(-10px); } 100% { transform: translateY(0); transform: translateY(0); } } @keyframes bounceInDown { 0% { opacity: 0; transform: translateY(-2000px); transform: translateY(-2000px); transform: translateY(-2000px); } 60% { opacity: 1; transform: translateY(30px); transform: translateY(30px); transform: translateY(30px); } 80% { transform: translateY(-10px); transform: translateY(-10px); transform: translateY(-10px); } 100% { transform: translateY(0); transform: translateY(0); transform: translateY(0); } } .bounceInDown { animation-name: bounceInDown; animation-name: bounceInDown; } @keyframes bounceInLeft { 0% { opacity: 0; transform: translateX(-2000px); transform: translateX(-2000px); } 60% { opacity: 1; transform: translateX(30px); transform: translateX(30px); } 80% { transform: translateX(-10px); transform: translateX(-10px); } 100% { transform: translateX(0); transform: translateX(0); } } @keyframes bounceInLeft { 0% { opacity: 0; transform: translateX(-2000px); transform: translateX(-2000px); transform: translateX(-2000px); } 60% { opacity: 1; transform: translateX(30px); transform: translateX(30px); transform: translateX(30px); } 80% { transform: translateX(-10px); transform: translateX(-10px); transform: translateX(-10px); } 100% { transform: translateX(0); transform: translateX(0); transform: translateX(0); } } .bounceInLeft { animation-name: bounceInLeft; animation-name: bounceInLeft; } @keyframes bounceInRight { 0% { opacity: 0; transform: translateX(2000px); transform: translateX(2000px); } 60% { opacity: 1; transform: translateX(-30px); transform: translateX(-30px); } 80% { transform: translateX(10px); transform: translateX(10px); } 100% { transform: translateX(0); transform: translateX(0); } } @keyframes bounceInRight { 0% { opacity: 0; transform: translateX(2000px); transform: translateX(2000px); transform: translateX(2000px); } 60% { opacity: 1; transform: translateX(-30px); transform: translateX(-30px); transform: translateX(-30px); } 80% { transform: translateX(10px); transform: translateX(10px); transform: translateX(10px); } 100% { transform: translateX(0); transform: translateX(0); transform: translateX(0); } } .bounceInRight { animation-name: bounceInRight; animation-name: bounceInRight; } @keyframes bounceInUp { 0% { opacity: 0; transform: translateY(2000px); transform: translateY(2000px); } 60% { opacity: 1; transform: translateY(-30px); transform: translateY(-30px); } 80% { transform: translateY(10px); transform: translateY(10px); } 100% { transform: translateY(0); transform: translateY(0); } } @keyframes bounceInUp { 0% { opacity: 0; transform: translateY(2000px); transform: translateY(2000px); transform: translateY(2000px); } 60% { opacity: 1; transform: translateY(-30px); transform: translateY(-30px); transform: translateY(-30px); } 80% { transform: translateY(10px); transform: translateY(10px); transform: translateY(10px); } 100% { transform: translateY(0); transform: translateY(0); transform: translateY(0); } } .bounceInUp { animation-name: bounceInUp; animation-name: bounceInUp; } @keyframes bounceOut { 0% { transform: scale(1); transform: scale(1); } 25% { transform: scale(0.95); transform: scale(0.95); } 50% { opacity: 1; transform: scale(1.1); transform: scale(1.1); } 100% { opacity: 0; transform: scale(0.3); transform: scale(0.3); } } @keyframes bounceOut { 0% { transform: scale(1); transform: scale(1); transform: scale(1); } 25% { transform: scale(0.95); transform: scale(0.95); transform: scale(0.95); } 50% { opacity: 1; transform: scale(1.1); transform: scale(1.1); transform: scale(1.1); } 100% { opacity: 0; transform: scale(0.3); transform: scale(0.3); transform: scale(0.3); } } .bounceOut { animation-name: bounceOut; animation-name: bounceOut; } @keyframes bounceOutDown { 0% { transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 0; transform: translateY(2000px); transform: translateY(2000px); } } @keyframes bounceOutDown { 0% { transform: translateY(0); transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; transform: translateY(-20px); transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 0; transform: translateY(2000px); transform: translateY(2000px); transform: translateY(2000px); } } .bounceOutDown { animation-name: bounceOutDown; animation-name: bounceOutDown; } @keyframes bounceOutLeft { 0% { transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 0; transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes bounceOutLeft { 0% { transform: translateX(0); transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; transform: translateX(20px); transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 0; transform: translateX(-2000px); transform: translateX(-2000px); transform: translateX(-2000px); } } .bounceOutLeft { animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @keyframes bounceOutRight { 0% { transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 0; transform: translateX(2000px); transform: translateX(2000px); } } @keyframes bounceOutRight { 0% { transform: translateX(0); transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; transform: translateX(-20px); transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 0; transform: translateX(2000px); transform: translateX(2000px); transform: translateX(2000px); } } .bounceOutRight { animation-name: bounceOutRight; animation-name: bounceOutRight; } @keyframes bounceOutUp { 0% { transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 0; transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes bounceOutUp { 0% { transform: translateY(0); transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; transform: translateY(20px); transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 0; transform: translateY(-2000px); transform: translateY(-2000px); transform: translateY(-2000px); } } .bounceOutUp { animation-name: bounceOutUp; animation-name: bounceOutUp; } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .fadeIn { animation-name: fadeIn; animation-name: fadeIn; } @keyframes fadeInDown { 0% { opacity: 0; transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; transform: translateY(0); transform: translateY(0); } } @keyframes fadeInDown { 0% { opacity: 0; transform: translateY(-20px); transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; transform: translateY(0); transform: translateY(0); transform: translateY(0); } } .fadeInDown { animation-name: fadeInDown; animation-name: fadeInDown; } @keyframes fadeInDownBig { 0% { opacity: 0; transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; transform: translateY(0); transform: translateY(0); } } @keyframes fadeInDownBig { 0% { opacity: 0; transform: translateY(-2000px); transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; transform: translateY(0); transform: translateY(0); transform: translateY(0); } } .fadeInDownBig { animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @keyframes fadeInLeft { 0% { opacity: 0; transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; transform: translateX(0); transform: translateX(0); } } @keyframes fadeInLeft { 0% { opacity: 0; transform: translateX(-20px); transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; transform: translateX(0); transform: translateX(0); transform: translateX(0); } } .fadeInLeft { animation-name: fadeInLeft; animation-name: fadeInLeft; } @keyframes fadeInLeftBig { 0% { opacity: 0; transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; transform: translateX(0); transform: translateX(0); } } @keyframes fadeInLeftBig { 0% { opacity: 0; transform: translateX(-2000px); transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; transform: translateX(0); transform: translateX(0); transform: translateX(0); } } .fadeInLeftBig { animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @keyframes fadeInRight { 0% { opacity: 0; transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; transform: translateX(0); transform: translateX(0); } } @keyframes fadeInRight { 0% { opacity: 0; transform: translateX(20px); transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; transform: translateX(0); transform: translateX(0); transform: translateX(0); } } .fadeInRight { animation-name: fadeInRight; animation-name: fadeInRight; } @keyframes fadeInRightBig { 0% { opacity: 0; transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; transform: translateX(0); transform: translateX(0); } } @keyframes fadeInRightBig { 0% { opacity: 0; transform: translateX(2000px); transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; transform: translateX(0); transform: translateX(0); transform: translateX(0); } } .fadeInRightBig { animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @keyframes fadeInUp { 0% { opacity: 0; transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); transform: translateY(0); } } @keyframes fadeInUp { 0% { opacity: 0; transform: translateY(20px); transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); transform: translateY(0); transform: translateY(0); } } .fadeInUp { animation-name: fadeInUp; animation-name: fadeInUp; } @keyframes fadeInUpBig { 0% { opacity: 0; transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; transform: translateY(0); transform: translateY(0); } } @keyframes fadeInUpBig { 0% { opacity: 0; transform: translateY(2000px); transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; transform: translateY(0); transform: translateY(0); transform: translateY(0); } } .fadeInUpBig { animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .fadeOut { animation-name: fadeOut; animation-name: fadeOut; } @keyframes fadeOutDown { 0% { opacity: 1; transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; transform: translateY(20px); transform: translateY(20px); } } @keyframes fadeOutDown { 0% { opacity: 1; transform: translateY(0); transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; transform: translateY(20px); transform: translateY(20px); transform: translateY(20px); } } .fadeOutDown { animation-name: fadeOutDown; animation-name: fadeOutDown; } @keyframes fadeOutDownBig { 0% { opacity: 1; transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; transform: translateY(2000px); transform: translateY(2000px); } } @keyframes fadeOutDownBig { 0% { opacity: 1; transform: translateY(0); transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; transform: translateY(2000px); transform: translateY(2000px); transform: translateY(2000px); } } .fadeOutDownBig { animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @keyframes fadeOutLeft { 0% { opacity: 1; transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; transform: translateX(-20px); transform: translateX(-20px); } } @keyframes fadeOutLeft { 0% { opacity: 1; transform: translateX(0); transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; transform: translateX(-20px); transform: translateX(-20px); transform: translateX(-20px); } } .fadeOutLeft { animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @keyframes fadeOutLeftBig { 0% { opacity: 1; transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes fadeOutLeftBig { 0% { opacity: 1; transform: translateX(0); transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; transform: translateX(-2000px); transform: translateX(-2000px); transform: translateX(-2000px); } } .fadeOutLeftBig { animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @keyframes fadeOutRight { 0% { opacity: 1; transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; transform: translateX(20px); transform: translateX(20px); } } @keyframes fadeOutRight { 0% { opacity: 1; transform: translateX(0); transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; transform: translateX(20px); transform: translateX(20px); transform: translateX(20px); } } .fadeOutRight { animation-name: fadeOutRight; animation-name: fadeOutRight; } @keyframes fadeOutRightBig { 0% { opacity: 1; transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; transform: translateX(2000px); transform: translateX(2000px); } } @keyframes fadeOutRightBig { 0% { opacity: 1; transform: translateX(0); transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; transform: translateX(2000px); transform: translateX(2000px); transform: translateX(2000px); } } .fadeOutRightBig { animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @keyframes fadeOutUp { 0% { opacity: 1; transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; transform: translateY(-20px); transform: translateY(-20px); } } @keyframes fadeOutUp { 0% { opacity: 1; transform: translateY(0); transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; transform: translateY(-20px); transform: translateY(-20px); transform: translateY(-20px); } } .fadeOutUp { animation-name: fadeOutUp; animation-name: fadeOutUp; } @keyframes fadeOutUpBig { 0% { opacity: 1; transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes fadeOutUpBig { 0% { opacity: 1; transform: translateY(0); transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; transform: translateY(-2000px); transform: translateY(-2000px); transform: translateY(-2000px); } } .fadeOutUpBig { animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @keyframes flip { 0% { transform: perspective(400px) translateZ(0) rotateY(0) scale(1); transform: perspective(400px) translateZ(0) rotateY(0) scale(1); } 0%, 40% { animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); } 50% { transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95); } 80%, 100% { animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); } } @keyframes flip { 0% { transform: perspective(400px) translateZ(0) rotateY(0) scale(1); transform: perspective(400px) translateZ(0) rotateY(0) scale(1); transform: perspective(400px) translateZ(0) rotateY(0) scale(1); } 0%, 40% { animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); } 50% { transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95); } 80%, 100% { animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); } } .animated.flip { backface-visibility: visible; backface-visibility: visible; backface-visibility: visible; animation-name: flip; animation-name: flip; } @keyframes flipInX { 0% { opacity: 0; transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); } 40% { transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); } 70% { transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); } 100% { opacity: 1; transform: perspective(400px) rotateX(0); transform: perspective(400px) rotateX(0); } } @keyframes flipInX { 0% { opacity: 0; transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); } 40% { transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); } 70% { transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); } 100% { opacity: 1; transform: perspective(400px) rotateX(0); transform: perspective(400px) rotateX(0); transform: perspective(400px) rotateX(0); } } .flipInX { backface-visibility: visible !important; backface-visibility: visible !important; backface-visibility: visible !important; animation-name: flipInX; animation-name: flipInX; } @keyframes flipInY { 0% { opacity: 0; transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); } 40% { transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg); } 70% { transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); } 100% { opacity: 1; transform: perspective(400px) rotateY(0); transform: perspective(400px) rotateY(0); } } @keyframes flipInY { 0% { opacity: 0; transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); } 40% { transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg); } 70% { transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); } 100% { opacity: 1; transform: perspective(400px) rotateY(0); transform: perspective(400px) rotateY(0); transform: perspective(400px) rotateY(0); } } .flipInY { backface-visibility: visible !important; backface-visibility: visible !important; backface-visibility: visible !important; animation-name: flipInY; animation-name: flipInY; } @keyframes flipOutX { 0% { opacity: 1; transform: perspective(400px) rotateX(0); transform: perspective(400px) rotateX(0); } 100% { opacity: 0; transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); } } @keyframes flipOutX { 0% { opacity: 1; transform: perspective(400px) rotateX(0); transform: perspective(400px) rotateX(0); transform: perspective(400px) rotateX(0); } 100% { opacity: 0; transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); } } .flipOutX { animation-name: flipOutX; animation-name: flipOutX; backface-visibility: visible !important; backface-visibility: visible !important; backface-visibility: visible !important; } @keyframes flipOutY { 0% { opacity: 1; transform: perspective(400px) rotateY(0); transform: perspective(400px) rotateY(0); } 100% { opacity: 0; transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); } } @keyframes flipOutY { 0% { opacity: 1; transform: perspective(400px) rotateY(0); transform: perspective(400px) rotateY(0); transform: perspective(400px) rotateY(0); } 100% { opacity: 0; transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); } } .flipOutY { backface-visibility: visible !important; backface-visibility: visible !important; backface-visibility: visible !important; animation-name: flipOutY; animation-name: flipOutY; } @keyframes lightSpeedIn { 0% { opacity: 0; transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); } 60% { opacity: 1; transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); } 80% { opacity: 1; transform: translateX(0%) skewX(-15deg); transform: translateX(0%) skewX(-15deg); } 100% { opacity: 1; transform: translateX(0%) skewX(0); transform: translateX(0%) skewX(0); } } @keyframes lightSpeedIn { 0% { opacity: 0; transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); } 60% { opacity: 1; transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); } 80% { opacity: 1; transform: translateX(0%) skewX(-15deg); transform: translateX(0%) skewX(-15deg); transform: translateX(0%) skewX(-15deg); } 100% { opacity: 1; transform: translateX(0%) skewX(0); transform: translateX(0%) skewX(0); transform: translateX(0%) skewX(0); } } .lightSpeedIn { animation-name: lightSpeedIn; animation-name: lightSpeedIn; animation-timing-function: ease-out; animation-timing-function: ease-out; } @keyframes lightSpeedOut { 0% { opacity: 1; transform: translateX(0%) skewX(0); transform: translateX(0%) skewX(0); } 100% { opacity: 0; transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); } } @keyframes lightSpeedOut { 0% { opacity: 1; transform: translateX(0%) skewX(0); transform: translateX(0%) skewX(0); transform: translateX(0%) skewX(0); } 100% { opacity: 0; transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); } } .lightSpeedOut { animation-name: lightSpeedOut; animation-name: lightSpeedOut; animation-timing-function: ease-in; animation-timing-function: ease-in; } @keyframes rotateIn { 0% { opacity: 0; transform: rotate(-200deg); transform: rotate(-200deg); } 0%, 100% { transform-origin: center center; transform-origin: center center; } 100% { opacity: 1; transform: rotate(0); transform: rotate(0); } } @keyframes rotateIn { 0% { opacity: 0; transform: rotate(-200deg); transform: rotate(-200deg); transform: rotate(-200deg); } 0%, 100% { transform-origin: center center; transform-origin: center center; transform-origin: center center; } 100% { opacity: 1; transform: rotate(0); transform: rotate(0); transform: rotate(0); } } .rotateIn { animation-name: rotateIn; animation-name: rotateIn; } @keyframes rotateInDownLeft { 0% { opacity: 0; transform: rotate(-90deg); transform: rotate(-90deg); } 0%, 100% { transform-origin: left bottom; transform-origin: left bottom; } 100% { opacity: 1; transform: rotate(0); transform: rotate(0); } } @keyframes rotateInDownLeft { 0% { opacity: 0; transform: rotate(-90deg); transform: rotate(-90deg); transform: rotate(-90deg); } 0%, 100% { transform-origin: left bottom; transform-origin: left bottom; transform-origin: left bottom; } 100% { opacity: 1; transform: rotate(0); transform: rotate(0); transform: rotate(0); } } .rotateInDownLeft { animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @keyframes rotateInDownRight { 0% { opacity: 0; transform: rotate(90deg); transform: rotate(90deg); } 0%, 100% { transform-origin: right bottom; transform-origin: right bottom; } 100% { opacity: 1; transform: rotate(0); transform: rotate(0); } } @keyframes rotateInDownRight { 0% { opacity: 0; transform: rotate(90deg); transform: rotate(90deg); transform: rotate(90deg); } 0%, 100% { transform-origin: right bottom; transform-origin: right bottom; transform-origin: right bottom; } 100% { opacity: 1; transform: rotate(0); transform: rotate(0); transform: rotate(0); } } .rotateInDownRight { animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @keyframes rotateInUpLeft { 0% { opacity: 0; transform: rotate(90deg); transform: rotate(90deg); } 0%, 100% { transform-origin: left bottom; transform-origin: left bottom; } 100% { opacity: 1; transform: rotate(0); transform: rotate(0); } } @keyframes rotateInUpLeft { 0% { opacity: 0; transform: rotate(90deg); transform: rotate(90deg); transform: rotate(90deg); } 0%, 100% { transform-origin: left bottom; transform-origin: left bottom; transform-origin: left bottom; } 100% { opacity: 1; transform: rotate(0); transform: rotate(0); transform: rotate(0); } } .rotateInUpLeft { animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @keyframes rotateInUpRight { 0% { opacity: 0; transform: rotate(-90deg); transform: rotate(-90deg); } 0%, 100% { transform-origin: right bottom; transform-origin: right bottom; } 100% { opacity: 1; transform: rotate(0); transform: rotate(0); } } @keyframes rotateInUpRight { 0% { opacity: 0; transform: rotate(-90deg); transform: rotate(-90deg); transform: rotate(-90deg); } 0%, 100% { transform-origin: right bottom; transform-origin: right bottom; transform-origin: right bottom; } 100% { opacity: 1; transform: rotate(0); transform: rotate(0); transform: rotate(0); } } .rotateInUpRight { animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @keyframes rotateOut { 0% { opacity: 1; transform: rotate(0); transform: rotate(0); } 0%, 100% { transform-origin: center center; transform-origin: center center; } 100% { opacity: 0; transform: rotate(200deg); transform: rotate(200deg); } } @keyframes rotateOut { 0% { opacity: 1; transform: rotate(0); transform: rotate(0); transform: rotate(0); } 0%, 100% { transform-origin: center center; transform-origin: center center; transform-origin: center center; } 100% { opacity: 0; transform: rotate(200deg); transform: rotate(200deg); transform: rotate(200deg); } } .rotateOut { animation-name: rotateOut; animation-name: rotateOut; } @keyframes rotateOutDownLeft { 0% { opacity: 1; transform: rotate(0); transform: rotate(0); } 0%, 100% { transform-origin: left bottom; transform-origin: left bottom; } 100% { opacity: 0; transform: rotate(90deg); transform: rotate(90deg); } } @keyframes rotateOutDownLeft { 0% { opacity: 1; transform: rotate(0); transform: rotate(0); transform: rotate(0); } 0%, 100% { transform-origin: left bottom; transform-origin: left bottom; transform-origin: left bottom; } 100% { opacity: 0; transform: rotate(90deg); transform: rotate(90deg); transform: rotate(90deg); } } .rotateOutDownLeft { animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @keyframes rotateOutDownRight { 0% { opacity: 1; transform: rotate(0); transform: rotate(0); } 0%, 100% { transform-origin: right bottom; transform-origin: right bottom; } 100% { opacity: 0; transform: rotate(-90deg); transform: rotate(-90deg); } } @keyframes rotateOutDownRight { 0% { opacity: 1; transform: rotate(0); transform: rotate(0); transform: rotate(0); } 0%, 100% { transform-origin: right bottom; transform-origin: right bottom; transform-origin: right bottom; } 100% { opacity: 0; transform: rotate(-90deg); transform: rotate(-90deg); transform: rotate(-90deg); } } .rotateOutDownRight { animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @keyframes rotateOutUpLeft { 0% { opacity: 1; transform: rotate(0); transform: rotate(0); } 0%, 100% { transform-origin: left bottom; transform-origin: left bottom; } 100% { opacity: 0; transform: rotate(-90deg); transform: rotate(-90deg); } } @keyframes rotateOutUpLeft { 0% { opacity: 1; transform: rotate(0); transform: rotate(0); transform: rotate(0); } 0%, 100% { transform-origin: left bottom; transform-origin: left bottom; transform-origin: left bottom; } 100% { opacity: 0; transform: rotate(-90deg); transform: rotate(-90deg); transform: rotate(-90deg); } } .rotateOutUpLeft { animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @keyframes rotateOutUpRight { 0% { opacity: 1; transform: rotate(0); transform: rotate(0); } 0%, 100% { transform-origin: right bottom; transform-origin: right bottom; } 100% { opacity: 0; transform: rotate(90deg); transform: rotate(90deg); } } @keyframes rotateOutUpRight { 0% { opacity: 1; transform: rotate(0); transform: rotate(0); transform: rotate(0); } 0%, 100% { transform-origin: right bottom; transform-origin: right bottom; transform-origin: right bottom; } 100% { opacity: 0; transform: rotate(90deg); transform: rotate(90deg); transform: rotate(90deg); } } .rotateOutUpRight { animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @keyframes slideInDown { 0% { opacity: 0; transform: translateY(-2000px); transform: translateY(-2000px); } 100% { transform: translateY(0); transform: translateY(0); } } @keyframes slideInDown { 0% { opacity: 0; transform: translateY(-2000px); transform: translateY(-2000px); transform: translateY(-2000px); } 100% { transform: translateY(0); transform: translateY(0); transform: translateY(0); } } .slideInDown { animation-name: slideInDown; animation-name: slideInDown; } @keyframes slideInLeft { 0% { opacity: 0; transform: translateX(-2000px); transform: translateX(-2000px); } 100% { transform: translateX(0); transform: translateX(0); } } @keyframes slideInLeft { 0% { opacity: 0; transform: translateX(-2000px); transform: translateX(-2000px); transform: translateX(-2000px); } 100% { transform: translateX(0); transform: translateX(0); transform: translateX(0); } } .slideInLeft { animation-name: slideInLeft; animation-name: slideInLeft; } @keyframes slideInRight { 0% { opacity: 0; transform: translateX(2000px); transform: translateX(2000px); } 100% { transform: translateX(0); transform: translateX(0); } } @keyframes slideInRight { 0% { opacity: 0; transform: translateX(2000px); transform: translateX(2000px); transform: translateX(2000px); } 100% { transform: translateX(0); transform: translateX(0); transform: translateX(0); } } .slideInRight { animation-name: slideInRight; animation-name: slideInRight; } @keyframes slideOutLeft { 0% { transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes slideOutLeft { 0% { transform: translateX(0); transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; transform: translateX(-2000px); transform: translateX(-2000px); transform: translateX(-2000px); } } .slideOutLeft { animation-name: slideOutLeft; animation-name: slideOutLeft; } @keyframes slideOutRight { 0% { transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; transform: translateX(2000px); transform: translateX(2000px); } } @keyframes slideOutRight { 0% { transform: translateX(0); transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; transform: translateX(2000px); transform: translateX(2000px); transform: translateX(2000px); } } .slideOutRight { animation-name: slideOutRight; animation-name: slideOutRight; } @keyframes slideOutUp { 0% { transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes slideOutUp { 0% { transform: translateY(0); transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; transform: translateY(-2000px); transform: translateY(-2000px); transform: translateY(-2000px); } } .slideOutUp { animation-name: slideOutUp; animation-name: slideOutUp; } @keyframes hinge { 0% { transform: rotate(0); transform: rotate(0); } 0%, 20%, 60% { transform-origin: top left; transform-origin: top left; animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { transform: rotate(80deg); transform: rotate(80deg); } 40% { transform: rotate(60deg); transform: rotate(60deg); } 40%, 80% { transform-origin: top left; transform-origin: top left; animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 80% { opacity: 1; transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); } 100% { opacity: 0; transform: translateY(700px); transform: translateY(700px); } } @keyframes hinge { 0% { transform: rotate(0); transform: rotate(0); transform: rotate(0); } 0%, 20%, 60% { transform-origin: top left; transform-origin: top left; transform-origin: top left; animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { transform: rotate(80deg); transform: rotate(80deg); transform: rotate(80deg); } 40% { transform: rotate(60deg); transform: rotate(60deg); transform: rotate(60deg); } 40%, 80% { transform-origin: top left; transform-origin: top left; transform-origin: top left; animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 80% { opacity: 1; transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); } 100% { opacity: 0; transform: translateY(700px); transform: translateY(700px); transform: translateY(700px); } } .hinge { animation-name: hinge; animation-name: hinge; } @keyframes rollIn { 0% { opacity: 0; transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; transform: translateX(0) rotate(0); transform: translateX(0) rotate(0); } } @keyframes rollIn { 0% { opacity: 0; transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; transform: translateX(0) rotate(0); transform: translateX(0) rotate(0); transform: translateX(0) rotate(0); } } .rollIn { animation-name: rollIn; animation-name: rollIn; } @keyframes rollOut { 0% { opacity: 1; transform: translateX(0) rotate(0); transform: translateX(0) rotate(0); } 100% { opacity: 0; transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg); } } @keyframes rollOut { 0% { opacity: 1; transform: translateX(0) rotate(0); transform: translateX(0) rotate(0); transform: translateX(0) rotate(0); } 100% { opacity: 0; transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg); } } .rollOut { animation-name: rollOut; animation-name: rollOut; } /* node_modules/swiper/swiper-bundle.min.css */ @font-face { font-family: swiper-icons; src: url(data:application/font-woff;charset=utf-8;base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA); font-weight: 400; font-style: normal; } :root { --swiper-theme-color:#007aff; } :host { position: relative; display: block; margin-left: auto; margin-right: auto; z-index: 1; } .swiper { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; display: block; } .swiper-vertical > .swiper-wrapper { flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial); box-sizing: content-box; } .swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper { transform: translate3d(0px, 0, 0); } .swiper-horizontal { touch-action: pan-y; } .swiper-vertical { touch-action: pan-x; } .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; display: block; } .swiper-slide-invisible-blank { visibility: hidden; } .swiper-autoheight, .swiper-autoheight .swiper-slide { height: auto; } .swiper-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform, height; } .swiper-backface-hidden .swiper-slide { transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-3d.swiper-css-mode .swiper-wrapper { perspective: 1200px; } .swiper-3d .swiper-wrapper { transform-style: preserve-3d; } .swiper-3d { perspective: 1200px; } .swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide { transform-style: preserve-3d; } .swiper-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; -ms-overflow-style: none; } .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; } .swiper-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start start; } .swiper-css-mode.swiper-horizontal > .swiper-wrapper { scroll-snap-type: x mandatory; } .swiper-css-mode.swiper-vertical > .swiper-wrapper { scroll-snap-type: y mandatory; } .swiper-css-mode.swiper-free-mode > .swiper-wrapper { scroll-snap-type: none; } .swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: none; } .swiper-css-mode.swiper-centered > .swiper-wrapper::before { content: ""; flex-shrink: 0; order: 9999; } .swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide { scroll-snap-align: center center; scroll-snap-stop: always; } .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child { margin-inline-start: var(--swiper-centered-offset-before); } .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before { height: 100%; min-height: 1px; width: var(--swiper-centered-offset-after); } .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child { margin-block-start: var(--swiper-centered-offset-before); } .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before { width: 100%; min-width: 1px; height: var(--swiper-centered-offset-after); } .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-3d .swiper-slide-shadow { background: rgba(0, 0, 0, .15); } .swiper-3d .swiper-slide-shadow-left { background-image: linear-gradient( to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-right { background-image: linear-gradient( to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-top { background-image: linear-gradient( to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-bottom { background-image: linear-gradient( to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; transform-origin: 50%; box-sizing: border-box; border: 4px solid var(--swiper-preloader-color,var(--swiper-theme-color)); border-radius: 50%; border-top-color: transparent; } .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader { animation: swiper-preloader-spin 1s infinite linear; } .swiper-lazy-preloader-white { --swiper-preloader-color:#fff; } .swiper-lazy-preloader-black { --swiper-preloader-color:#000; } @keyframes swiper-preloader-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .swiper-virtual .swiper-slide { -webkit-backface-visibility: hidden; transform: translateZ(0); } .swiper-virtual.swiper-css-mode .swiper-wrapper::after { content: ""; position: absolute; left: 0; top: 0; pointer-events: none; } .swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after { height: 1px; width: var(--swiper-virtual-size); } .swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after { width: 1px; height: var(--swiper-virtual-size); } :root { --swiper-navigation-size:44px; } .swiper-button-next, .swiper-button-prev { position: absolute; top: var(--swiper-navigation-top-offset,50%); width: calc(var(--swiper-navigation-size)/ 44 * 27); height: var(--swiper-navigation-size); margin-top: calc(0px - (var(--swiper-navigation-size)/ 2)); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--swiper-navigation-color,var(--swiper-theme-color)); } .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: .35; cursor: auto; pointer-events: none; } .swiper-button-next.swiper-button-hidden, .swiper-button-prev.swiper-button-hidden { opacity: 0; cursor: auto; pointer-events: none; } .swiper-navigation-disabled .swiper-button-next, .swiper-navigation-disabled .swiper-button-prev { display: none !important; } .swiper-button-next svg, .swiper-button-prev svg { width: 100%; height: 100%; object-fit: contain; transform-origin: center; } .swiper-rtl .swiper-button-next svg, .swiper-rtl .swiper-button-prev svg { transform: rotate(180deg); } .swiper-button-prev, .swiper-rtl .swiper-button-next { left: var(--swiper-navigation-sides-offset,10px); right: auto; } .swiper-button-next, .swiper-rtl .swiper-button-prev { right: var(--swiper-navigation-sides-offset,10px); left: auto; } .swiper-button-lock { display: none; } .swiper-button-next:after, .swiper-button-prev:after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); text-transform: none !important; letter-spacing: 0; font-variant: initial; line-height: 1; } .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after { content: "prev"; } .swiper-button-next, .swiper-rtl .swiper-button-prev { right: var(--swiper-navigation-sides-offset,10px); left: auto; } .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after { content: "next"; } .swiper-pagination { position: absolute; text-align: center; transition: .3s opacity; transform: translate3d(0, 0, 0); z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } .swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled { display: none !important; } .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: var(--swiper-pagination-bottom,8px); top: var(--swiper-pagination-top,auto); left: 0; width: 100%; } .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transform: scale(.33); position: relative; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: scale(.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale(.33); } .swiper-pagination-bullet { width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px)); height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px)); display: inline-block; border-radius: var(--swiper-pagination-bullet-border-radius,50%); background: var(--swiper-pagination-bullet-inactive-color,#000); opacity: var(--swiper-pagination-bullet-inactive-opacity, .2); } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-bullet:only-child { display: none !important; } .swiper-pagination-bullet-active { opacity: var(--swiper-pagination-bullet-opacity, 1); background: var(--swiper-pagination-color,var(--swiper-theme-color)); } .swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets { right: var(--swiper-pagination-right,8px); left: var(--swiper-pagination-left,auto); top: 50%; transform: translate3d(0px, -50%, 0); } .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: var(--swiper-pagination-bullet-vertical-gap,6px) 0; display: block; } .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; transform: translateY(-50%); width: 8px; } .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: .2s transform, .2s top; } .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 var(--swiper-pagination-bullet-horizontal-gap,4px); } .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; transform: translateX(-50%); white-space: nowrap; } .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: .2s transform, .2s left; } .swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: .2s transform, .2s right; } .swiper-pagination-fraction { color: var(--swiper-pagination-fraction-color,inherit); } .swiper-pagination-progressbar { background: var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25)); position: absolute; } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-pagination-color,var(--swiper-theme-color)); position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: scale(0); transform-origin: left top; } .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: right top; } .swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: var(--swiper-pagination-progressbar-size,4px); left: 0; top: 0; } .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical > .swiper-pagination-progressbar { width: var(--swiper-pagination-progressbar-size,4px); height: 100%; left: 0; top: 0; } .swiper-pagination-lock { display: none; } .swiper-scrollbar { border-radius: var(--swiper-scrollbar-border-radius,10px); position: relative; touch-action: none; background: var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1)); } .swiper-scrollbar-disabled > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled { display: none !important; } .swiper-horizontal > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal { position: absolute; left: var(--swiper-scrollbar-sides-offset,1%); bottom: var(--swiper-scrollbar-bottom,4px); top: var(--swiper-scrollbar-top,auto); z-index: 50; height: var(--swiper-scrollbar-size,4px); width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%)); } .swiper-scrollbar.swiper-scrollbar-vertical, .swiper-vertical > .swiper-scrollbar { position: absolute; left: var(--swiper-scrollbar-left,auto); right: var(--swiper-scrollbar-right,4px); top: var(--swiper-scrollbar-sides-offset,1%); z-index: 50; width: var(--swiper-scrollbar-size,4px); height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%)); } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5)); border-radius: var(--swiper-scrollbar-border-radius,10px); left: 0; top: 0; } .swiper-scrollbar-cursor-drag { cursor: move; } .swiper-scrollbar-lock { display: none; } .swiper-zoom-container { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; text-align: center; } .swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg { max-width: 100%; max-height: 100%; object-fit: contain; } .swiper-slide-zoomed { cursor: move; touch-action: none; } .swiper .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } .swiper-free-mode > .swiper-wrapper { transition-timing-function: ease-out; margin: 0 auto; } .swiper-grid > .swiper-wrapper { flex-wrap: wrap; } .swiper-grid-column > .swiper-wrapper { flex-wrap: wrap; flex-direction: column; } .swiper-fade.swiper-free-mode .swiper-slide { transition-timing-function: ease-out; } .swiper-fade .swiper-slide { pointer-events: none; transition-property: opacity; } .swiper-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-fade .swiper-slide-active { pointer-events: auto; } .swiper-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper.swiper-cube { overflow: visible; } .swiper-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; transform-origin: 0 0; width: 100%; height: 100%; } .swiper-cube .swiper-slide .swiper-slide { pointer-events: none; } .swiper-cube.swiper-rtl .swiper-slide { transform-origin: 100% 0; } .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-prev { pointer-events: auto; visibility: visible; } .swiper-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; opacity: .6; z-index: 0; } .swiper-cube .swiper-cube-shadow:before { content: ""; background: #000; position: absolute; left: 0; top: 0; bottom: 0; right: 0; filter: blur(50px); } .swiper-cube .swiper-slide-next + .swiper-slide { pointer-events: auto; visibility: visible; } .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper.swiper-flip { overflow: visible; } .swiper-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; } .swiper-flip .swiper-slide .swiper-slide { pointer-events: none; } .swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-creative .swiper-slide { -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; transition-property: transform, opacity, height; } .swiper.swiper-cards { overflow: visible; } .swiper-cards .swiper-slide { transform-origin: center bottom; -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; } /* node_modules/@ctrl/ngx-emoji-mart/picker.css */ .emoji-mart, .emoji-mart * { box-sizing: border-box; line-height: 1.15; } .emoji-mart { font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif; font-size: 16px; display: inline-block; color: #222427; border: 1px solid #d9d9d9; border-radius: 5px; background: #fff; } .emoji-mart .emoji-mart-emoji { padding: 6px; } .emoji-mart-bar { border: 0 solid #d9d9d9; } .emoji-mart-bar:first-child { border-bottom-width: 1px; border-top-left-radius: 5px; border-top-right-radius: 5px; } .emoji-mart-bar:last-child { border-top-width: 1px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .emoji-mart-anchors { display: flex; flex-direction: row; justify-content: space-between; padding: 0 6px; line-height: 0; } .emoji-mart-anchor { position: relative; display: block; flex: 1 1 auto; color: #858585; text-align: center; padding: 12px 4px; overflow: hidden; transition: color .1s ease-out; margin: 0; box-shadow: none; background: none; border: none; } .emoji-mart-anchor:focus { outline: 0; } .emoji-mart-anchor:hover, .emoji-mart-anchor:focus, .emoji-mart-anchor-selected { color: #464646; } .emoji-mart-anchor-selected .emoji-mart-anchor-bar { bottom: 0; } .emoji-mart-anchor-bar { position: absolute; bottom: -3px; left: 0; width: 100%; height: 3px; background-color: #464646; } .emoji-mart-anchors i { display: inline-block; width: 100%; max-width: 22px; } .emoji-mart-anchors svg, .emoji-mart-anchors img { fill: currentColor; height: 18px; } .emoji-mart-scroll { overflow-y: scroll; height: 270px; padding: 0 6px 6px 6px; will-change: transform; } .emoji-mart-search { margin-top: 6px; padding: 0 6px; position: relative; } .emoji-mart-search input { font-size: 16px; display: block; width: 100%; padding: 5px 25px 6px 10px; border-radius: 5px; border: 1px solid #d9d9d9; outline: 0; } .emoji-mart-search input, .emoji-mart-search input::-webkit-search-decoration, .emoji-mart-search input::-webkit-search-cancel-button, .emoji-mart-search input::-webkit-search-results-button, .emoji-mart-search input::-webkit-search-results-decoration { -webkit-appearance: none; } .emoji-mart-search-icon { position: absolute; top: 3px; right: 11px; z-index: 2; padding: 2px 5px 1px; border: none; background: none; } .emoji-mart-category .emoji-mart-emoji span { z-index: 1; position: relative; text-align: center; cursor: default; } .emoji-mart-category .emoji-mart-emoji:hover:before { z-index: 0; content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #f4f4f4; border-radius: 100%; } .emoji-mart-category-label { z-index: 2; position: relative; position: -webkit-sticky; position: sticky; top: 0; } .emoji-mart-category-label span { display: block; width: 100%; font-weight: 500; padding: 5px 6px; background-color: #fff; background-color: rgba(255, 255, 255, .95); } .emoji-mart-category-list { margin: 0; padding: 0; } .emoji-mart-category-list li { list-style: none; margin: 0; padding: 0; display: inline-block; } .emoji-mart-emoji { position: relative; display: inline-block; font-size: 0; margin: 0; padding: 0; border: none; background: none; box-shadow: none; } .emoji-mart-emoji-native { font-family: "Segoe UI Emoji", "Segoe UI Symbol", "Segoe UI", "Apple Color Emoji", "Twemoji Mozilla", "Noto Color Emoji", "Android Emoji"; } .emoji-mart-no-results { font-size: 14px; text-align: center; padding-top: 70px; color: #858585; } .emoji-mart-no-results .emoji-mart-category-label { display: none; } .emoji-mart-no-results .emoji-mart-no-results-label { margin-top: .2em; } .emoji-mart-no-results .emoji-mart-emoji:hover:before { content: none; } .emoji-mart-preview { position: relative; height: 70px; } .emoji-mart-preview-emoji, .emoji-mart-preview-data, .emoji-mart-preview-skins { position: absolute; top: 50%; transform: translateY(-50%); } .emoji-mart-preview-emoji { left: 12px; } .emoji-mart-preview-data { left: 68px; right: 12px; word-break: break-all; } .emoji-mart-preview-skins { right: 30px; text-align: right; } .emoji-mart-preview-skins.custom { right: 10px; text-align: right; } .emoji-mart-preview-name { font-size: 14px; } .emoji-mart-preview-shortname { font-size: 12px; color: #888; } .emoji-mart-preview-shortname + .emoji-mart-preview-shortname, .emoji-mart-preview-shortname + .emoji-mart-preview-emoticon, .emoji-mart-preview-emoticon + .emoji-mart-preview-emoticon { margin-left: .5em; } .emoji-mart-preview-emoticon { font-size: 11px; color: #bbb; } .emoji-mart-title span { display: inline-block; vertical-align: middle; } .emoji-mart-title .emoji-mart-emoji { padding: 0; } .emoji-mart-title-label { color: #999A9C; font-size: 26px; font-weight: 300; } .emoji-mart-skin-swatches { font-size: 0; padding: 2px 0; border: 1px solid #d9d9d9; border-radius: 12px; background-color: #fff; } .emoji-mart-skin-swatches.custom { font-size: 0; border: none; background-color: #fff; } .emoji-mart-skin-swatches.opened .emoji-mart-skin-swatch { width: 16px; padding: 0 2px; } .emoji-mart-skin-swatches.opened .emoji-mart-skin-swatch.selected:after { opacity: .75; } .emoji-mart-skin-swatch { display: inline-block; width: 0; vertical-align: middle; transition-property: width, padding; transition-duration: .125s; transition-timing-function: ease-out; } .emoji-mart-skin-swatch:nth-child(1) { transition-delay: 0s; } .emoji-mart-skin-swatch:nth-child(2) { transition-delay: .03s; } .emoji-mart-skin-swatch:nth-child(3) { transition-delay: .06s; } .emoji-mart-skin-swatch:nth-child(4) { transition-delay: .09s; } .emoji-mart-skin-swatch:nth-child(5) { transition-delay: .12s; } .emoji-mart-skin-swatch:nth-child(6) { transition-delay: .15s; } .emoji-mart-skin-swatch.selected { position: relative; width: 16px; padding: 0 2px; } .emoji-mart-skin-swatch.selected:after { content: ""; position: absolute; top: 50%; left: 50%; width: 4px; height: 4px; margin: -2px 0 0 -2px; background-color: #fff; border-radius: 100%; pointer-events: none; opacity: 0; transition: opacity .2s ease-out; } .emoji-mart-skin-swatch.custom { display: inline-block; width: 0; height: 38px; overflow: hidden; vertical-align: middle; transition-property: width, height; transition-duration: .125s; transition-timing-function: ease-out; cursor: default; } .emoji-mart-skin-swatch.custom.selected { position: relative; width: 36px; height: 38px; padding: 0 2px 0 0; } .emoji-mart-skin-swatch.custom.selected:after { content: ""; width: 0; height: 0; } .emoji-mart-skin-swatches.custom .emoji-mart-skin-swatch.custom:hover { background-color: #f4f4f4; border-radius: 10%; } .emoji-mart-skin-swatches.custom.opened .emoji-mart-skin-swatch.custom { width: 36px; height: 38px; padding: 0 2px 0 0; } .emoji-mart-skin-swatches.custom.opened .emoji-mart-skin-swatch.custom.selected:after { opacity: .75; } .emoji-mart-skin-text.opened { display: inline-block; vertical-align: middle; text-align: left; color: #888; font-size: 11px; padding: 5px 2px; width: 95px; height: 40px; border-radius: 10%; background-color: #fff; } .emoji-mart-skin { display: inline-block; width: 100%; padding-top: 100%; max-width: 12px; border-radius: 100%; } .emoji-mart-skin-tone-1 { background-color: #ffc93a; } .emoji-mart-skin-tone-2 { background-color: #fadcbc; } .emoji-mart-skin-tone-3 { background-color: #e0bb95; } .emoji-mart-skin-tone-4 { background-color: #bf8f68; } .emoji-mart-skin-tone-5 { background-color: #9b643d; } .emoji-mart-skin-tone-6 { background-color: #594539; } .emoji-mart-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .emoji-mart-dark { color: #fff; border-color: #555453; background-color: #222; } .emoji-mart-dark .emoji-mart-bar { border-color: #555453; } .emoji-mart-dark .emoji-mart-search input { color: #fff; border-color: #555453; background-color: #2f2f2f; } .emoji-mart-dark .emoji-mart-search-icon svg { fill: #fff; } .emoji-mart-dark .emoji-mart-category .emoji-mart-emoji:hover:before { background-color: #444; } .emoji-mart-dark .emoji-mart-category-label span { background-color: #222; color: #fff; } .emoji-mart-dark .emoji-mart-skin-swatches { border-color: #555453; background-color: #222; } .emoji-mart-dark .emoji-mart-anchor:hover, .emoji-mart-dark .emoji-mart-anchor:focus, .emoji-mart-dark .emoji-mart-anchor-selected { color: #bfbfbf; } /* node_modules/ngx-bootstrap/datepicker/bs-datepicker.css */ .bs-datepicker { display: flex; align-items: stretch; flex-flow: row wrap; background: #fff; box-shadow: 0 0 10px 0 #aaa; position: relative; z-index: 1; } .bs-datepicker:after { clear: both; content: ""; display: block; } .bs-datepicker bs-day-picker { float: left; } .bs-datepicker button:hover, .bs-datepicker button:focus, .bs-datepicker button:active, .bs-datepicker input:hover, .bs-datepicker input:focus, .bs-datepicker input:active, .bs-datepicker-btns button:hover, .bs-datepicker-btns button:focus, .bs-datepicker-btns button:active, .bs-datepicker-predefined-btns button:active, .bs-datepicker-predefined-btns button:focus { outline: none; } .bs-datepicker-head { min-width: 270px; height: 50px; padding: 10px; border-radius: 3px 3px 0 0; text-align: justify; } .bs-datepicker-head:after { content: ""; display: inline-block; vertical-align: top; width: 100%; } .bs-datepicker-head button { display: inline-block; vertical-align: top; padding: 0; height: 30px; line-height: 30px; border: 0; background: transparent; text-align: center; cursor: pointer; color: #fff; transition: 0.3s; } .bs-datepicker-head button[disabled], .bs-datepicker-head button[disabled]:hover, .bs-datepicker-head button[disabled]:active { background: rgba(221, 221, 221, 0.3); color: #f5f5f5; cursor: not-allowed; } .bs-datepicker-head button.previous span { transform: translate(-1px, -1px); } .bs-datepicker-head button.next span { transform: translate(1px, -1px); } .bs-datepicker-head button.next, .bs-datepicker-head button.previous { border-radius: 50%; width: 30px; height: 30px; } .bs-datepicker-head button.next span, .bs-datepicker-head button.previous span { font-size: 28px; line-height: 1; display: inline-block; position: relative; height: 100%; width: 100%; border-radius: 50%; } .bs-datepicker-head button.current { border-radius: 15px; max-width: 155px; padding: 0 13px; } .bs-datepicker-head button:hover { background-color: rgba(0, 0, 0, 0.1); } .bs-datepicker-head button:active { background-color: rgba(0, 0, 0, 0.2); } .bs-datepicker-body { padding: 10px; border-radius: 0 0 3px 3px; min-height: 232px; min-width: 278px; border: 1px solid #e9edf0; } .bs-datepicker-body .days.weeks { position: relative; z-index: 1; } .bs-datepicker-body table { width: 100%; border-collapse: separate; border-spacing: 0; } .bs-datepicker-body table th { font-size: 13px; color: #9aaec1; font-weight: 400; text-align: center; } .bs-datepicker-body table td { color: #54708b; text-align: center; position: relative; padding: 0; } .bs-datepicker-body table td span { display: block; margin: 0 auto; font-size: 13px; border-radius: 50%; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; } .bs-datepicker-body table td:not(.disabled):not(.week) span:not(.disabled):not(.is-other-month) { cursor: pointer; } .bs-datepicker-body table td.is-highlighted:not(.disabled):not(.selected) span, .bs-datepicker-body table td span.is-highlighted:not(.disabled):not(.selected) { background-color: #e9edf0; transition: 0s; } .bs-datepicker-body table td.is-active-other-month:not(.disabled):not(.selected) span, .bs-datepicker-body table td span.is-active-other-month:not(.disabled):not(.selected) { background-color: #e9edf0; transition: 0s; cursor: pointer; } .bs-datepicker-body table td span.disabled, .bs-datepicker-body table td.disabled span { color: #9aaec1; } .bs-datepicker-body table td span.selected, .bs-datepicker-body table td.selected span { color: #fff; } .bs-datepicker-body table td span.selected.disabled, .bs-datepicker-body table td.selected.disabled span { opacity: 0.3; } .bs-datepicker-body table td span.is-other-month, .bs-datepicker-body table td.is-other-month span { color: rgba(0, 0, 0, 0.25); } .bs-datepicker-body table td.active { position: relative; } .bs-datepicker-body table td.active.select-start:before { left: 35%; } .bs-datepicker-body table td.active.select-end:before { left: -85%; } .bs-datepicker-body table td span.active.select-start:after, .bs-datepicker-body table td span.active.select-end:after, .bs-datepicker-body table td.active.select-start span:after, .bs-datepicker-body table td.active.select-end span:after { content: ""; display: block; position: absolute; z-index: -1; width: 100%; height: 100%; transition: 0.3s; top: 0; border-radius: 50%; } .bs-datepicker-body table td:before, .bs-datepicker-body table td span:before { content: ""; display: block; position: absolute; z-index: -1; top: 6px; bottom: 6px; left: -3px; right: -2px; box-sizing: content-box; background: transparent; } .bs-datepicker-body table td.active.select-start + td.active:before { left: -20%; } .bs-datepicker-body table td:last-child.active:before { border-radius: 0 3px 3px 0; width: 125%; left: -25%; } .bs-datepicker-body table td span[class*=select-], .bs-datepicker-body table td[class*=select-] span { border-radius: 50%; color: #fff; } .bs-datepicker-body table.days td.active:not(.select-start):not(.disabled):before, .bs-datepicker-body table.days td.in-range:not(.select-start):not(.disabled):before, .bs-datepicker-body table.days span.active:not(.select-start):not(.disabled):before, .bs-datepicker-body table.days span.in-range:not(.select-start):not(.disabled):before { background: #e9edf0; } .bs-datepicker-body table.days span { width: 32px; height: 32px; line-height: 32px; } .bs-datepicker-body table.days span.select-start { z-index: 2; } .bs-datepicker-body table.days span.is-highlighted.in-range:before { right: 3px; left: 0; } .bs-datepicker-body table.days span.in-range.select-end:before { right: 4px; left: 0; } .bs-datepicker-body table.days td.select-start + td.select-end:before, .bs-datepicker-body table.days td.select-start + td.is-highlighted:before, .bs-datepicker-body table.days td.active + td.is-highlighted:before, .bs-datepicker-body table.days td.active + td.select-end:before, .bs-datepicker-body table.days td.in-range + td.is-highlighted:before, .bs-datepicker-body table.days td.in-range + td.select-end:before { background: #e9edf0; width: 100%; } .bs-datepicker-body table.weeks tr td:nth-child(2).active:before { border-radius: 3px 0 0 3px; left: 0; width: 100%; } .bs-datepicker-body table:not(.weeks) tr td:first-child:before { border-radius: 3px 0 0 3px; } .bs-datepicker-body table.years td span { width: 46px; height: 46px; line-height: 45px; margin: 0 auto; } .bs-datepicker-body table.years tr:not(:last-child) td span { margin-bottom: 8px; } .bs-datepicker-body table.months td { height: 52px; } .bs-datepicker-body table.months td span { padding: 6px; border-radius: 15px; } .bs-datepicker .current-timedate { color: #54708b; font-size: 15px; text-align: center; height: 30px; line-height: 30px; border-radius: 20px; border: 1px solid #e9edf0; margin-bottom: 10px; cursor: pointer; text-transform: uppercase; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; } .bs-datepicker .current-timedate span:not(:empty):before { content: ""; width: 15px; height: 16px; display: inline-block; margin-right: 4px; vertical-align: text-bottom; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAQCAYAAADJViUEAAABMklEQVQoU9VTwW3CQBCcOUgBtEBKSAukAnBKME+wFCAlYIhk8sQlxFABtJAScAsuAPBEewYcxCP8ouxrPDsza61uiVN1o6RNHD4htSCmq49RfO71BvMJqBBkITRf1kmUW49nQRC9h1I5AZlBClaL8aP1fKgOOxCx8aSLs+Q19eZuNO8QmPqJRtDFguy7OAcDbJPs+/BKVPDIPrvD2ZJgWAmVe7O0rI0Vqs1seyWUXpuJoppYCa5L+U++NpNPkr5OE2oMdARsb3gykJT5ydZcL8Z9Ww60nxg2LhjON9li9OwXZzo+xLbp3nC2s9CL2RrueGyVrgwNm8HpsCzZ9EEW6kqXlo1GQe03FzP/7W8Hl0dBtu7Bf7zt6mIwvX1RvzDCm7+q3mAW0Dl/GPdUCeXrZLT9BrDrGkm4qlPvAAAAAElFTkSuQmCC); } .bs-datepicker-multiple { border-radius: 4px 0 0 4px; } .bs-datepicker-multiple + .bs-datepicker-multiple { margin-left: 10px; } .bs-datepicker-multiple .bs-datepicker { box-shadow: none; position: relative; } .bs-datepicker-multiple .bs-datepicker:not(:last-child) { padding-right: 10px; } .bs-datepicker-multiple .bs-datepicker + .bs-datepicker:after { content: ""; display: block; width: 14px; height: 10px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAKCAYAAABrGwT5AAAA1ElEQVQoU42RsQrCUAxF77VuDu7O4oMWW//BURBBpZvgKk4uIrjoqKOTf+DopIO4uYggtFTfw3+pkQqCW1/G5J7kJiFy4m5MxUlxAzgIPHX+lzMPzupRYlYgxiR7vqsOP8YKzsTx0yxFMCUZ+q7aZzlr+OvgoWcAFyAHgat2jLWu48252DdqAihDJGSSJNUUxYmQjs3+hPQBlAh2rG2LCOPnaw3IiGDX99TRCs7ASJsNhUOA7d/LcuHvRG22FIZvsNXw1MX6VZExCilOQKEfeLXr/10+aC9Ho7arh7oAAAAASUVORK5CYII=); position: absolute; top: 25px; left: -8px; } .bs-datepicker-multiple .bs-datepicker .left { float: left; } .bs-datepicker-multiple .bs-datepicker .right { float: right; } .bs-datepicker-container { padding: 15px; } .bs-datepicker .bs-media-container { display: flex; } @media (max-width: 768px) { .bs-datepicker .bs-media-container { flex-direction: column; } } .bs-datepicker .bs-timepicker-in-datepicker-container { display: flex; justify-content: space-around; } .bs-datepicker-custom-range { padding: 15px; background: #eee; } .bs-datepicker-predefined-btns button { width: 100%; display: block; height: 30px; background-color: #9aaec1; border-radius: 4px; color: #fff; border: 0; margin-bottom: 10px; padding: 0 18px; text-align: left; transition: 0.3s; } .bs-datepicker-predefined-btns button:hover { background-color: #54708b; } .bs-datepicker-buttons { display: flex; flex-flow: row wrap; justify-content: flex-end; padding-top: 10px; border-top: 1px solid #e9edf0; } .bs-datepicker-buttons .btn-default { margin-left: 10px; } .bs-datepicker-buttons .btn-today-wrapper { display: flex; flex-flow: row wrap; } .bs-datepicker-buttons .clear-right, .bs-datepicker-buttons .today-right { flex-grow: 0; } .bs-datepicker-buttons .clear-left, .bs-datepicker-buttons .today-left { flex-grow: 1; } .bs-datepicker-buttons .clear-center, .bs-datepicker-buttons .today-center { flex-grow: 0.5; } .bs-timepicker-container { padding: 10px 0; } .bs-timepicker-label { color: #54708b; margin-bottom: 10px; } .bs-timepicker-controls { display: inline-block; vertical-align: top; margin-right: 10px; } .bs-timepicker-controls button { width: 20px; height: 20px; border-radius: 50%; border: 0; background-color: #e9edf0; color: #54708b; font-size: 16px; font-weight: 700; vertical-align: middle; line-height: 0; padding: 0; transition: 0.3s; } .bs-timepicker-controls button:hover { background-color: #d5dadd; } .bs-timepicker-controls input { width: 35px; height: 25px; border-radius: 13px; text-align: center; border: 1px solid #e9edf0; } .bs-timepicker .switch-time-format { text-transform: uppercase; min-width: 54px; height: 25px; border-radius: 20px; border: 1px solid #e9edf0; background: #fff; color: #54708b; font-size: 13px; } .bs-timepicker .switch-time-format img { vertical-align: initial; margin-left: 4px; } bs-datepicker-container, bs-daterangepicker-container { z-index: 1080; } @media (max-width: 768px) { .bs-datepicker { width: min-content; justify-content: center; } .bs-datepicker-multiple { display: flex; } .bs-datepicker-multiple + .bs-datepicker-multiple { margin-top: 10px; margin-left: 0; } } .theme-default .bs-datepicker-head { background-color: #777; } .theme-default .btn-today-wrapper .btn-success, .theme-default .btn-clear-wrapper .btn-success { background-color: #777; border-color: #777; } .theme-default .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active:focus, .theme-default .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active:focus { box-shadow: none; } .theme-default .btn-today-wrapper .btn-success:focus, .theme-default .btn-clear-wrapper .btn-success:focus { box-shadow: none; } .theme-default .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active, .theme-default .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active { background-color: #616161; border-color: #616161; } .theme-default .btn-today-wrapper .btn-success:hover, .theme-default .btn-clear-wrapper .btn-success:hover { background-color: #6F6E6E; border-color: #6F6E6E; } .theme-default .bs-datepicker-predefined-btns button.selected { background-color: #777; } .theme-default .bs-datepicker-body table td span.selected, .theme-default .bs-datepicker-body table td.selected span, .theme-default .bs-datepicker-body table td span[class*=select-]:after, .theme-default .bs-datepicker-body table td[class*=select-] span:after { background-color: #777; } .theme-default .bs-datepicker-body table td.week span { color: #777; } .theme-default .bs-datepicker-body table td.active-week span:hover { cursor: pointer; background-color: #777; color: #fff; opacity: 0.5; transition: 0s; } .theme-green .bs-datepicker-head { background-color: #5cb85c; } .theme-green .btn-today-wrapper .btn-success, .theme-green .btn-clear-wrapper .btn-success { background-color: #5cb85c; border-color: #5cb85c; } .theme-green .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active:focus, .theme-green .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active:focus { box-shadow: none; } .theme-green .btn-today-wrapper .btn-success:focus, .theme-green .btn-clear-wrapper .btn-success:focus { box-shadow: none; } .theme-green .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active, .theme-green .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active { background-color: #1e7e34; border-color: #1e7e34; } .theme-green .btn-today-wrapper .btn-success:hover, .theme-green .btn-clear-wrapper .btn-success:hover { background-color: #218838; border-color: #218838; } .theme-green .bs-datepicker-predefined-btns button.selected { background-color: #5cb85c; } .theme-green .bs-datepicker-body table td span.selected, .theme-green .bs-datepicker-body table td.selected span, .theme-green .bs-datepicker-body table td span[class*=select-]:after, .theme-green .bs-datepicker-body table td[class*=select-] span:after { background-color: #5cb85c; } .theme-green .bs-datepicker-body table td.week span { color: #5cb85c; } .theme-green .bs-datepicker-body table td.active-week span:hover { cursor: pointer; background-color: #5cb85c; color: #fff; opacity: 0.5; transition: 0s; } .theme-blue .bs-datepicker-head { background-color: #5bc0de; } .theme-blue .btn-today-wrapper .btn-success, .theme-blue .btn-clear-wrapper .btn-success { background-color: #5bc0de; border-color: #5bc0de; } .theme-blue .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active:focus, .theme-blue .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active:focus { box-shadow: none; } .theme-blue .btn-today-wrapper .btn-success:focus, .theme-blue .btn-clear-wrapper .btn-success:focus { box-shadow: none; } .theme-blue .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active, .theme-blue .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active { background-color: #2AA8CD; border-color: #2AA8CD; } .theme-blue .btn-today-wrapper .btn-success:hover, .theme-blue .btn-clear-wrapper .btn-success:hover { background-color: #3AB3D7; border-color: #3AB3D7; } .theme-blue .bs-datepicker-predefined-btns button.selected { background-color: #5bc0de; } .theme-blue .bs-datepicker-body table td span.selected, .theme-blue .bs-datepicker-body table td.selected span, .theme-blue .bs-datepicker-body table td span[class*=select-]:after, .theme-blue .bs-datepicker-body table td[class*=select-] span:after { background-color: #5bc0de; } .theme-blue .bs-datepicker-body table td.week span { color: #5bc0de; } .theme-blue .bs-datepicker-body table td.active-week span:hover { cursor: pointer; background-color: #5bc0de; color: #fff; opacity: 0.5; transition: 0s; } .theme-dark-blue .bs-datepicker-head { background-color: #337ab7; } .theme-dark-blue .btn-today-wrapper .btn-success, .theme-dark-blue .btn-clear-wrapper .btn-success { background-color: #337ab7; border-color: #337ab7; } .theme-dark-blue .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active:focus, .theme-dark-blue .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active:focus { box-shadow: none; } .theme-dark-blue .btn-today-wrapper .btn-success:focus, .theme-dark-blue .btn-clear-wrapper .btn-success:focus { box-shadow: none; } .theme-dark-blue .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active, .theme-dark-blue .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active { background-color: #266498; border-color: #266498; } .theme-dark-blue .btn-today-wrapper .btn-success:hover, .theme-dark-blue .btn-clear-wrapper .btn-success:hover { background-color: #2C6FA9; border-color: #2C6FA9; } .theme-dark-blue .bs-datepicker-predefined-btns button.selected { background-color: #337ab7; } .theme-dark-blue .bs-datepicker-body table td span.selected, .theme-dark-blue .bs-datepicker-body table td.selected span, .theme-dark-blue .bs-datepicker-body table td span[class*=select-]:after, .theme-dark-blue .bs-datepicker-body table td[class*=select-] span:after { background-color: #337ab7; } .theme-dark-blue .bs-datepicker-body table td.week span { color: #337ab7; } .theme-dark-blue .bs-datepicker-body table td.active-week span:hover { cursor: pointer; background-color: #337ab7; color: #fff; opacity: 0.5; transition: 0s; } .theme-red .bs-datepicker-head { background-color: #d9534f; } .theme-red .btn-today-wrapper .btn-success, .theme-red .btn-clear-wrapper .btn-success { background-color: #d9534f; border-color: #d9534f; } .theme-red .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active:focus, .theme-red .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active:focus { box-shadow: none; } .theme-red .btn-today-wrapper .btn-success:focus, .theme-red .btn-clear-wrapper .btn-success:focus { box-shadow: none; } .theme-red .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active, .theme-red .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active { background-color: #D23531; border-color: #D23531; } .theme-red .btn-today-wrapper .btn-success:hover, .theme-red .btn-clear-wrapper .btn-success:hover { background-color: #E33732; border-color: #E33732; } .theme-red .bs-datepicker-predefined-btns button.selected { background-color: #d9534f; } .theme-red .bs-datepicker-body table td span.selected, .theme-red .bs-datepicker-body table td.selected span, .theme-red .bs-datepicker-body table td span[class*=select-]:after, .theme-red .bs-datepicker-body table td[class*=select-] span:after { background-color: #d9534f; } .theme-red .bs-datepicker-body table td.week span { color: #d9534f; } .theme-red .bs-datepicker-body table td.active-week span:hover { cursor: pointer; background-color: #d9534f; color: #fff; opacity: 0.5; transition: 0s; } .theme-orange .bs-datepicker-head { background-color: #f0ad4e; } .theme-orange .btn-today-wrapper .btn-success, .theme-orange .btn-clear-wrapper .btn-success { background-color: #f0ad4e; border-color: #f0ad4e; } .theme-orange .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active:focus, .theme-orange .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active:focus { box-shadow: none; } .theme-orange .btn-today-wrapper .btn-success:focus, .theme-orange .btn-clear-wrapper .btn-success:focus { box-shadow: none; } .theme-orange .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active, .theme-orange .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active { background-color: #ED9C29; border-color: #ED9C29; } .theme-orange .btn-today-wrapper .btn-success:hover, .theme-orange .btn-clear-wrapper .btn-success:hover { background-color: #FFAC35; border-color: #FFAC35; } .theme-orange .bs-datepicker-predefined-btns button.selected { background-color: #f0ad4e; } .theme-orange .bs-datepicker-body table td span.selected, .theme-orange .bs-datepicker-body table td.selected span, .theme-orange .bs-datepicker-body table td span[class*=select-]:after, .theme-orange .bs-datepicker-body table td[class*=select-] span:after { background-color: #f0ad4e; } .theme-orange .bs-datepicker-body table td.week span { color: #f0ad4e; } .theme-orange .bs-datepicker-body table td.active-week span:hover { cursor: pointer; background-color: #f0ad4e; color: #fff; opacity: 0.5; transition: 0s; } /* node_modules/@angular/material/prebuilt-themes/indigo-pink.css */ html { --mat-sys-on-surface: initial; } .mat-app-background { background-color: var(--mat-app-background-color, var(--mat-sys-background, transparent)); color: var(--mat-app-text-color, var(--mat-sys-on-background, inherit)); } .mat-elevation-z0, .mat-mdc-elevation-specific.mat-elevation-z0 { box-shadow: var(--mat-app-elevation-shadow-level-0, 0px 0px 0px 0px --mat-sys-shadow, 0px 0px 0px 0px --mat-sys-shadow, 0px 0px 0px 0px --mat-sys-shadow); } .mat-elevation-z1, .mat-mdc-elevation-specific.mat-elevation-z1 { box-shadow: var(--mat-app-elevation-shadow-level-1, 0px 2px 1px -1px --mat-sys-shadow, 0px 1px 1px 0px --mat-sys-shadow, 0px 1px 3px 0px --mat-sys-shadow); } .mat-elevation-z2, .mat-mdc-elevation-specific.mat-elevation-z2 { box-shadow: var(--mat-app-elevation-shadow-level-2, 0px 3px 1px -2px --mat-sys-shadow, 0px 2px 2px 0px --mat-sys-shadow, 0px 1px 5px 0px --mat-sys-shadow); } .mat-elevation-z3, .mat-mdc-elevation-specific.mat-elevation-z3 { box-shadow: var(--mat-app-elevation-shadow-level-3, 0px 3px 3px -2px --mat-sys-shadow, 0px 3px 4px 0px --mat-sys-shadow, 0px 1px 8px 0px --mat-sys-shadow); } .mat-elevation-z4, .mat-mdc-elevation-specific.mat-elevation-z4 { box-shadow: var(--mat-app-elevation-shadow-level-4, 0px 2px 4px -1px --mat-sys-shadow, 0px 4px 5px 0px --mat-sys-shadow, 0px 1px 10px 0px --mat-sys-shadow); } .mat-elevation-z5, .mat-mdc-elevation-specific.mat-elevation-z5 { box-shadow: var(--mat-app-elevation-shadow-level-5, 0px 3px 5px -1px --mat-sys-shadow, 0px 5px 8px 0px --mat-sys-shadow, 0px 1px 14px 0px --mat-sys-shadow); } .mat-elevation-z6, .mat-mdc-elevation-specific.mat-elevation-z6 { box-shadow: var(--mat-app-elevation-shadow-level-6, 0px 3px 5px -1px --mat-sys-shadow, 0px 6px 10px 0px --mat-sys-shadow, 0px 1px 18px 0px --mat-sys-shadow); } .mat-elevation-z7, .mat-mdc-elevation-specific.mat-elevation-z7 { box-shadow: var(--mat-app-elevation-shadow-level-7, 0px 4px 5px -2px --mat-sys-shadow, 0px 7px 10px 1px --mat-sys-shadow, 0px 2px 16px 1px --mat-sys-shadow); } .mat-elevation-z8, .mat-mdc-elevation-specific.mat-elevation-z8 { box-shadow: var(--mat-app-elevation-shadow-level-8, 0px 5px 5px -3px --mat-sys-shadow, 0px 8px 10px 1px --mat-sys-shadow, 0px 3px 14px 2px --mat-sys-shadow); } .mat-elevation-z9, .mat-mdc-elevation-specific.mat-elevation-z9 { box-shadow: var(--mat-app-elevation-shadow-level-9, 0px 5px 6px -3px --mat-sys-shadow, 0px 9px 12px 1px --mat-sys-shadow, 0px 3px 16px 2px --mat-sys-shadow); } .mat-elevation-z10, .mat-mdc-elevation-specific.mat-elevation-z10 { box-shadow: var(--mat-app-elevation-shadow-level-10, 0px 6px 6px -3px --mat-sys-shadow, 0px 10px 14px 1px --mat-sys-shadow, 0px 4px 18px 3px --mat-sys-shadow); } .mat-elevation-z11, .mat-mdc-elevation-specific.mat-elevation-z11 { box-shadow: var(--mat-app-elevation-shadow-level-11, 0px 6px 7px -4px --mat-sys-shadow, 0px 11px 15px 1px --mat-sys-shadow, 0px 4px 20px 3px --mat-sys-shadow); } .mat-elevation-z12, .mat-mdc-elevation-specific.mat-elevation-z12 { box-shadow: var(--mat-app-elevation-shadow-level-12, 0px 7px 8px -4px --mat-sys-shadow, 0px 12px 17px 2px --mat-sys-shadow, 0px 5px 22px 4px --mat-sys-shadow); } .mat-elevation-z13, .mat-mdc-elevation-specific.mat-elevation-z13 { box-shadow: var(--mat-app-elevation-shadow-level-13, 0px 7px 8px -4px --mat-sys-shadow, 0px 13px 19px 2px --mat-sys-shadow, 0px 5px 24px 4px --mat-sys-shadow); } .mat-elevation-z14, .mat-mdc-elevation-specific.mat-elevation-z14 { box-shadow: var(--mat-app-elevation-shadow-level-14, 0px 7px 9px -4px --mat-sys-shadow, 0px 14px 21px 2px --mat-sys-shadow, 0px 5px 26px 4px --mat-sys-shadow); } .mat-elevation-z15, .mat-mdc-elevation-specific.mat-elevation-z15 { box-shadow: var(--mat-app-elevation-shadow-level-15, 0px 8px 9px -5px --mat-sys-shadow, 0px 15px 22px 2px --mat-sys-shadow, 0px 6px 28px 5px --mat-sys-shadow); } .mat-elevation-z16, .mat-mdc-elevation-specific.mat-elevation-z16 { box-shadow: var(--mat-app-elevation-shadow-level-16, 0px 8px 10px -5px --mat-sys-shadow, 0px 16px 24px 2px --mat-sys-shadow, 0px 6px 30px 5px --mat-sys-shadow); } .mat-elevation-z17, .mat-mdc-elevation-specific.mat-elevation-z17 { box-shadow: var(--mat-app-elevation-shadow-level-17, 0px 8px 11px -5px --mat-sys-shadow, 0px 17px 26px 2px --mat-sys-shadow, 0px 6px 32px 5px --mat-sys-shadow); } .mat-elevation-z18, .mat-mdc-elevation-specific.mat-elevation-z18 { box-shadow: var(--mat-app-elevation-shadow-level-18, 0px 9px 11px -5px --mat-sys-shadow, 0px 18px 28px 2px --mat-sys-shadow, 0px 7px 34px 6px --mat-sys-shadow); } .mat-elevation-z19, .mat-mdc-elevation-specific.mat-elevation-z19 { box-shadow: var(--mat-app-elevation-shadow-level-19, 0px 9px 12px -6px --mat-sys-shadow, 0px 19px 29px 2px --mat-sys-shadow, 0px 7px 36px 6px --mat-sys-shadow); } .mat-elevation-z20, .mat-mdc-elevation-specific.mat-elevation-z20 { box-shadow: var(--mat-app-elevation-shadow-level-20, 0px 10px 13px -6px --mat-sys-shadow, 0px 20px 31px 3px --mat-sys-shadow, 0px 8px 38px 7px --mat-sys-shadow); } .mat-elevation-z21, .mat-mdc-elevation-specific.mat-elevation-z21 { box-shadow: var(--mat-app-elevation-shadow-level-21, 0px 10px 13px -6px --mat-sys-shadow, 0px 21px 33px 3px --mat-sys-shadow, 0px 8px 40px 7px --mat-sys-shadow); } .mat-elevation-z22, .mat-mdc-elevation-specific.mat-elevation-z22 { box-shadow: var(--mat-app-elevation-shadow-level-22, 0px 10px 14px -6px --mat-sys-shadow, 0px 22px 35px 3px --mat-sys-shadow, 0px 8px 42px 7px --mat-sys-shadow); } .mat-elevation-z23, .mat-mdc-elevation-specific.mat-elevation-z23 { box-shadow: var(--mat-app-elevation-shadow-level-23, 0px 11px 14px -7px --mat-sys-shadow, 0px 23px 36px 3px --mat-sys-shadow, 0px 9px 44px 8px --mat-sys-shadow); } .mat-elevation-z24, .mat-mdc-elevation-specific.mat-elevation-z24 { box-shadow: var(--mat-app-elevation-shadow-level-24, 0px 11px 15px -7px --mat-sys-shadow, 0px 24px 38px 3px --mat-sys-shadow, 0px 9px 46px 8px --mat-sys-shadow); } html { --mat-app-background-color: #fafafa; --mat-app-text-color: rgba(0, 0, 0, 0.87); --mat-app-elevation-shadow-level-0: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-1: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-2: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-3: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-4: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-5: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-6: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-7: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-8: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-9: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-10: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-11: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-12: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-13: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-14: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-15: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-16: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-17: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-18: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-19: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-20: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-21: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-22: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-23: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-24: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); } html { --mat-ripple-color: rgba(0, 0, 0, 0.104); } html { --mat-option-selected-state-label-text-color: #3f51b5; --mat-option-label-text-color: rgba(0, 0, 0, 0.87); --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.035); --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.104); --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.104); } .mat-accent { --mat-option-selected-state-label-text-color: #ff4081; --mat-option-label-text-color: rgba(0, 0, 0, 0.87); --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.035); --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.104); --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.104); } .mat-warn { --mat-option-selected-state-label-text-color: #f44336; --mat-option-label-text-color: rgba(0, 0, 0, 0.87); --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.035); --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.104); --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.104); } html { --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87); } html { --mat-pseudo-checkbox-full-selected-icon-color: #ff4081; --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa; --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54); --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa; --mat-pseudo-checkbox-full-disabled-unselected-icon-color: rgba(0, 0, 0, 0.331); --mat-pseudo-checkbox-full-disabled-selected-icon-color: rgba(0, 0, 0, 0.331); --mat-pseudo-checkbox-minimal-selected-checkmark-color: #ff4081; --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: rgba(0, 0, 0, 0.331); } .mat-primary { --mat-pseudo-checkbox-full-selected-icon-color: #3f51b5; --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa; --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54); --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa; --mat-pseudo-checkbox-full-disabled-unselected-icon-color: rgba(0, 0, 0, 0.331); --mat-pseudo-checkbox-full-disabled-selected-icon-color: rgba(0, 0, 0, 0.331); --mat-pseudo-checkbox-minimal-selected-checkmark-color: #3f51b5; --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: rgba(0, 0, 0, 0.331); } .mat-accent { --mat-pseudo-checkbox-full-selected-icon-color: #ff4081; --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa; --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54); --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa; --mat-pseudo-checkbox-full-disabled-unselected-icon-color: rgba(0, 0, 0, 0.331); --mat-pseudo-checkbox-full-disabled-selected-icon-color: rgba(0, 0, 0, 0.331); --mat-pseudo-checkbox-minimal-selected-checkmark-color: #ff4081; --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: rgba(0, 0, 0, 0.331); } .mat-warn { --mat-pseudo-checkbox-full-selected-icon-color: #f44336; --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa; --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54); --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa; --mat-pseudo-checkbox-full-disabled-unselected-icon-color: rgba(0, 0, 0, 0.331); --mat-pseudo-checkbox-full-disabled-selected-icon-color: rgba(0, 0, 0, 0.331); --mat-pseudo-checkbox-minimal-selected-checkmark-color: #f44336; --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: rgba(0, 0, 0, 0.331); } html { --mat-option-label-text-font: Roboto, sans-serif; --mat-option-label-text-line-height: 24px; --mat-option-label-text-size: 16px; --mat-option-label-text-tracking: 0.03125em; --mat-option-label-text-weight: 400; } html { --mat-optgroup-label-text-font: Roboto, sans-serif; --mat-optgroup-label-text-line-height: 24px; --mat-optgroup-label-text-size: 16px; --mat-optgroup-label-text-tracking: 0.03125em; --mat-optgroup-label-text-weight: 400; } html { --mat-card-elevated-container-shape: 4px; --mat-card-outlined-container-shape: 4px; --mat-card-filled-container-shape: 4px; --mat-card-outlined-outline-width: 1px; } html { --mat-card-elevated-container-color: white; --mat-card-elevated-container-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); --mat-card-outlined-container-color: white; --mat-card-outlined-container-elevation: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); --mat-card-outlined-outline-color: rgba(0, 0, 0, 0.12); --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54); --mat-card-filled-container-color: white; --mat-card-filled-container-elevation: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } html { --mat-card-title-text-font: Roboto, sans-serif; --mat-card-title-text-line-height: 32px; --mat-card-title-text-size: 20px; --mat-card-title-text-tracking: 0.0125em; --mat-card-title-text-weight: 500; --mat-card-subtitle-text-font: Roboto, sans-serif; --mat-card-subtitle-text-line-height: 22px; --mat-card-subtitle-text-size: 14px; --mat-card-subtitle-text-tracking: 0.0071428571em; --mat-card-subtitle-text-weight: 500; } html { --mat-progress-bar-active-indicator-height: 4px; --mat-progress-bar-track-height: 4px; --mat-progress-bar-track-shape: 0; } .mat-mdc-progress-bar { --mat-progress-bar-active-indicator-color: #3f51b5; --mat-progress-bar-track-color: rgba(63, 81, 181, 0.25); } .mat-mdc-progress-bar.mat-accent { --mat-progress-bar-active-indicator-color: #ff4081; --mat-progress-bar-track-color: rgba(255, 64, 129, 0.25); } .mat-mdc-progress-bar.mat-warn { --mat-progress-bar-active-indicator-color: #f44336; --mat-progress-bar-track-color: rgba(244, 67, 54, 0.25); } html { --mat-tooltip-container-shape: 4px; --mat-tooltip-supporting-text-line-height: 16px; } html { --mat-tooltip-container-color: #424242; --mat-tooltip-supporting-text-color: white; } html { --mat-tooltip-supporting-text-font: Roboto, sans-serif; --mat-tooltip-supporting-text-size: 12px; --mat-tooltip-supporting-text-weight: 400; --mat-tooltip-supporting-text-tracking: 0.0333333333em; } html { --mat-form-field-filled-active-indicator-height: 1px; --mat-form-field-filled-focus-active-indicator-height: 2px; --mat-form-field-filled-container-shape: 4px; --mat-form-field-outlined-outline-width: 1px; --mat-form-field-outlined-focus-outline-width: 2px; --mat-form-field-outlined-container-shape: 4px; } html { --mat-form-field-focus-select-arrow-color: rgba(63, 81, 181, 0.87); --mat-form-field-filled-caret-color: #3f51b5; --mat-form-field-filled-focus-active-indicator-color: #3f51b5; --mat-form-field-filled-focus-label-text-color: rgba(63, 81, 181, 0.87); --mat-form-field-outlined-caret-color: #3f51b5; --mat-form-field-outlined-focus-outline-color: #3f51b5; --mat-form-field-outlined-focus-label-text-color: rgba(63, 81, 181, 0.87); --mat-form-field-disabled-input-text-placeholder-color: rgba(0, 0, 0, 0.331); --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87); --mat-form-field-error-text-color: #f44336; --mat-form-field-select-option-text-color: inherit; --mat-form-field-select-disabled-option-text-color: GrayText; --mat-form-field-leading-icon-color: unset; --mat-form-field-disabled-leading-icon-color: unset; --mat-form-field-trailing-icon-color: unset; --mat-form-field-disabled-trailing-icon-color: unset; --mat-form-field-error-focus-trailing-icon-color: unset; --mat-form-field-error-hover-trailing-icon-color: unset; --mat-form-field-error-trailing-icon-color: unset; --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54); --mat-form-field-disabled-select-arrow-color: rgba(0, 0, 0, 0.331); --mat-form-field-hover-state-layer-opacity: 0.04; --mat-form-field-focus-state-layer-opacity: 0.12; --mat-form-field-filled-container-color: #f6f6f6; --mat-form-field-filled-disabled-container-color: rgba(0, 0, 0, 0.035); --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54); --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54); --mat-form-field-filled-disabled-label-text-color: rgba(0, 0, 0, 0.331); --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87); --mat-form-field-filled-disabled-input-text-color: rgba(0, 0, 0, 0.331); --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54); --mat-form-field-filled-error-hover-label-text-color: #f44336; --mat-form-field-filled-error-focus-label-text-color: #f44336; --mat-form-field-filled-error-label-text-color: #f44336; --mat-form-field-filled-error-caret-color: #f44336; --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54); --mat-form-field-filled-disabled-active-indicator-color: rgba(0, 0, 0, 0.104); --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87); --mat-form-field-filled-error-active-indicator-color: #f44336; --mat-form-field-filled-error-focus-active-indicator-color: #f44336; --mat-form-field-filled-error-hover-active-indicator-color: #f44336; --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54); --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87); --mat-form-field-outlined-disabled-label-text-color: rgba(0, 0, 0, 0.331); --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87); --mat-form-field-outlined-disabled-input-text-color: rgba(0, 0, 0, 0.331); --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54); --mat-form-field-outlined-error-caret-color: #f44336; --mat-form-field-outlined-error-focus-label-text-color: #f44336; --mat-form-field-outlined-error-label-text-color: #f44336; --mat-form-field-outlined-error-hover-label-text-color: #f44336; --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38); --mat-form-field-outlined-disabled-outline-color: rgba(0, 0, 0, 0.104); --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87); --mat-form-field-outlined-error-focus-outline-color: #f44336; --mat-form-field-outlined-error-hover-outline-color: #f44336; --mat-form-field-outlined-error-outline-color: #f44336; } .mat-mdc-form-field.mat-accent { --mat-form-field-focus-select-arrow-color: rgba(255, 64, 129, 0.87); --mat-form-field-filled-caret-color: #ff4081; --mat-form-field-filled-focus-active-indicator-color: #ff4081; --mat-form-field-filled-focus-label-text-color: rgba(255, 64, 129, 0.87); --mat-form-field-outlined-caret-color: #ff4081; --mat-form-field-outlined-focus-outline-color: #ff4081; --mat-form-field-outlined-focus-label-text-color: rgba(255, 64, 129, 0.87); } .mat-mdc-form-field.mat-warn { --mat-form-field-focus-select-arrow-color: rgba(244, 67, 54, 0.87); --mat-form-field-filled-caret-color: #f44336; --mat-form-field-filled-focus-active-indicator-color: #f44336; --mat-form-field-filled-focus-label-text-color: rgba(244, 67, 54, 0.87); --mat-form-field-outlined-caret-color: #f44336; --mat-form-field-outlined-focus-outline-color: #f44336; --mat-form-field-outlined-focus-label-text-color: rgba(244, 67, 54, 0.87); } html { --mat-form-field-container-height: 56px; --mat-form-field-filled-label-display: block; --mat-form-field-container-vertical-padding: 16px; --mat-form-field-filled-with-label-container-padding-top: 24px; --mat-form-field-filled-with-label-container-padding-bottom: 8px; } html { --mat-form-field-container-text-font: Roboto, sans-serif; --mat-form-field-container-text-line-height: 24px; --mat-form-field-container-text-size: 16px; --mat-form-field-container-text-tracking: 0.03125em; --mat-form-field-container-text-weight: 400; --mat-form-field-outlined-label-text-populated-size: 16px; --mat-form-field-subscript-text-font: Roboto, sans-serif; --mat-form-field-subscript-text-line-height: 20px; --mat-form-field-subscript-text-size: 12px; --mat-form-field-subscript-text-tracking: 0.0333333333em; --mat-form-field-subscript-text-weight: 400; --mat-form-field-filled-label-text-font: Roboto, sans-serif; --mat-form-field-filled-label-text-size: 16px; --mat-form-field-filled-label-text-tracking: 0.03125em; --mat-form-field-filled-label-text-weight: 400; --mat-form-field-outlined-label-text-font: Roboto, sans-serif; --mat-form-field-outlined-label-text-size: 16px; --mat-form-field-outlined-label-text-tracking: 0.03125em; --mat-form-field-outlined-label-text-weight: 400; } html { --mat-select-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); } html { --mat-select-panel-background-color: white; --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87); --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.331); --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54); --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54); --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.331); --mat-select-focused-arrow-color: #3f51b5; --mat-select-invalid-arrow-color: #f44336; } .mat-mdc-form-field.mat-accent { --mat-select-panel-background-color: white; --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87); --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.331); --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54); --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54); --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.331); --mat-select-focused-arrow-color: #ff4081; --mat-select-invalid-arrow-color: #f44336; } .mat-mdc-form-field.mat-warn { --mat-select-panel-background-color: white; --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87); --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.331); --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54); --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54); --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.331); --mat-select-focused-arrow-color: #f44336; --mat-select-invalid-arrow-color: #f44336; } html { --mat-select-arrow-transform: translateY(-8px); } html { --mat-select-trigger-text-font: Roboto, sans-serif; --mat-select-trigger-text-line-height: 24px; --mat-select-trigger-text-size: 16px; --mat-select-trigger-text-tracking: 0.03125em; --mat-select-trigger-text-weight: 400; } html { --mat-autocomplete-container-shape: 4px; --mat-autocomplete-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); } html { --mat-autocomplete-background-color: white; } html { --mat-dialog-container-shape: 4px; --mat-dialog-container-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); --mat-dialog-container-max-width: 80vw; --mat-dialog-container-small-max-width: 80vw; --mat-dialog-container-min-width: 0; --mat-dialog-actions-alignment: start; --mat-dialog-actions-padding: 8px; --mat-dialog-content-padding: 20px 24px; --mat-dialog-with-actions-content-padding: 20px 24px; --mat-dialog-headline-padding: 0 24px 9px; } html { --mat-dialog-container-color: white; --mat-dialog-subhead-color: rgba(0, 0, 0, 0.87); --mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54); } html { --mat-dialog-subhead-font: Roboto, sans-serif; --mat-dialog-subhead-line-height: 32px; --mat-dialog-subhead-size: 20px; --mat-dialog-subhead-weight: 500; --mat-dialog-subhead-tracking: 0.0125em; --mat-dialog-supporting-text-font: Roboto, sans-serif; --mat-dialog-supporting-text-line-height: 24px; --mat-dialog-supporting-text-size: 16px; --mat-dialog-supporting-text-weight: 400; --mat-dialog-supporting-text-tracking: 0.03125em; } .mat-mdc-standard-chip { --mat-chip-container-shape-radius: 16px; --mat-chip-disabled-container-opacity: 0.4; --mat-chip-disabled-outline-color: transparent; --mat-chip-flat-selected-outline-width: 0; --mat-chip-focus-outline-color: transparent; --mat-chip-hover-state-layer-opacity: 0.04; --mat-chip-outline-color: transparent; --mat-chip-outline-width: 0; --mat-chip-selected-hover-state-layer-opacity: 0.04; --mat-chip-selected-trailing-action-state-layer-color: transparent; --mat-chip-trailing-action-focus-opacity: 1; --mat-chip-trailing-action-focus-state-layer-opacity: 0; --mat-chip-trailing-action-hover-state-layer-opacity: 0; --mat-chip-trailing-action-opacity: 0.54; --mat-chip-trailing-action-state-layer-color: transparent; --mat-chip-with-avatar-avatar-shape-radius: 14px; --mat-chip-with-avatar-avatar-size: 28px; --mat-chip-with-avatar-disabled-avatar-opacity: 1; --mat-chip-with-icon-disabled-icon-opacity: 1; --mat-chip-with-icon-icon-size: 18px; --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1; } .mat-mdc-standard-chip { --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87); --mat-chip-elevated-container-color: rgba(0, 0, 0, 0.104); --mat-chip-elevated-disabled-container-color: rgba(0, 0, 0, 0.104); --mat-chip-elevated-selected-container-color: rgba(0, 0, 0, 0.104); --mat-chip-flat-disabled-selected-container-color: rgba(0, 0, 0, 0.104); --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87); --mat-chip-focus-state-layer-opacity: 0.12; --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87); --mat-chip-label-text-color: rgba(0, 0, 0, 0.87); --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87); --mat-chip-selected-focus-state-layer-color: 0.12; --mat-chip-selected-focus-state-layer-opacity: 0.12; --mat-chip-selected-hover-state-layer-color: 0.04; --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87); --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87); --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87); --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87); --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87); --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87); --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87); } .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary { --mat-chip-disabled-label-text-color: white; --mat-chip-elevated-container-color: #3f51b5; --mat-chip-elevated-disabled-container-color: #3f51b5; --mat-chip-elevated-selected-container-color: #3f51b5; --mat-chip-flat-disabled-selected-container-color: #3f51b5; --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87); --mat-chip-focus-state-layer-opacity: 0.12; --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87); --mat-chip-label-text-color: white; --mat-chip-selected-disabled-trailing-icon-color: white; --mat-chip-selected-focus-state-layer-color: 0.12; --mat-chip-selected-focus-state-layer-opacity: 0.12; --mat-chip-selected-hover-state-layer-color: 0.04; --mat-chip-selected-label-text-color: white; --mat-chip-selected-trailing-icon-color: white; --mat-chip-with-icon-disabled-icon-color: white; --mat-chip-with-icon-icon-color: white; --mat-chip-with-icon-selected-icon-color: white; --mat-chip-with-trailing-icon-disabled-trailing-icon-color: white; --mat-chip-with-trailing-icon-trailing-icon-color: white; } .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent { --mat-chip-disabled-label-text-color: white; --mat-chip-elevated-container-color: #ff4081; --mat-chip-elevated-disabled-container-color: #ff4081; --mat-chip-elevated-selected-container-color: #ff4081; --mat-chip-flat-disabled-selected-container-color: #ff4081; --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87); --mat-chip-focus-state-layer-opacity: 0.12; --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87); --mat-chip-label-text-color: white; --mat-chip-selected-disabled-trailing-icon-color: white; --mat-chip-selected-focus-state-layer-color: 0.12; --mat-chip-selected-focus-state-layer-opacity: 0.12; --mat-chip-selected-hover-state-layer-color: 0.04; --mat-chip-selected-label-text-color: white; --mat-chip-selected-trailing-icon-color: white; --mat-chip-with-icon-disabled-icon-color: white; --mat-chip-with-icon-icon-color: white; --mat-chip-with-icon-selected-icon-color: white; --mat-chip-with-trailing-icon-disabled-trailing-icon-color: white; --mat-chip-with-trailing-icon-trailing-icon-color: white; } .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn { --mat-chip-disabled-label-text-color: white; --mat-chip-elevated-container-color: #f44336; --mat-chip-elevated-disabled-container-color: #f44336; --mat-chip-elevated-selected-container-color: #f44336; --mat-chip-flat-disabled-selected-container-color: #f44336; --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87); --mat-chip-focus-state-layer-opacity: 0.12; --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87); --mat-chip-label-text-color: white; --mat-chip-selected-disabled-trailing-icon-color: white; --mat-chip-selected-focus-state-layer-color: 0.12; --mat-chip-selected-focus-state-layer-opacity: 0.12; --mat-chip-selected-hover-state-layer-color: 0.04; --mat-chip-selected-label-text-color: white; --mat-chip-selected-trailing-icon-color: white; --mat-chip-with-icon-disabled-icon-color: white; --mat-chip-with-icon-icon-color: white; --mat-chip-with-icon-selected-icon-color: white; --mat-chip-with-trailing-icon-disabled-trailing-icon-color: white; --mat-chip-with-trailing-icon-trailing-icon-color: white; } .mat-mdc-chip.mat-mdc-standard-chip { --mat-chip-container-height: 32px; } .mat-mdc-standard-chip { --mat-chip-label-text-font: Roboto, sans-serif; --mat-chip-label-text-line-height: 20px; --mat-chip-label-text-size: 14px; --mat-chip-label-text-tracking: 0.0178571429em; --mat-chip-label-text-weight: 400; } html { --mat-slide-toggle-disabled-handle-opacity: 0.38; --mat-slide-toggle-disabled-selected-handle-opacity: 0.38; --mat-slide-toggle-disabled-selected-icon-opacity: 0.38; --mat-slide-toggle-disabled-track-opacity: 0.12; --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38; --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38; --mat-slide-toggle-disabled-unselected-track-outline-color: transparent; --mat-slide-toggle-disabled-unselected-track-outline-width: 1px; --mat-slide-toggle-handle-height: 20px; --mat-slide-toggle-handle-shape: 10px; --mat-slide-toggle-handle-width: 20px; --mat-slide-toggle-hidden-track-opacity: 1; --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1); --mat-slide-toggle-pressed-handle-size: 20px; --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12; --mat-slide-toggle-selected-handle-horizontal-margin: 0; --mat-slide-toggle-selected-handle-size: 20px; --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04; --mat-slide-toggle-selected-icon-size: 18px; --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0; --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12; --mat-slide-toggle-selected-track-outline-color: transparent; --mat-slide-toggle-selected-track-outline-width: 1px; --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0; --mat-slide-toggle-track-height: 14px; --mat-slide-toggle-track-outline-color: transparent; --mat-slide-toggle-track-outline-width: 1px; --mat-slide-toggle-track-shape: 7px; --mat-slide-toggle-track-width: 36px; --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12; --mat-slide-toggle-unselected-handle-horizontal-margin: 0; --mat-slide-toggle-unselected-handle-size: 20px; --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12; --mat-slide-toggle-unselected-icon-size: 18px; --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0; --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1; --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0; --mat-slide-toggle-visible-track-opacity: 1; --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1); --mat-slide-toggle-with-icon-handle-size: 20px; --mat-slide-toggle-touch-target-size: 48px; } html { --mat-slide-toggle-selected-icon-color: white; --mat-slide-toggle-disabled-selected-icon-color: white; --mat-slide-toggle-selected-focus-state-layer-color: #3f51b5; --mat-slide-toggle-selected-handle-color: #3f51b5; --mat-slide-toggle-selected-hover-state-layer-color: #3f51b5; --mat-slide-toggle-selected-pressed-state-layer-color: #3f51b5; --mat-slide-toggle-selected-focus-handle-color: #3f51b5; --mat-slide-toggle-selected-hover-handle-color: #3f51b5; --mat-slide-toggle-selected-pressed-handle-color: #3f51b5; --mat-slide-toggle-selected-focus-track-color: #7986cb; --mat-slide-toggle-selected-hover-track-color: #7986cb; --mat-slide-toggle-selected-pressed-track-color: #7986cb; --mat-slide-toggle-selected-track-color: #7986cb; --mat-slide-toggle-disabled-label-text-color: rgba(0, 0, 0, 0.331); --mat-slide-toggle-disabled-handle-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87); --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87); --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87); --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6; --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87); --mat-slide-toggle-handle-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); --mat-slide-toggle-handle-surface-color: white; --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87); --mat-slide-toggle-unselected-hover-handle-color: #424242; --mat-slide-toggle-unselected-focus-handle-color: #424242; --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87); --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12); --mat-slide-toggle-unselected-icon-color: #f6f6f6; --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54); --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87); --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12); --mat-slide-toggle-unselected-pressed-handle-color: #424242; --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12); --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87); --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12); } .mat-mdc-slide-toggle.mat-accent { --mat-slide-toggle-selected-icon-color: white; --mat-slide-toggle-disabled-selected-icon-color: white; --mat-slide-toggle-selected-focus-state-layer-color: #ff4081; --mat-slide-toggle-selected-handle-color: #ff4081; --mat-slide-toggle-selected-hover-state-layer-color: #ff4081; --mat-slide-toggle-selected-pressed-state-layer-color: #ff4081; --mat-slide-toggle-selected-focus-handle-color: #ff4081; --mat-slide-toggle-selected-hover-handle-color: #ff4081; --mat-slide-toggle-selected-pressed-handle-color: #ff4081; --mat-slide-toggle-selected-focus-track-color: #f06292; --mat-slide-toggle-selected-hover-track-color: #f06292; --mat-slide-toggle-selected-pressed-track-color: #f06292; --mat-slide-toggle-selected-track-color: #f06292; } .mat-mdc-slide-toggle.mat-warn { --mat-slide-toggle-selected-icon-color: white; --mat-slide-toggle-disabled-selected-icon-color: white; --mat-slide-toggle-selected-focus-state-layer-color: #f44336; --mat-slide-toggle-selected-handle-color: #f44336; --mat-slide-toggle-selected-hover-state-layer-color: #f44336; --mat-slide-toggle-selected-pressed-state-layer-color: #f44336; --mat-slide-toggle-selected-focus-handle-color: #f44336; --mat-slide-toggle-selected-hover-handle-color: #f44336; --mat-slide-toggle-selected-pressed-handle-color: #f44336; --mat-slide-toggle-selected-focus-track-color: #e57373; --mat-slide-toggle-selected-hover-track-color: #e57373; --mat-slide-toggle-selected-pressed-track-color: #e57373; --mat-slide-toggle-selected-track-color: #e57373; } html { --mat-slide-toggle-state-layer-size: 40px; --mat-slide-toggle-touch-target-display: block; } html { --mat-slide-toggle-label-text-font: Roboto, sans-serif; --mat-slide-toggle-label-text-line-height: 20px; --mat-slide-toggle-label-text-size: 14px; --mat-slide-toggle-label-text-tracking: 0.0178571429em; --mat-slide-toggle-label-text-weight: 400; } html .mat-mdc-slide-toggle { --mat-slide-toggle-label-text-font: Roboto, sans-serif; --mat-slide-toggle-label-text-line-height: 20px; --mat-slide-toggle-label-text-size: 14px; --mat-slide-toggle-label-text-tracking: 0.0178571429em; --mat-slide-toggle-label-text-weight: 400; } html { --mat-radio-disabled-selected-icon-opacity: 0.38; --mat-radio-disabled-unselected-icon-opacity: 0.38; --mat-radio-state-layer-size: 40px; --mat-radio-touch-target-size: 48px; } .mat-mdc-radio-button.mat-primary { --mat-radio-checked-ripple-color: #3f51b5; --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.331); --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87); --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87); --mat-radio-label-text-color: rgba(0, 0, 0, 0.87); --mat-radio-ripple-color: rgba(0, 0, 0, 0.87); --mat-radio-selected-focus-icon-color: #3f51b5; --mat-radio-selected-hover-icon-color: #3f51b5; --mat-radio-selected-icon-color: #3f51b5; --mat-radio-selected-pressed-icon-color: #3f51b5; --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87); --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87); --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54); --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87); } .mat-mdc-radio-button.mat-accent { --mat-radio-checked-ripple-color: #ff4081; --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.331); --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87); --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87); --mat-radio-label-text-color: rgba(0, 0, 0, 0.87); --mat-radio-ripple-color: rgba(0, 0, 0, 0.87); --mat-radio-selected-focus-icon-color: #ff4081; --mat-radio-selected-hover-icon-color: #ff4081; --mat-radio-selected-icon-color: #ff4081; --mat-radio-selected-pressed-icon-color: #ff4081; --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87); --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87); --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54); --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87); } .mat-mdc-radio-button.mat-warn { --mat-radio-checked-ripple-color: #f44336; --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.331); --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87); --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87); --mat-radio-label-text-color: rgba(0, 0, 0, 0.87); --mat-radio-ripple-color: rgba(0, 0, 0, 0.87); --mat-radio-selected-focus-icon-color: #f44336; --mat-radio-selected-hover-icon-color: #f44336; --mat-radio-selected-icon-color: #f44336; --mat-radio-selected-pressed-icon-color: #f44336; --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87); --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87); --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54); --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87); } html { --mat-radio-state-layer-size: 40px; --mat-radio-touch-target-display: block; } html { --mat-radio-label-text-font: Roboto, sans-serif; --mat-radio-label-text-line-height: 20px; --mat-radio-label-text-size: 14px; --mat-radio-label-text-tracking: 0.0178571429em; --mat-radio-label-text-weight: 400; } html { --mat-slider-active-track-height: 6px; --mat-slider-active-track-shape: 9999px; --mat-slider-handle-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); --mat-slider-handle-height: 20px; --mat-slider-handle-shape: 50%; --mat-slider-handle-width: 20px; --mat-slider-inactive-track-height: 4px; --mat-slider-inactive-track-shape: 9999px; --mat-slider-value-indicator-border-radius: 4px; --mat-slider-value-indicator-caret-display: block; --mat-slider-value-indicator-container-transform: translateX(-50%); --mat-slider-value-indicator-height: 32px; --mat-slider-value-indicator-padding: 0 12px; --mat-slider-value-indicator-text-transform: none; --mat-slider-value-indicator-width: auto; --mat-slider-with-overlap-handle-outline-width: 1px; --mat-slider-with-tick-marks-active-container-opacity: 0.6; --mat-slider-with-tick-marks-container-shape: 50%; --mat-slider-with-tick-marks-container-size: 2px; --mat-slider-with-tick-marks-inactive-container-opacity: 0.6; --mat-slider-value-indicator-transform-origin: bottom; } html { --mat-slider-active-track-color: #3f51b5; --mat-slider-focus-handle-color: #3f51b5; --mat-slider-handle-color: #3f51b5; --mat-slider-hover-handle-color: #3f51b5; --mat-slider-focus-state-layer-color: rgba(63, 81, 181, 0.12); --mat-slider-hover-state-layer-color: rgba(63, 81, 181, 0.04); --mat-slider-inactive-track-color: #3f51b5; --mat-slider-ripple-color: #3f51b5; --mat-slider-with-tick-marks-active-container-color: white; --mat-slider-with-tick-marks-inactive-container-color: #3f51b5; --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87); --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87); --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87); --mat-slider-label-container-color: #424242; --mat-slider-label-label-text-color: white; --mat-slider-value-indicator-opacity: 1; --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87); --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87); } .mat-accent { --mat-slider-active-track-color: #ff4081; --mat-slider-focus-handle-color: #ff4081; --mat-slider-handle-color: #ff4081; --mat-slider-hover-handle-color: #ff4081; --mat-slider-focus-state-layer-color: rgba(255, 64, 129, 0.12); --mat-slider-hover-state-layer-color: rgba(255, 64, 129, 0.04); --mat-slider-inactive-track-color: #ff4081; --mat-slider-ripple-color: #ff4081; --mat-slider-with-tick-marks-active-container-color: white; --mat-slider-with-tick-marks-inactive-container-color: #ff4081; } .mat-warn { --mat-slider-active-track-color: #f44336; --mat-slider-focus-handle-color: #f44336; --mat-slider-handle-color: #f44336; --mat-slider-hover-handle-color: #f44336; --mat-slider-focus-state-layer-color: rgba(244, 67, 54, 0.12); --mat-slider-hover-state-layer-color: rgba(244, 67, 54, 0.04); --mat-slider-inactive-track-color: #f44336; --mat-slider-ripple-color: #f44336; --mat-slider-with-tick-marks-active-container-color: white; --mat-slider-with-tick-marks-inactive-container-color: #f44336; } html { --mat-slider-label-label-text-font: Roboto, sans-serif; --mat-slider-label-label-text-size: 14px; --mat-slider-label-label-text-line-height: 22px; --mat-slider-label-label-text-tracking: 0.0071428571em; --mat-slider-label-label-text-weight: 500; } html { --mat-menu-container-shape: 4px; --mat-menu-divider-bottom-spacing: 0; --mat-menu-divider-top-spacing: 0; --mat-menu-item-spacing: 16px; --mat-menu-item-icon-size: 24px; --mat-menu-item-leading-spacing: 16px; --mat-menu-item-trailing-spacing: 16px; --mat-menu-item-with-icon-leading-spacing: 16px; --mat-menu-item-with-icon-trailing-spacing: 16px; --mat-menu-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); } html { --mat-menu-item-label-text-color: rgba(0, 0, 0, 0.87); --mat-menu-item-icon-color: rgba(0, 0, 0, 0.87); --mat-menu-item-hover-state-layer-color: rgba(0, 0, 0, 0.035); --mat-menu-item-focus-state-layer-color: rgba(0, 0, 0, 0.104); --mat-menu-container-color: white; --mat-menu-divider-color: rgba(0, 0, 0, 0.12); } html { --mat-menu-item-label-text-font: Roboto, sans-serif; --mat-menu-item-label-text-size: 16px; --mat-menu-item-label-text-tracking: 0.03125em; --mat-menu-item-label-text-line-height: 24px; --mat-menu-item-label-text-weight: 400; } html { --mat-list-active-indicator-color: transparent; --mat-list-active-indicator-shape: 4px; --mat-list-list-item-container-shape: 0; --mat-list-list-item-leading-avatar-shape: 50%; --mat-list-list-item-container-color: transparent; --mat-list-list-item-selected-container-color: transparent; --mat-list-list-item-leading-avatar-color: transparent; --mat-list-list-item-leading-icon-size: 24px; --mat-list-list-item-leading-avatar-size: 40px; --mat-list-list-item-trailing-icon-size: 24px; --mat-list-list-item-disabled-state-layer-color: transparent; --mat-list-list-item-disabled-state-layer-opacity: 0; --mat-list-list-item-disabled-label-text-opacity: 0.38; --mat-list-list-item-disabled-leading-icon-opacity: 0.38; --mat-list-list-item-disabled-trailing-icon-opacity: 0.38; } html { --mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87); --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54); --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54); --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54); --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54); --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54); --mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87); --mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87); --mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87); --mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87); --mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54); --mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87); --mat-list-list-item-hover-state-layer-opacity: 0.04; --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54); --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87); --mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87); --mat-list-list-item-focus-state-layer-opacity: 0.12; } .mdc-list-item__start, .mdc-list-item__end { --mat-radio-checked-ripple-color: #3f51b5; --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.331); --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87); --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87); --mat-radio-label-text-color: rgba(0, 0, 0, 0.87); --mat-radio-ripple-color: rgba(0, 0, 0, 0.87); --mat-radio-selected-focus-icon-color: #3f51b5; --mat-radio-selected-hover-icon-color: #3f51b5; --mat-radio-selected-icon-color: #3f51b5; --mat-radio-selected-pressed-icon-color: #3f51b5; --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87); --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87); --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54); --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87); } .mat-accent .mdc-list-item__start, .mat-accent .mdc-list-item__end { --mat-radio-checked-ripple-color: #ff4081; --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.331); --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87); --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87); --mat-radio-label-text-color: rgba(0, 0, 0, 0.87); --mat-radio-ripple-color: rgba(0, 0, 0, 0.87); --mat-radio-selected-focus-icon-color: #ff4081; --mat-radio-selected-hover-icon-color: #ff4081; --mat-radio-selected-icon-color: #ff4081; --mat-radio-selected-pressed-icon-color: #ff4081; --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87); --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87); --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54); --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87); } .mat-warn .mdc-list-item__start, .mat-warn .mdc-list-item__end { --mat-radio-checked-ripple-color: #f44336; --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.331); --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87); --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87); --mat-radio-label-text-color: rgba(0, 0, 0, 0.87); --mat-radio-ripple-color: rgba(0, 0, 0, 0.87); --mat-radio-selected-focus-icon-color: #f44336; --mat-radio-selected-hover-icon-color: #f44336; --mat-radio-selected-icon-color: #f44336; --mat-radio-selected-pressed-icon-color: #f44336; --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87); --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87); --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54); --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87); } .mat-mdc-list-option { --mat-checkbox-disabled-label-color: rgba(0, 0, 0, 0.331); --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87); --mat-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.331); --mat-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.331); --mat-checkbox-selected-checkmark-color: white; --mat-checkbox-selected-focus-icon-color: #3f51b5; --mat-checkbox-selected-hover-icon-color: #3f51b5; --mat-checkbox-selected-icon-color: #3f51b5; --mat-checkbox-selected-pressed-icon-color: #3f51b5; --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87); --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87); --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mat-checkbox-selected-focus-state-layer-color: #3f51b5; --mat-checkbox-selected-hover-state-layer-color: #3f51b5; --mat-checkbox-selected-pressed-state-layer-color: #3f51b5; --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87); --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87); --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87); } .mat-mdc-list-option.mat-accent { --mat-checkbox-disabled-label-color: rgba(0, 0, 0, 0.331); --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87); --mat-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.331); --mat-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.331); --mat-checkbox-selected-checkmark-color: white; --mat-checkbox-selected-focus-icon-color: #ff4081; --mat-checkbox-selected-hover-icon-color: #ff4081; --mat-checkbox-selected-icon-color: #ff4081; --mat-checkbox-selected-pressed-icon-color: #ff4081; --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87); --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87); --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mat-checkbox-selected-focus-state-layer-color: #ff4081; --mat-checkbox-selected-hover-state-layer-color: #ff4081; --mat-checkbox-selected-pressed-state-layer-color: #ff4081; --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87); --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87); --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87); } .mat-mdc-list-option.mat-warn { --mat-checkbox-disabled-label-color: rgba(0, 0, 0, 0.331); --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87); --mat-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.331); --mat-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.331); --mat-checkbox-selected-checkmark-color: white; --mat-checkbox-selected-focus-icon-color: #f44336; --mat-checkbox-selected-hover-icon-color: #f44336; --mat-checkbox-selected-icon-color: #f44336; --mat-checkbox-selected-pressed-icon-color: #f44336; --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87); --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87); --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mat-checkbox-selected-focus-state-layer-color: #f44336; --mat-checkbox-selected-hover-state-layer-color: #f44336; --mat-checkbox-selected-pressed-state-layer-color: #f44336; --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87); --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87); --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87); } .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text, .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start, .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text, .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start { color: #3f51b5; } .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start, .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content, .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end { opacity: 1; } html { --mat-list-list-item-leading-icon-start-space: 16px; --mat-list-list-item-leading-icon-end-space: 32px; --mat-list-list-item-one-line-container-height: 48px; --mat-list-list-item-two-line-container-height: 64px; --mat-list-list-item-three-line-container-height: 88px; } .mdc-list-item__start, .mdc-list-item__end { --mat-radio-state-layer-size: 40px; --mat-radio-touch-target-display: block; } .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line, .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line, .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line { height: 56px; } .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines, .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines, .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines { height: 72px; } html { --mat-list-list-item-label-text-font: Roboto, sans-serif; --mat-list-list-item-label-text-line-height: 24px; --mat-list-list-item-label-text-size: 16px; --mat-list-list-item-label-text-tracking: 0.03125em; --mat-list-list-item-label-text-weight: 400; --mat-list-list-item-supporting-text-font: Roboto, sans-serif; --mat-list-list-item-supporting-text-line-height: 20px; --mat-list-list-item-supporting-text-size: 14px; --mat-list-list-item-supporting-text-tracking: 0.0178571429em; --mat-list-list-item-supporting-text-weight: 400; --mat-list-list-item-trailing-supporting-text-font: Roboto, sans-serif; --mat-list-list-item-trailing-supporting-text-line-height: 20px; --mat-list-list-item-trailing-supporting-text-size: 12px; --mat-list-list-item-trailing-supporting-text-tracking: 0.0333333333em; --mat-list-list-item-trailing-supporting-text-weight: 400; } .mdc-list-group__subheader { font: 400 16px / 28px Roboto, sans-serif; letter-spacing: .009375em; } html { --mat-paginator-page-size-select-width: 84px; --mat-paginator-page-size-select-touch-target-height: 48px; } html { --mat-paginator-container-text-color: rgba(0, 0, 0, 0.87); --mat-paginator-container-background-color: white; --mat-paginator-enabled-icon-color: rgba(0, 0, 0, 0.54); --mat-paginator-disabled-icon-color: rgba(0, 0, 0, 0.331); } html { --mat-paginator-container-size: 56px; --mat-paginator-form-field-container-height: 40px; --mat-paginator-form-field-container-vertical-padding: 8px; --mat-paginator-touch-target-display: block; } html { --mat-paginator-container-text-font: Roboto, sans-serif; --mat-paginator-container-text-line-height: 20px; --mat-paginator-container-text-size: 12px; --mat-paginator-container-text-tracking: 0.0333333333em; --mat-paginator-container-text-weight: 400; --mat-paginator-select-trigger-text-size: 12px; } html { --mat-tab-container-height: 48px; --mat-tab-divider-color: transparent; --mat-tab-divider-height: 0; --mat-tab-active-indicator-height: 2px; --mat-tab-active-indicator-shape: 0; } .mat-mdc-tab-group, .mat-mdc-tab-nav-bar { --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54); --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87); --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54); --mat-tab-active-label-text-color: #3f51b5; --mat-tab-active-ripple-color: #3f51b5; --mat-tab-inactive-ripple-color: #3f51b5; --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54); --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54); --mat-tab-active-focus-label-text-color: #3f51b5; --mat-tab-active-hover-label-text-color: #3f51b5; --mat-tab-active-focus-indicator-color: #3f51b5; --mat-tab-active-hover-indicator-color: #3f51b5; --mat-tab-active-indicator-color: #3f51b5; } .mat-mdc-tab-group.mat-accent, .mat-mdc-tab-nav-bar.mat-accent { --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54); --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87); --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54); --mat-tab-active-label-text-color: #ff4081; --mat-tab-active-ripple-color: #ff4081; --mat-tab-inactive-ripple-color: #ff4081; --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54); --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54); --mat-tab-active-focus-label-text-color: #ff4081; --mat-tab-active-hover-label-text-color: #ff4081; --mat-tab-active-focus-indicator-color: #ff4081; --mat-tab-active-hover-indicator-color: #ff4081; --mat-tab-active-indicator-color: #ff4081; } .mat-mdc-tab-group.mat-warn, .mat-mdc-tab-nav-bar.mat-warn { --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54); --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87); --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54); --mat-tab-active-label-text-color: #f44336; --mat-tab-active-ripple-color: #f44336; --mat-tab-inactive-ripple-color: #f44336; --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54); --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54); --mat-tab-active-focus-label-text-color: #f44336; --mat-tab-active-hover-label-text-color: #f44336; --mat-tab-active-focus-indicator-color: #f44336; --mat-tab-active-hover-indicator-color: #f44336; --mat-tab-active-indicator-color: #f44336; } .mat-mdc-tab-group.mat-background-primary, .mat-mdc-tab-nav-bar.mat-background-primary { --mat-tab-background-color: #3f51b5; --mat-tab-foreground-color: white; } .mat-mdc-tab-group.mat-background-accent, .mat-mdc-tab-nav-bar.mat-background-accent { --mat-tab-background-color: #ff4081; --mat-tab-foreground-color: white; } .mat-mdc-tab-group.mat-background-warn, .mat-mdc-tab-nav-bar.mat-background-warn { --mat-tab-background-color: #f44336; --mat-tab-foreground-color: white; } .mat-mdc-tab-header { --mat-tab-container-height: 48px; } .mat-mdc-tab-header { --mat-tab-label-text-font: Roboto, sans-serif; --mat-tab-label-text-size: 14px; --mat-tab-label-text-tracking: 0.0892857143em; --mat-tab-label-text-line-height: 36px; --mat-tab-label-text-weight: 500; } html { --mat-checkbox-disabled-selected-checkmark-color: white; --mat-checkbox-selected-focus-state-layer-opacity: 0.12; --mat-checkbox-selected-hover-state-layer-opacity: 0.04; --mat-checkbox-selected-pressed-state-layer-opacity: 0.12; --mat-checkbox-unselected-focus-state-layer-opacity: 0.12; --mat-checkbox-unselected-hover-state-layer-opacity: 0.04; --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12; --mat-checkbox-touch-target-size: 48px; } html { --mat-checkbox-disabled-label-color: rgba(0, 0, 0, 0.331); --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87); --mat-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.331); --mat-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.331); --mat-checkbox-selected-checkmark-color: white; --mat-checkbox-selected-focus-icon-color: #ff4081; --mat-checkbox-selected-hover-icon-color: #ff4081; --mat-checkbox-selected-icon-color: #ff4081; --mat-checkbox-selected-pressed-icon-color: #ff4081; --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87); --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87); --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mat-checkbox-selected-focus-state-layer-color: #ff4081; --mat-checkbox-selected-hover-state-layer-color: #ff4081; --mat-checkbox-selected-pressed-state-layer-color: #ff4081; --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87); --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87); --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87); } .mat-mdc-checkbox.mat-primary { --mat-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.331); --mat-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.331); --mat-checkbox-selected-checkmark-color: white; --mat-checkbox-selected-focus-icon-color: #3f51b5; --mat-checkbox-selected-hover-icon-color: #3f51b5; --mat-checkbox-selected-icon-color: #3f51b5; --mat-checkbox-selected-pressed-icon-color: #3f51b5; --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87); --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87); --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mat-checkbox-selected-focus-state-layer-color: #3f51b5; --mat-checkbox-selected-hover-state-layer-color: #3f51b5; --mat-checkbox-selected-pressed-state-layer-color: #3f51b5; --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87); --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87); --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87); } .mat-mdc-checkbox.mat-warn { --mat-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.331); --mat-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.331); --mat-checkbox-selected-checkmark-color: white; --mat-checkbox-selected-focus-icon-color: #f44336; --mat-checkbox-selected-hover-icon-color: #f44336; --mat-checkbox-selected-icon-color: #f44336; --mat-checkbox-selected-pressed-icon-color: #f44336; --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87); --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87); --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mat-checkbox-selected-focus-state-layer-color: #f44336; --mat-checkbox-selected-hover-state-layer-color: #f44336; --mat-checkbox-selected-pressed-state-layer-color: #f44336; --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87); --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87); --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87); } html { --mat-checkbox-touch-target-display: block; --mat-checkbox-state-layer-size: 40px; } html { --mat-checkbox-label-text-font: Roboto, sans-serif; --mat-checkbox-label-text-line-height: 20px; --mat-checkbox-label-text-size: 14px; --mat-checkbox-label-text-tracking: 0.0178571429em; --mat-checkbox-label-text-weight: 400; } html { --mat-button-filled-container-shape: 4px; --mat-button-filled-horizontal-padding: 16px; --mat-button-filled-icon-offset: -4px; --mat-button-filled-icon-spacing: 8px; --mat-button-filled-touch-target-size: 48px; --mat-button-outlined-container-shape: 4px; --mat-button-outlined-horizontal-padding: 15px; --mat-button-outlined-icon-offset: -4px; --mat-button-outlined-icon-spacing: 8px; --mat-button-outlined-keep-touch-target: false; --mat-button-outlined-outline-width: 1px; --mat-button-outlined-touch-target-size: 48px; --mat-button-protected-container-elevation-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); --mat-button-protected-container-shape: 4px; --mat-button-protected-disabled-container-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); --mat-button-protected-focus-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); --mat-button-protected-horizontal-padding: 16px; --mat-button-protected-hover-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); --mat-button-protected-icon-offset: -4px; --mat-button-protected-icon-spacing: 8px; --mat-button-protected-pressed-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mat-button-protected-touch-target-size: 48px; --mat-button-text-container-shape: 4px; --mat-button-text-horizontal-padding: 8px; --mat-button-text-icon-offset: 0; --mat-button-text-icon-spacing: 8px; --mat-button-text-with-icon-horizontal-padding: 8px; --mat-button-text-touch-target-size: 48px; --mat-button-tonal-container-shape: 4px; --mat-button-tonal-horizontal-padding: 16px; --mat-button-tonal-icon-offset: -4px; --mat-button-tonal-icon-spacing: 8px; --mat-button-tonal-touch-target-size: 48px; } html { --mat-button-filled-container-color: white; --mat-button-filled-disabled-container-color: rgba(0, 0, 0, 0.104); --mat-button-filled-disabled-label-text-color: rgba(0, 0, 0, 0.331); --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54); --mat-button-filled-focus-state-layer-opacity: 0.12; --mat-button-filled-hover-state-layer-opacity: 0.04; --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87); --mat-button-filled-pressed-state-layer-opacity: 0.12; --mat-button-filled-ripple-color: rgba(0, 0, 0, 0.104); --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87); --mat-button-outlined-disabled-label-text-color: rgba(0, 0, 0, 0.331); --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12); --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54); --mat-button-outlined-focus-state-layer-opacity: 0.12; --mat-button-outlined-hover-state-layer-opacity: 0.04; --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87); --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12); --mat-button-outlined-pressed-state-layer-opacity: 0.12; --mat-button-outlined-ripple-color: rgba(0, 0, 0, 0.104); --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87); --mat-button-protected-container-color: white; --mat-button-protected-disabled-container-color: rgba(0, 0, 0, 0.104); --mat-button-protected-disabled-label-text-color: rgba(0, 0, 0, 0.331); --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54); --mat-button-protected-focus-state-layer-opacity: 0.12; --mat-button-protected-hover-state-layer-opacity: 0.04; --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87); --mat-button-protected-pressed-state-layer-opacity: 0.12; --mat-button-protected-ripple-color: rgba(0, 0, 0, 0.104); --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87); --mat-button-text-disabled-label-text-color: rgba(0, 0, 0, 0.331); --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54); --mat-button-text-focus-state-layer-opacity: 0.12; --mat-button-text-hover-state-layer-opacity: 0.04; --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87); --mat-button-text-pressed-state-layer-opacity: 0.12; --mat-button-text-ripple-color: rgba(0, 0, 0, 0.104); --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87); --mat-button-tonal-container-color: white; --mat-button-tonal-disabled-container-color: rgba(0, 0, 0, 0.104); --mat-button-tonal-disabled-label-text-color: rgba(0, 0, 0, 0.331); --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54); --mat-button-tonal-focus-state-layer-opacity: 0.12; --mat-button-tonal-hover-state-layer-opacity: 0.04; --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87); --mat-button-tonal-pressed-state-layer-opacity: 0.12; --mat-button-tonal-ripple-color: rgba(0, 0, 0, 0.104); --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87); } .mat-mdc-button.mat-primary, .mat-mdc-unelevated-button.mat-primary, .mat-mdc-raised-button.mat-primary, .mat-mdc-outlined-button.mat-primary, .mat-tonal-button.mat-primary { --mat-button-filled-container-color: #3f51b5; --mat-button-filled-label-text-color: white; --mat-button-filled-ripple-color: rgba(0, 0, 0, 0.12); --mat-button-filled-state-layer-color: white; --mat-button-outlined-label-text-color: #3f51b5; --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12); --mat-button-outlined-ripple-color: rgba(63, 81, 181, 0.12); --mat-button-outlined-state-layer-color: #3f51b5; --mat-button-protected-container-color: #3f51b5; --mat-button-protected-label-text-color: white; --mat-button-protected-ripple-color: rgba(0, 0, 0, 0.12); --mat-button-protected-state-layer-color: white; --mat-button-text-label-text-color: #3f51b5; --mat-button-text-ripple-color: rgba(63, 81, 181, 0.12); --mat-button-text-state-layer-color: #3f51b5; --mat-button-tonal-container-color: #3f51b5; --mat-button-tonal-label-text-color: white; --mat-button-tonal-ripple-color: rgba(0, 0, 0, 0.12); --mat-button-tonal-state-layer-color: white; } .mat-mdc-button.mat-accent, .mat-mdc-unelevated-button.mat-accent, .mat-mdc-raised-button.mat-accent, .mat-mdc-outlined-button.mat-accent, .mat-tonal-button.mat-accent { --mat-button-filled-container-color: #ff4081; --mat-button-filled-label-text-color: white; --mat-button-filled-ripple-color: rgba(0, 0, 0, 0.12); --mat-button-filled-state-layer-color: white; --mat-button-outlined-label-text-color: #ff4081; --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12); --mat-button-outlined-ripple-color: rgba(255, 64, 129, 0.12); --mat-button-outlined-state-layer-color: #ff4081; --mat-button-protected-container-color: #ff4081; --mat-button-protected-label-text-color: white; --mat-button-protected-ripple-color: rgba(0, 0, 0, 0.12); --mat-button-protected-state-layer-color: white; --mat-button-text-label-text-color: #ff4081; --mat-button-text-ripple-color: rgba(255, 64, 129, 0.12); --mat-button-text-state-layer-color: #ff4081; --mat-button-tonal-container-color: #ff4081; --mat-button-tonal-label-text-color: white; --mat-button-tonal-ripple-color: rgba(0, 0, 0, 0.12); --mat-button-tonal-state-layer-color: white; } .mat-mdc-button.mat-warn, .mat-mdc-unelevated-button.mat-warn, .mat-mdc-raised-button.mat-warn, .mat-mdc-outlined-button.mat-warn, .mat-tonal-button.mat-warn { --mat-button-filled-container-color: #f44336; --mat-button-filled-label-text-color: white; --mat-button-filled-ripple-color: rgba(0, 0, 0, 0.12); --mat-button-filled-state-layer-color: white; --mat-button-outlined-label-text-color: #f44336; --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12); --mat-button-outlined-ripple-color: rgba(244, 67, 54, 0.12); --mat-button-outlined-state-layer-color: #f44336; --mat-button-protected-container-color: #f44336; --mat-button-protected-label-text-color: white; --mat-button-protected-ripple-color: rgba(0, 0, 0, 0.12); --mat-button-protected-state-layer-color: white; --mat-button-text-label-text-color: #f44336; --mat-button-text-ripple-color: rgba(244, 67, 54, 0.12); --mat-button-text-state-layer-color: #f44336; --mat-button-tonal-container-color: #f44336; --mat-button-tonal-label-text-color: white; --mat-button-tonal-ripple-color: rgba(0, 0, 0, 0.12); --mat-button-tonal-state-layer-color: white; } html { --mat-button-filled-container-height: 36px; --mat-button-filled-touch-target-display: block; --mat-button-outlined-container-height: 36px; --mat-button-outlined-touch-target-display: block; --mat-button-protected-container-height: 36px; --mat-button-protected-touch-target-display: block; --mat-button-text-container-height: 36px; --mat-button-text-touch-target-display: block; --mat-button-tonal-container-height: 36px; --mat-button-tonal-touch-target-display: block; } html { --mat-button-filled-label-text-font: Roboto, sans-serif; --mat-button-filled-label-text-size: 14px; --mat-button-filled-label-text-tracking: 0.0892857143em; --mat-button-filled-label-text-transform: none; --mat-button-filled-label-text-weight: 500; --mat-button-outlined-label-text-font: Roboto, sans-serif; --mat-button-outlined-label-text-size: 14px; --mat-button-outlined-label-text-tracking: 0.0892857143em; --mat-button-outlined-label-text-transform: none; --mat-button-outlined-label-text-weight: 500; --mat-button-protected-label-text-font: Roboto, sans-serif; --mat-button-protected-label-text-size: 14px; --mat-button-protected-label-text-tracking: 0.0892857143em; --mat-button-protected-label-text-transform: none; --mat-button-protected-label-text-weight: 500; --mat-button-text-label-text-font: Roboto, sans-serif; --mat-button-text-label-text-size: 14px; --mat-button-text-label-text-tracking: 0.0892857143em; --mat-button-text-label-text-transform: none; --mat-button-text-label-text-weight: 500; --mat-button-tonal-label-text-font: Roboto, sans-serif; --mat-button-tonal-label-text-size: 14px; --mat-button-tonal-label-text-tracking: 0.0892857143em; --mat-button-tonal-label-text-transform: none; --mat-button-tonal-label-text-weight: 500; } html { --mat-icon-button-icon-size: 24px; --mat-icon-button-container-shape: 50%; --mat-icon-button-touch-target-size: 48px; } html { --mat-icon-button-disabled-icon-color: rgba(0, 0, 0, 0.331); --mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54); --mat-icon-button-focus-state-layer-opacity: 0.12; --mat-icon-button-hover-state-layer-opacity: 0.04; --mat-icon-button-icon-color: inherit; --mat-icon-button-pressed-state-layer-opacity: 0.12; --mat-icon-button-ripple-color: rgba(0, 0, 0, 0.104); --mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87); } .mat-mdc-icon-button.mat-primary { --mat-icon-button-icon-color: #3f51b5; --mat-icon-button-state-layer-color: #3f51b5; --mat-icon-button-ripple-color: rgba(63, 81, 181, 0.12); } .mat-mdc-icon-button.mat-accent { --mat-icon-button-icon-color: #ff4081; --mat-icon-button-state-layer-color: #ff4081; --mat-icon-button-ripple-color: rgba(255, 64, 129, 0.12); } .mat-mdc-icon-button.mat-warn { --mat-icon-button-icon-color: #f44336; --mat-icon-button-state-layer-color: #f44336; --mat-icon-button-ripple-color: rgba(244, 67, 54, 0.12); } html { --mat-icon-button-touch-target-display: block; } .mat-mdc-icon-button.mat-mdc-button-base { --mdc-icon-button-state-layer-size: 48px; --mat-icon-button-state-layer-size: 48px; width: var(--mat-icon-button-state-layer-size); height: var(--mat-icon-button-state-layer-size); padding: 12px; } html { --mat-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); --mat-fab-container-shape: 50%; --mat-fab-touch-target-size: 48px; --mat-fab-extended-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); --mat-fab-extended-container-height: 48px; --mat-fab-extended-container-shape: 24px; --mat-fab-extended-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mat-fab-extended-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mat-fab-extended-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); --mat-fab-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mat-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mat-fab-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); --mat-fab-small-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); --mat-fab-small-container-shape: 50%; --mat-fab-small-touch-target-size: 48px; --mat-fab-small-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mat-fab-small-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mat-fab-small-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); } html { --mat-fab-container-color: white; --mat-fab-disabled-state-container-color: rgba(0, 0, 0, 0.104); --mat-fab-disabled-state-foreground-color: rgba(0, 0, 0, 0.331); --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54); --mat-fab-focus-state-layer-opacity: 0.12; --mat-fab-foreground-color: rgba(0, 0, 0, 0.87); --mat-fab-hover-state-layer-opacity: 0.04; --mat-fab-pressed-state-layer-opacity: 0.12; --mat-fab-ripple-color: rgba(0, 0, 0, 0.104); --mat-fab-small-container-color: white; --mat-fab-small-disabled-state-container-color: rgba(0, 0, 0, 0.104); --mat-fab-small-disabled-state-foreground-color: rgba(0, 0, 0, 0.331); --mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54); --mat-fab-small-focus-state-layer-opacity: 0.12; --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87); --mat-fab-small-hover-state-layer-opacity: 0.04; --mat-fab-small-pressed-state-layer-opacity: 0.12; --mat-fab-small-ripple-color: rgba(0, 0, 0, 0.104); --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87); --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87); } .mat-mdc-fab.mat-primary, .mat-mdc-mini-fab.mat-primary { --mat-fab-container-color: #3f51b5; --mat-fab-foreground-color: white; --mat-fab-ripple-color: rgba(63, 81, 181, 0.12); --mat-fab-small-container-color: #3f51b5; --mat-fab-small-foreground-color: white; --mat-fab-small-ripple-color: rgba(0, 0, 0, 0.12); --mat-fab-small-state-layer-color: white; --mat-fab-state-layer-color: white; } .mat-mdc-fab.mat-accent, .mat-mdc-mini-fab.mat-accent { --mat-fab-container-color: #ff4081; --mat-fab-foreground-color: white; --mat-fab-ripple-color: rgba(255, 64, 129, 0.12); --mat-fab-small-container-color: #ff4081; --mat-fab-small-foreground-color: white; --mat-fab-small-ripple-color: rgba(0, 0, 0, 0.12); --mat-fab-small-state-layer-color: white; --mat-fab-state-layer-color: white; } .mat-mdc-fab.mat-warn, .mat-mdc-mini-fab.mat-warn { --mat-fab-container-color: #f44336; --mat-fab-foreground-color: white; --mat-fab-ripple-color: rgba(244, 67, 54, 0.12); --mat-fab-small-container-color: #f44336; --mat-fab-small-foreground-color: white; --mat-fab-small-ripple-color: rgba(0, 0, 0, 0.12); --mat-fab-small-state-layer-color: white; --mat-fab-state-layer-color: white; } html { --mat-fab-small-touch-target-display: block; --mat-fab-touch-target-display: block; } html { --mat-fab-extended-label-text-font: Roboto, sans-serif; --mat-fab-extended-label-text-size: 14px; --mat-fab-extended-label-text-tracking: 0.0892857143em; --mat-fab-extended-label-text-weight: 500; } html { --mat-snack-bar-container-shape: 4px; } html { --mat-snack-bar-container-color: #424242; --mat-snack-bar-supporting-text-color: white; --mat-snack-bar-button-color: #7986cb; } html { --mat-snack-bar-supporting-text-font: Roboto, sans-serif; --mat-snack-bar-supporting-text-line-height: 20px; --mat-snack-bar-supporting-text-size: 14px; --mat-snack-bar-supporting-text-weight: 400; } html { --mat-table-row-item-outline-width: 1px; } html { --mat-table-background-color: white; --mat-table-header-headline-color: rgba(0, 0, 0, 0.87); --mat-table-row-item-label-text-color: rgba(0, 0, 0, 0.87); --mat-table-row-item-outline-color: rgba(0, 0, 0, 0.12); } html { --mat-table-header-container-height: 56px; --mat-table-footer-container-height: 52px; --mat-table-row-item-container-height: 52px; } html { --mat-table-header-headline-font: Roboto, sans-serif; --mat-table-header-headline-line-height: 22px; --mat-table-header-headline-size: 14px; --mat-table-header-headline-weight: 500; --mat-table-header-headline-tracking: 0.0071428571em; --mat-table-row-item-label-text-font: Roboto, sans-serif; --mat-table-row-item-label-text-line-height: 20px; --mat-table-row-item-label-text-size: 14px; --mat-table-row-item-label-text-weight: 400; --mat-table-row-item-label-text-tracking: 0.0178571429em; --mat-table-footer-supporting-text-font: Roboto, sans-serif; --mat-table-footer-supporting-text-line-height: 20px; --mat-table-footer-supporting-text-size: 14px; --mat-table-footer-supporting-text-weight: 400; --mat-table-footer-supporting-text-tracking: 0.0178571429em; } html { --mat-progress-spinner-active-indicator-width: 4px; --mat-progress-spinner-size: 48px; } html { --mat-progress-spinner-active-indicator-color: #3f51b5; } .mat-accent { --mat-progress-spinner-active-indicator-color: #ff4081; } .mat-warn { --mat-progress-spinner-active-indicator-color: #f44336; } html { --mat-badge-container-shape: 50%; --mat-badge-container-size: unset; --mat-badge-small-size-container-size: unset; --mat-badge-large-size-container-size: unset; --mat-badge-legacy-container-size: 22px; --mat-badge-legacy-small-size-container-size: 16px; --mat-badge-legacy-large-size-container-size: 28px; --mat-badge-container-offset: -11px 0; --mat-badge-small-size-container-offset: -8px 0; --mat-badge-large-size-container-offset: -14px 0; --mat-badge-container-overlap-offset: -11px; --mat-badge-small-size-container-overlap-offset: -8px; --mat-badge-large-size-container-overlap-offset: -14px; --mat-badge-container-padding: 0; --mat-badge-small-size-container-padding: 0; --mat-badge-large-size-container-padding: 0; } html { --mat-badge-background-color: #3f51b5; --mat-badge-text-color: white; --mat-badge-disabled-state-background-color: rgba(0, 0, 0, 0.104); --mat-badge-disabled-state-text-color: rgba(0, 0, 0, 0.331); } .mat-badge-accent { --mat-badge-background-color: #ff4081; --mat-badge-text-color: white; } .mat-badge-warn { --mat-badge-background-color: #f44336; --mat-badge-text-color: white; } html { --mat-badge-text-font: Roboto, sans-serif; --mat-badge-line-height: 22px; --mat-badge-text-size: 12px; --mat-badge-text-weight: 600; --mat-badge-small-size-text-size: 9px; --mat-badge-small-size-line-height: 16px; --mat-badge-large-size-text-size: 24px; --mat-badge-large-size-line-height: 28px; } html { --mat-bottom-sheet-container-shape: 4px; } html { --mat-bottom-sheet-container-text-color: rgba(0, 0, 0, 0.87); --mat-bottom-sheet-container-background-color: white; } html { --mat-bottom-sheet-container-text-font: Roboto, sans-serif; --mat-bottom-sheet-container-text-line-height: 20px; --mat-bottom-sheet-container-text-size: 14px; --mat-bottom-sheet-container-text-tracking: 0.0178571429em; --mat-bottom-sheet-container-text-weight: 400; } html { --mat-button-toggle-focus-state-layer-opacity: 0.12; --mat-button-toggle-hover-state-layer-opacity: 0.04; --mat-button-toggle-legacy-focus-state-layer-opacity: 1; --mat-button-toggle-legacy-height: 36px; --mat-button-toggle-legacy-shape: 2px; --mat-button-toggle-shape: 4px; } html { --mat-button-toggle-background-color: white; --mat-button-toggle-disabled-selected-state-background-color: rgba(0, 0, 0, 0.104); --mat-button-toggle-disabled-selected-state-text-color: rgba(0, 0, 0, 0.331); --mat-button-toggle-disabled-state-background-color: white; --mat-button-toggle-disabled-state-text-color: rgba(0, 0, 0, 0.331); --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12); --mat-button-toggle-legacy-disabled-selected-state-background-color: rgba(0, 0, 0, 0.104); --mat-button-toggle-legacy-disabled-state-background-color: white; --mat-button-toggle-legacy-disabled-state-text-color: rgba(0, 0, 0, 0.331); --mat-button-toggle-legacy-selected-state-background-color: rgba(0, 0, 0, 0.104); --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87); --mat-button-toggle-legacy-state-layer-color: rgba(0, 0, 0, 0.104); --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87); --mat-button-toggle-selected-state-background-color: rgba(0, 0, 0, 0.104); --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87); --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87); --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87); } html { --mat-button-toggle-height: 48px; } html { --mat-button-toggle-label-text-font: Roboto, sans-serif; --mat-button-toggle-label-text-line-height: 24px; --mat-button-toggle-label-text-size: 16px; --mat-button-toggle-label-text-tracking: 0.03125em; --mat-button-toggle-label-text-weight: 400; --mat-button-toggle-legacy-label-text-font: Roboto, sans-serif; --mat-button-toggle-legacy-label-text-line-height: 24px; --mat-button-toggle-legacy-label-text-size: 16px; --mat-button-toggle-legacy-label-text-tracking: 0.03125em; --mat-button-toggle-legacy-label-text-weight: 400; } html { --mat-datepicker-calendar-container-shape: 4px; --mat-datepicker-calendar-container-touch-shape: 4px; --mat-datepicker-calendar-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); --mat-datepicker-calendar-container-touch-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); } html { --mat-datepicker-calendar-date-in-range-state-background-color: rgba(63, 81, 181, 0.2); --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(255, 64, 129, 0.2); --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5; --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032); --mat-datepicker-calendar-date-selected-state-text-color: white; --mat-datepicker-calendar-date-selected-state-background-color: #3f51b5; --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(63, 81, 181, 0.38); --mat-datepicker-calendar-date-today-selected-state-outline-color: white; --mat-datepicker-calendar-date-focus-state-background-color: rgba(63, 81, 181, 0.12); --mat-datepicker-calendar-date-hover-state-background-color: rgba(63, 81, 181, 0.04); --mat-datepicker-toggle-active-state-icon-color: #3f51b5; --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-period-button-text-color: rgba(0, 0, 0, 0.87); --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12); --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(0, 0, 0, 0.331); --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87); --mat-datepicker-calendar-date-outline-color: transparent; --mat-datepicker-calendar-date-disabled-state-text-color: rgba(0, 0, 0, 0.331); --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54); --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87); --mat-datepicker-range-input-disabled-state-separator-color: rgba(0, 0, 0, 0.331); --mat-datepicker-range-input-disabled-state-text-color: rgba(0, 0, 0, 0.331); --mat-datepicker-calendar-container-background-color: white; --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87); } .mat-datepicker-content.mat-accent, .mat-datepicker-toggle-active.mat-accent { --mat-datepicker-calendar-date-in-range-state-background-color: rgba(255, 64, 129, 0.2); --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(255, 64, 129, 0.2); --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5; --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032); --mat-datepicker-calendar-date-selected-state-text-color: white; --mat-datepicker-calendar-date-selected-state-background-color: #ff4081; --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(255, 64, 129, 0.38); --mat-datepicker-calendar-date-today-selected-state-outline-color: white; --mat-datepicker-calendar-date-focus-state-background-color: rgba(255, 64, 129, 0.12); --mat-datepicker-calendar-date-hover-state-background-color: rgba(255, 64, 129, 0.04); --mat-datepicker-toggle-active-state-icon-color: #ff4081; --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-period-button-text-color: rgba(0, 0, 0, 0.87); --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12); --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(0, 0, 0, 0.331); --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87); --mat-datepicker-calendar-date-outline-color: transparent; --mat-datepicker-calendar-date-disabled-state-text-color: rgba(0, 0, 0, 0.331); --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54); --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87); --mat-datepicker-range-input-disabled-state-separator-color: rgba(0, 0, 0, 0.331); --mat-datepicker-range-input-disabled-state-text-color: rgba(0, 0, 0, 0.331); --mat-datepicker-calendar-container-background-color: white; --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87); } .mat-datepicker-content.mat-warn, .mat-datepicker-toggle-active.mat-warn { --mat-datepicker-calendar-date-in-range-state-background-color: rgba(244, 67, 54, 0.2); --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(255, 64, 129, 0.2); --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5; --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032); --mat-datepicker-calendar-date-selected-state-text-color: white; --mat-datepicker-calendar-date-selected-state-background-color: #f44336; --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(244, 67, 54, 0.38); --mat-datepicker-calendar-date-today-selected-state-outline-color: white; --mat-datepicker-calendar-date-focus-state-background-color: rgba(244, 67, 54, 0.12); --mat-datepicker-calendar-date-hover-state-background-color: rgba(244, 67, 54, 0.04); --mat-datepicker-toggle-active-state-icon-color: #f44336; --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-period-button-text-color: rgba(0, 0, 0, 0.87); --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12); --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(0, 0, 0, 0.331); --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87); --mat-datepicker-calendar-date-outline-color: transparent; --mat-datepicker-calendar-date-disabled-state-text-color: rgba(0, 0, 0, 0.331); --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54); --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87); --mat-datepicker-range-input-disabled-state-separator-color: rgba(0, 0, 0, 0.331); --mat-datepicker-range-input-disabled-state-text-color: rgba(0, 0, 0, 0.331); --mat-datepicker-calendar-container-background-color: white; --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87); } .mat-calendar-controls { --mat-icon-button-touch-target-display: none; } .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base { --mdc-icon-button-state-layer-size: 40px; --mat-icon-button-state-layer-size: 40px; width: var(--mat-icon-button-state-layer-size); height: var(--mat-icon-button-state-layer-size); padding: 8px; } html { --mat-datepicker-calendar-text-font: Roboto, sans-serif; --mat-datepicker-calendar-text-size: 13px; --mat-datepicker-calendar-body-label-text-size: 14px; --mat-datepicker-calendar-body-label-text-weight: 500; --mat-datepicker-calendar-period-button-text-size: 14px; --mat-datepicker-calendar-period-button-text-weight: 500; --mat-datepicker-calendar-header-text-size: 11px; --mat-datepicker-calendar-header-text-weight: 400; } html { --mat-divider-width: 1px; } html { --mat-divider-color: rgba(0, 0, 0, 0.12); } html { --mat-expansion-container-shape: 4px; --mat-expansion-container-elevation-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); --mat-expansion-legacy-header-indicator-display: inline-block; --mat-expansion-header-indicator-display: none; } html { --mat-expansion-container-background-color: white; --mat-expansion-container-text-color: rgba(0, 0, 0, 0.87); --mat-expansion-actions-divider-color: rgba(0, 0, 0, 0.12); --mat-expansion-header-hover-state-layer-color: rgba(0, 0, 0, 0.035); --mat-expansion-header-focus-state-layer-color: rgba(0, 0, 0, 0.104); --mat-expansion-header-disabled-state-text-color: rgba(0, 0, 0, 0.331); --mat-expansion-header-text-color: rgba(0, 0, 0, 0.87); --mat-expansion-header-description-color: rgba(0, 0, 0, 0.54); --mat-expansion-header-indicator-color: rgba(0, 0, 0, 0.54); } html { --mat-expansion-header-collapsed-state-height: 48px; --mat-expansion-header-expanded-state-height: 64px; } html { --mat-expansion-header-text-font: Roboto, sans-serif; --mat-expansion-header-text-size: 14px; --mat-expansion-header-text-weight: 500; --mat-expansion-header-text-line-height: inherit; --mat-expansion-header-text-tracking: inherit; --mat-expansion-container-text-font: Roboto, sans-serif; --mat-expansion-container-text-line-height: 20px; --mat-expansion-container-text-size: 14px; --mat-expansion-container-text-tracking: 0.0178571429em; --mat-expansion-container-text-weight: 400; } html { --mat-grid-list-tile-header-primary-text-size: 14px; --mat-grid-list-tile-header-secondary-text-size: 12px; --mat-grid-list-tile-footer-primary-text-size: 14px; --mat-grid-list-tile-footer-secondary-text-size: 12px; } html { --mat-icon-color: inherit; } .mat-icon.mat-primary { --mat-icon-color: #3f51b5; } .mat-icon.mat-accent { --mat-icon-color: #ff4081; } .mat-icon.mat-warn { --mat-icon-color: #f44336; } html { --mat-sidenav-container-shape: 0; --mat-sidenav-container-elevation-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); --mat-sidenav-container-width: auto; } html { --mat-sidenav-container-divider-color: rgba(0, 0, 0, 0.12); --mat-sidenav-container-background-color: white; --mat-sidenav-container-text-color: rgba(0, 0, 0, 0.87); --mat-sidenav-content-background-color: #fafafa; --mat-sidenav-content-text-color: rgba(0, 0, 0, 0.87); --mat-sidenav-scrim-color: rgba(0, 0, 0, 0.6); } html { --mat-stepper-header-focus-state-layer-shape: 0; --mat-stepper-header-hover-state-layer-shape: 0; } html { --mat-stepper-header-icon-foreground-color: white; --mat-stepper-header-selected-state-icon-background-color: #3f51b5; --mat-stepper-header-selected-state-icon-foreground-color: white; --mat-stepper-header-done-state-icon-background-color: #3f51b5; --mat-stepper-header-done-state-icon-foreground-color: white; --mat-stepper-header-edit-state-icon-background-color: #3f51b5; --mat-stepper-header-edit-state-icon-foreground-color: white; --mat-stepper-container-color: white; --mat-stepper-line-color: rgba(0, 0, 0, 0.12); --mat-stepper-header-hover-state-layer-color: rgba(0, 0, 0, 0.035); --mat-stepper-header-focus-state-layer-color: rgba(0, 0, 0, 0.104); --mat-stepper-header-label-text-color: rgba(0, 0, 0, 0.54); --mat-stepper-header-optional-label-text-color: rgba(0, 0, 0, 0.54); --mat-stepper-header-selected-state-label-text-color: rgba(0, 0, 0, 0.87); --mat-stepper-header-error-state-label-text-color: #f44336; --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54); --mat-stepper-header-error-state-icon-foreground-color: #f44336; --mat-stepper-header-error-state-icon-background-color: transparent; } .mat-step-header.mat-accent { --mat-stepper-header-icon-foreground-color: white; --mat-stepper-header-selected-state-icon-background-color: #ff4081; --mat-stepper-header-selected-state-icon-foreground-color: white; --mat-stepper-header-done-state-icon-background-color: #ff4081; --mat-stepper-header-done-state-icon-foreground-color: white; --mat-stepper-header-edit-state-icon-background-color: #ff4081; --mat-stepper-header-edit-state-icon-foreground-color: white; } .mat-step-header.mat-warn { --mat-stepper-header-icon-foreground-color: white; --mat-stepper-header-selected-state-icon-background-color: #f44336; --mat-stepper-header-selected-state-icon-foreground-color: white; --mat-stepper-header-done-state-icon-background-color: #f44336; --mat-stepper-header-done-state-icon-foreground-color: white; --mat-stepper-header-edit-state-icon-background-color: #f44336; --mat-stepper-header-edit-state-icon-foreground-color: white; } html { --mat-stepper-header-height: 72px; } html { --mat-stepper-container-text-font: Roboto, sans-serif; --mat-stepper-header-label-text-font: Roboto, sans-serif; --mat-stepper-header-label-text-size: 14px; --mat-stepper-header-label-text-weight: 400; --mat-stepper-header-error-state-label-text-size: 16px; --mat-stepper-header-selected-state-label-text-size: 16px; --mat-stepper-header-selected-state-label-text-weight: 400; } html { --mat-sort-arrow-color: rgba(0, 0, 0, 0.87); } html { --mat-toolbar-container-background-color: white; --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87); } .mat-toolbar.mat-primary { --mat-toolbar-container-background-color: #3f51b5; --mat-toolbar-container-text-color: white; } .mat-toolbar.mat-accent { --mat-toolbar-container-background-color: #ff4081; --mat-toolbar-container-text-color: white; } .mat-toolbar.mat-warn { --mat-toolbar-container-background-color: #f44336; --mat-toolbar-container-text-color: white; } html { --mat-toolbar-standard-height: 64px; --mat-toolbar-mobile-height: 56px; } html { --mat-toolbar-title-text-font: Roboto, sans-serif; --mat-toolbar-title-text-line-height: 32px; --mat-toolbar-title-text-size: 20px; --mat-toolbar-title-text-tracking: 0.0125em; --mat-toolbar-title-text-weight: 500; } html { --mat-tree-container-background-color: white; --mat-tree-node-text-color: rgba(0, 0, 0, 0.87); } html { --mat-tree-node-min-height: 48px; } html { --mat-tree-node-text-font: Roboto, sans-serif; --mat-tree-node-text-size: 14px; --mat-tree-node-text-weight: 400; } html { --mat-timepicker-container-shape: 4px; --mat-timepicker-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); } html { --mat-timepicker-container-background-color: white; } .mat-h1, .mat-headline-5, .mat-typography .mat-h1, .mat-typography .mat-headline-5, .mat-typography h1 { font: 400 24px/32px Roboto, sans-serif; letter-spacing: normal; margin: 0 0 16px; } .mat-h2, .mat-headline-6, .mat-typography .mat-h2, .mat-typography .mat-headline-6, .mat-typography h2 { font: 500 20px/32px Roboto, sans-serif; letter-spacing: .0125em; margin: 0 0 16px; } .mat-h3, .mat-subtitle-1, .mat-typography .mat-h3, .mat-typography .mat-subtitle-1, .mat-typography h3 { font: 400 16px/28px Roboto, sans-serif; letter-spacing: .009375em; margin: 0 0 16px; } .mat-h4, .mat-body-1, .mat-typography .mat-h4, .mat-typography .mat-body-1, .mat-typography h4 { font: 400 16px/24px Roboto, sans-serif; letter-spacing: .03125em; margin: 0 0 16px; } .mat-h5, .mat-typography .mat-h5, .mat-typography h5 { font: 400 calc(14px*.83)/20px Roboto, sans-serif; margin: 0 0 12px; } .mat-h6, .mat-typography .mat-h6, .mat-typography h6 { font: 400 calc(14px*.67)/20px Roboto, sans-serif; margin: 0 0 12px; } .mat-body-strong, .mat-subtitle-2, .mat-typography .mat-body-strong, .mat-typography .mat-subtitle-2 { font: 500 14px/22px Roboto, sans-serif; letter-spacing: .0071428571em; } .mat-body, .mat-body-2, .mat-typography .mat-body, .mat-typography .mat-body-2, .mat-typography { font: 400 14px/20px Roboto, sans-serif; letter-spacing: .0178571429em; } .mat-body p, .mat-body-2 p, .mat-typography .mat-body p, .mat-typography .mat-body-2 p, .mat-typography p { margin: 0 0 12px; } .mat-small, .mat-caption, .mat-typography .mat-small, .mat-typography .mat-caption { font: 400 12px/20px Roboto, sans-serif; letter-spacing: .0333333333em; } .mat-headline-1, .mat-typography .mat-headline-1 { font: 300 96px/96px Roboto, sans-serif; letter-spacing: -0.015625em; margin: 0 0 56px; } .mat-headline-2, .mat-typography .mat-headline-2 { font: 300 60px/60px Roboto, sans-serif; letter-spacing: -.0083333333em; margin: 0 0 64px; } .mat-headline-3, .mat-typography .mat-headline-3 { font: 400 48px/50px Roboto, sans-serif; letter-spacing: normal; margin: 0 0 64px; } .mat-headline-4, .mat-typography .mat-headline-4 { font: 400 34px/40px Roboto, sans-serif; letter-spacing: .0073529412em; margin: 0 0 64px; } /* node_modules/ckeditor5/dist/ckeditor5.css */ /** * @license Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ :root { --ck-color-base-foreground: hsl(0, 0%, 98%); --ck-color-base-background: hsl(0, 0%, 100%); --ck-color-base-border: hsl(220, 6%, 81%); --ck-color-base-action: hsl(104, 50.2%, 42.5%); --ck-color-base-focus: hsl(209, 92%, 70%); --ck-color-base-text: hsl(0, 0%, 20%); --ck-color-base-active: hsl(218.1, 100%, 58%); --ck-color-base-active-focus: hsl(218.2, 100%, 52.5%); --ck-color-base-error: hsl(15, 100%, 43%); --ck-color-focus-border-coordinates: 218, 81.8%, 56.9%; --ck-color-focus-border: hsl(var(--ck-color-focus-border-coordinates)); --ck-color-focus-outer-shadow: hsl(212.4, 89.3%, 89%); --ck-color-focus-disabled-shadow: hsla(209, 90%, 72%,.3); --ck-color-focus-error-shadow: hsla(9,100%,56%,.3); --ck-color-text: var(--ck-color-base-text); --ck-color-shadow-drop: hsla(0, 0%, 0%, 0.15); --ck-color-shadow-drop-active: hsla(0, 0%, 0%, 0.2); --ck-color-shadow-inner: hsla(0, 0%, 0%, 0.1); --ck-color-button-default-background: transparent; --ck-color-button-default-hover-background: hsl(0, 0%, 94.1%); --ck-color-button-default-active-background: hsl(0, 0%, 94.1%); --ck-color-button-default-disabled-background: transparent; --ck-color-button-on-background: hsl(212, 100%, 97.1%); --ck-color-button-on-hover-background: hsl(211.7, 100%, 92.9%); --ck-color-button-on-active-background: hsl(211.7, 100%, 92.9%); --ck-color-button-on-disabled-background: hsl(211, 15%, 95%); --ck-color-button-on-color: hsl(218.1, 100%, 58%); --ck-color-button-action-background: var(--ck-color-base-action); --ck-color-button-action-hover-background: hsl(104, 53.2%, 40.2%); --ck-color-button-action-active-background: hsl(104, 53.2%, 40.2%); --ck-color-button-action-disabled-background: hsl(104, 44%, 58%); --ck-color-button-action-text: var(--ck-color-base-background); --ck-color-button-save: hsl(120, 100%, 27%); --ck-color-button-cancel: hsl(15, 100%, 43%); --ck-color-switch-button-off-background: hsl(0, 0%, 57.6%); --ck-color-switch-button-off-hover-background: hsl(0, 0%, 49%); --ck-color-switch-button-on-background: var(--ck-color-button-action-background); --ck-color-switch-button-on-hover-background: hsl(104, 53.2%, 40.2%); --ck-color-switch-button-inner-background: var(--ck-color-base-background); --ck-color-switch-button-inner-shadow: hsla(0, 0%, 0%, 0.1); --ck-color-dropdown-panel-background: var(--ck-color-base-background); --ck-color-dropdown-panel-border: var(--ck-color-base-border); --ck-color-dialog-background: var(--ck-custom-background); --ck-color-dialog-form-header-border: var(--ck-custom-border); --ck-color-input-background: var(--ck-color-base-background); --ck-color-input-border: var(--ck-color-base-border); --ck-color-input-error-border: var(--ck-color-base-error); --ck-color-input-text: var(--ck-color-base-text); --ck-color-input-disabled-background: hsl(0, 0%, 95%); --ck-color-input-disabled-border: var(--ck-color-base-border); --ck-color-input-disabled-text: hsl(0, 0%, 46%); --ck-color-list-background: var(--ck-color-base-background); --ck-color-list-button-hover-background: var(--ck-color-button-default-hover-background); --ck-color-list-button-on-background: var(--ck-color-button-on-color); --ck-color-list-button-on-background-focus: var(--ck-color-button-on-color); --ck-color-list-button-on-text: var(--ck-color-base-background); --ck-color-panel-background: var(--ck-color-base-background); --ck-color-panel-border: var(--ck-color-base-border); --ck-color-toolbar-background: var(--ck-color-base-background); --ck-color-toolbar-border: var(--ck-color-base-border); --ck-color-tooltip-background: var(--ck-color-base-text); --ck-color-tooltip-text: var(--ck-color-base-background); --ck-color-engine-placeholder-text: hsl(0, 0%, 44%); --ck-color-upload-bar-background: hsl(209, 92%, 70%); --ck-color-link-default: hsl(240, 100%, 47%); --ck-color-link-selected-background: hsla(201, 100%, 56%, 0.1); --ck-color-link-fake-selection: hsla(201, 100%, 56%, 0.3); --ck-color-highlight-background: hsl(60, 100%, 50%); --ck-color-light-red: hsl(0, 100%, 90%); } :root { --ck-disabled-opacity: .5; } :root { --ck-focus-outer-shadow-geometry: 0 0 0 3px; --ck-focus-outer-shadow: var(--ck-focus-outer-shadow-geometry) var(--ck-color-focus-outer-shadow); --ck-focus-disabled-outer-shadow: var(--ck-focus-outer-shadow-geometry) var(--ck-color-focus-disabled-shadow); --ck-focus-error-outer-shadow: var(--ck-focus-outer-shadow-geometry) var(--ck-color-focus-error-shadow); --ck-focus-ring: 1px solid var(--ck-color-focus-border); } :root { --ck-font-size-base: 13px; --ck-line-height-base: 1.84615; --ck-font-face: Helvetica, Arial, Tahoma, Verdana, Sans-Serif; --ck-font-size-tiny: 0.7em; --ck-font-size-small: 0.75em; --ck-font-size-normal: 1em; --ck-font-size-big: 1.4em; --ck-font-size-large: 1.8em; } :root { --ck-ui-component-min-height: 2.3em; } .ck.ck-reset, .ck.ck-reset_all, .ck-reset_all *:not(.ck-reset_all-excluded *) { box-sizing: border-box; width: auto; height: auto; position: static; margin: 0; padding: 0; border: 0; background: transparent; text-decoration: none; vertical-align: middle; transition: none; word-wrap: break-word; } .ck.ck-reset_all, .ck-reset_all *:not(.ck-reset_all-excluded *) { border-collapse: collapse; font: normal normal normal var(--ck-font-size-base)/var(--ck-line-height-base) var(--ck-font-face); color: var(--ck-color-text); text-align: left; white-space: nowrap; cursor: auto; float: none; } .ck-reset_all .ck-rtl *:not(.ck-reset_all-excluded *) { text-align: right; } .ck-reset_all iframe:not(.ck-reset_all-excluded *) { vertical-align: inherit; } .ck-reset_all textarea:not(.ck-reset_all-excluded *) { white-space: pre-wrap; } .ck-reset_all textarea:not(.ck-reset_all-excluded *), .ck-reset_all input[type=text]:not(.ck-reset_all-excluded *), .ck-reset_all input[type=password]:not(.ck-reset_all-excluded *) { cursor: text; } .ck-reset_all textarea[disabled]:not(.ck-reset_all-excluded *), .ck-reset_all input[type=text][disabled]:not(.ck-reset_all-excluded *), .ck-reset_all input[type=password][disabled]:not(.ck-reset_all-excluded *) { cursor: default; } .ck-reset_all fieldset:not(.ck-reset_all-excluded *) { padding: 10px; border: 2px groove hsl(255, 7%, 88%); } .ck-reset_all button:not(.ck-reset_all-excluded *)::-moz-focus-inner { padding: 0; border: 0; } .ck[dir=rtl], .ck[dir=rtl] .ck { text-align: right; } :root { --ck-border-radius: 2px; } :root { --ck-inner-shadow: 2px 2px 3px var(--ck-color-shadow-inner) inset; --ck-drop-shadow: 0 1px 2px 1px var(--ck-color-shadow-drop); --ck-drop-shadow-active: 0 3px 6px 1px var(--ck-color-shadow-drop-active); } :root { --ck-spacing-unit: 0.6em; --ck-spacing-large: calc(var(--ck-spacing-unit) * 1.5); --ck-spacing-standard: var(--ck-spacing-unit); --ck-spacing-medium: calc(var(--ck-spacing-unit) * 0.8); --ck-spacing-small: calc(var(--ck-spacing-unit) * 0.5); --ck-spacing-tiny: calc(var(--ck-spacing-unit) * 0.3); --ck-spacing-extra-tiny: calc(var(--ck-spacing-unit) * 0.16); } .ck.ck-autocomplete > .ck-search__results { border-radius: 0; max-height: 200px; overflow-y: auto; background: var(--ck-color-base-background); border: 1px solid var(--ck-color-dropdown-panel-border); min-width: auto; } .ck-rounded-corners .ck.ck-autocomplete > .ck-search__results, .ck.ck-autocomplete > .ck-search__results.ck-rounded-corners { border-radius: var(--ck-border-radius); } .ck.ck-autocomplete > .ck-search__results { box-shadow: var(--ck-drop-shadow), 0 0; } .ck.ck-autocomplete > .ck-search__results.ck-search__results_n { border-bottom-left-radius: 0; border-bottom-right-radius: 0; margin-bottom: -1px; } .ck.ck-autocomplete > .ck-search__results.ck-search__results_s { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: -1px; } .ck.ck-button, a.ck.ck-button { background: var(--ck-color-button-default-background); border-radius: 0; white-space: nowrap; cursor: default; vertical-align: middle; padding: var(--ck-spacing-tiny); text-align: center; min-width: var(--ck-ui-component-min-height); min-height: var(--ck-ui-component-min-height); line-height: 1; font-size: inherit; border: 1px solid transparent; transition: box-shadow .2s ease-in-out, border .2s ease-in-out; -webkit-appearance: none; } .ck.ck-button:not(.ck-disabled):hover, a.ck.ck-button:not(.ck-disabled):hover { background: var(--ck-color-button-default-hover-background); } .ck.ck-button:not(.ck-disabled):active, a.ck.ck-button:not(.ck-disabled):active { background: var(--ck-color-button-default-active-background); } .ck.ck-button.ck-disabled, a.ck.ck-button.ck-disabled { background: var(--ck-color-button-default-disabled-background); } .ck-rounded-corners .ck.ck-button, .ck-rounded-corners a.ck.ck-button, .ck.ck-button.ck-rounded-corners, a.ck.ck-button.ck-rounded-corners { border-radius: var(--ck-border-radius); } @media (prefers-reduced-motion: reduce) { .ck.ck-button, a.ck.ck-button { transition: none; } } .ck.ck-button:active, a.ck.ck-button:active, .ck.ck-button:focus, a.ck.ck-button:focus { outline: none; border: var(--ck-focus-ring); box-shadow: var(--ck-focus-outer-shadow), 0 0; } .ck.ck-button .ck-button__icon use, a.ck.ck-button .ck-button__icon use, .ck.ck-button .ck-button__icon use *, a.ck.ck-button .ck-button__icon use * { color: inherit; } .ck.ck-button .ck-button__label, a.ck.ck-button .ck-button__label { font-size: inherit; font-weight: inherit; color: inherit; cursor: inherit; vertical-align: middle; } [dir=ltr] .ck.ck-button .ck-button__label, [dir=ltr] a.ck.ck-button .ck-button__label { text-align: left; } [dir=rtl] .ck.ck-button .ck-button__label, [dir=rtl] a.ck.ck-button .ck-button__label { text-align: right; } .ck.ck-button .ck-button__keystroke, a.ck.ck-button .ck-button__keystroke { color: inherit; opacity: .5; } [dir=ltr] .ck.ck-button .ck-button__keystroke, [dir=ltr] a.ck.ck-button .ck-button__keystroke { margin-left: var(--ck-spacing-large); } [dir=rtl] .ck.ck-button .ck-button__keystroke, [dir=rtl] a.ck.ck-button .ck-button__keystroke { margin-right: var(--ck-spacing-large); } .ck.ck-button.ck-disabled:active, a.ck.ck-button.ck-disabled:active, .ck.ck-button.ck-disabled:focus, a.ck.ck-button.ck-disabled:focus { box-shadow: var(--ck-focus-disabled-outer-shadow), 0 0; } .ck.ck-button.ck-disabled .ck-button__icon, a.ck.ck-button.ck-disabled .ck-button__icon { opacity: var(--ck-disabled-opacity); } .ck.ck-button.ck-disabled .ck-button__label, a.ck.ck-button.ck-disabled .ck-button__label { opacity: var(--ck-disabled-opacity); } .ck.ck-button.ck-disabled .ck-button__keystroke, a.ck.ck-button.ck-disabled .ck-button__keystroke { opacity: .3; } .ck.ck-button.ck-button_with-text, a.ck.ck-button.ck-button_with-text { padding: var(--ck-spacing-tiny) var(--ck-spacing-standard); } [dir=ltr] .ck.ck-button.ck-button_with-text .ck-button__icon, [dir=ltr] a.ck.ck-button.ck-button_with-text .ck-button__icon { margin-right: var(--ck-spacing-medium); } [dir=rtl] .ck.ck-button.ck-button_with-text .ck-button__icon, [dir=rtl] a.ck.ck-button.ck-button_with-text .ck-button__icon { margin-left: var(--ck-spacing-medium); } .ck.ck-button.ck-button_with-keystroke .ck-button__label, a.ck.ck-button.ck-button_with-keystroke .ck-button__label { flex-grow: 1; } .ck.ck-button.ck-on, a.ck.ck-button.ck-on { background: var(--ck-color-button-on-background); color: var(--ck-color-button-on-color); } .ck.ck-button.ck-on:not(.ck-disabled):hover, a.ck.ck-button.ck-on:not(.ck-disabled):hover { background: var(--ck-color-button-on-hover-background); } .ck.ck-button.ck-on:not(.ck-disabled):active, a.ck.ck-button.ck-on:not(.ck-disabled):active { background: var(--ck-color-button-on-active-background); } .ck.ck-button.ck-on.ck-disabled, a.ck.ck-button.ck-on.ck-disabled { background: var(--ck-color-button-on-disabled-background); } .ck.ck-button.ck-button-save, a.ck.ck-button.ck-button-save { color: var(--ck-color-button-save); } .ck.ck-button.ck-button-cancel, a.ck.ck-button.ck-button-cancel { color: var(--ck-color-button-cancel); } .ck.ck-button-action, a.ck.ck-button-action { background: var(--ck-color-button-action-background); color: var(--ck-color-button-action-text); } .ck.ck-button-action:not(.ck-disabled):hover, a.ck.ck-button-action:not(.ck-disabled):hover { background: var(--ck-color-button-action-hover-background); } .ck.ck-button-action:not(.ck-disabled):active, a.ck.ck-button-action:not(.ck-disabled):active { background: var(--ck-color-button-action-active-background); } .ck.ck-button-action.ck-disabled, a.ck.ck-button-action.ck-disabled { background: var(--ck-color-button-action-disabled-background); } .ck.ck-button-bold, a.ck.ck-button-bold { font-weight: bold; } :root { --ck-switch-button-toggle-width: 2.6153846154em; --ck-switch-button-toggle-inner-size: calc(1.0769230769em + 1px); --ck-switch-button-translation: calc( var(--ck-switch-button-toggle-width) - var(--ck-switch-button-toggle-inner-size) - 2px ); --ck-switch-button-inner-hover-shadow: 0 0 0 5px var(--ck-color-switch-button-inner-shadow); } .ck.ck-button.ck-switchbutton, .ck.ck-button.ck-switchbutton:hover, .ck.ck-button.ck-switchbutton:focus, .ck.ck-button.ck-switchbutton:active, .ck.ck-button.ck-switchbutton.ck-on:hover, .ck.ck-button.ck-switchbutton.ck-on:focus, .ck.ck-button.ck-switchbutton.ck-on:active { color: inherit; background: transparent; } [dir=ltr] .ck.ck-button.ck-switchbutton .ck-button__label { margin-right: calc(2 * var(--ck-spacing-large)); } [dir=rtl] .ck.ck-button.ck-switchbutton .ck-button__label { margin-left: calc(2 * var(--ck-spacing-large)); } .ck.ck-button.ck-switchbutton .ck-button__toggle { border-radius: 0; transition: background 400ms ease, box-shadow .2s ease-in-out, outline .2s ease-in-out; border: 1px solid transparent; width: var(--ck-switch-button-toggle-width); background: var(--ck-color-switch-button-off-background); } .ck-rounded-corners .ck.ck-button.ck-switchbutton .ck-button__toggle, .ck.ck-button.ck-switchbutton .ck-button__toggle.ck-rounded-corners { border-radius: var(--ck-border-radius); } [dir=ltr] .ck.ck-button.ck-switchbutton .ck-button__toggle { margin-left: auto; } [dir=rtl] .ck.ck-button.ck-switchbutton .ck-button__toggle { margin-right: auto; } .ck.ck-button.ck-switchbutton .ck-button__toggle .ck-button__toggle__inner { border-radius: 0; width: var(--ck-switch-button-toggle-inner-size); height: var(--ck-switch-button-toggle-inner-size); background: var(--ck-color-switch-button-inner-background); transition: all 300ms ease; } .ck-rounded-corners .ck.ck-button.ck-switchbutton .ck-button__toggle .ck-button__toggle__inner, .ck.ck-button.ck-switchbutton .ck-button__toggle .ck-button__toggle__inner.ck-rounded-corners { border-radius: var(--ck-border-radius); border-radius: calc(.5 * var(--ck-border-radius)); } @media (prefers-reduced-motion: reduce) { .ck.ck-button.ck-switchbutton .ck-button__toggle .ck-button__toggle__inner { transition: none; } } .ck.ck-button.ck-switchbutton .ck-button__toggle:hover { background: var(--ck-color-switch-button-off-hover-background); } .ck.ck-button.ck-switchbutton .ck-button__toggle:hover .ck-button__toggle__inner { box-shadow: var(--ck-switch-button-inner-hover-shadow); } .ck.ck-button.ck-switchbutton.ck-disabled .ck-button__toggle { opacity: var(--ck-disabled-opacity); } .ck.ck-button.ck-switchbutton:focus { border-color: transparent; outline: none; box-shadow: none; } .ck.ck-button.ck-switchbutton:focus .ck-button__toggle { box-shadow: 0 0 0 1px var(--ck-color-base-background), 0 0 0 5px var(--ck-color-focus-outer-shadow); outline-offset: 1px; outline: var(--ck-focus-ring); } .ck.ck-button.ck-switchbutton.ck-on .ck-button__toggle { background: var(--ck-color-switch-button-on-background); } .ck.ck-button.ck-switchbutton.ck-on .ck-button__toggle:hover { background: var(--ck-color-switch-button-on-hover-background); } [dir=ltr] .ck.ck-button.ck-switchbutton.ck-on .ck-button__toggle .ck-button__toggle__inner { transform: translateX(var( --ck-switch-button-translation )); } [dir=rtl] .ck.ck-button.ck-switchbutton.ck-on .ck-button__toggle .ck-button__toggle__inner { transform: translateX(calc(-1 * var( --ck-switch-button-translation ))); } .ck.ck-button.ck-list-item-button { padding: var(--ck-spacing-tiny) calc(2 * var(--ck-spacing-standard)); } .ck.ck-button.ck-list-item-button, .ck.ck-button.ck-list-item-button.ck-on { background: var(--ck-color-list-background); color: var(--ck-color-text); } [dir=ltr] .ck.ck-button.ck-list-item-button:has(.ck-list-item-button__check-holder) { padding-left: var(--ck-spacing-small); } [dir=rtl] .ck.ck-button.ck-list-item-button:has(.ck-list-item-button__check-holder) { padding-right: var(--ck-spacing-small); } .ck.ck-button.ck-list-item-button:hover:not(.ck-disabled), .ck.ck-button.ck-list-item-button.ck-button.ck-on:hover, .ck.ck-button.ck-list-item-button.ck-on:not(.ck-list-item-button_toggleable), .ck.ck-button.ck-list-item-button.ck-on:hover { background: var(--ck-color-list-button-hover-background); } .ck.ck-button.ck-list-item-button:hover:not(.ck-disabled):not(.ck-disabled), .ck.ck-button.ck-list-item-button.ck-button.ck-on:hover:not(.ck-disabled), .ck.ck-button.ck-list-item-button.ck-on:not(.ck-list-item-button_toggleable):not(.ck-disabled), .ck.ck-button.ck-list-item-button.ck-on:hover:not(.ck-disabled) { color: var(--ck-color-text); } :root { --ck-collapsible-arrow-size: calc(0.5 * var(--ck-icon-size)); } .ck.ck-collapsible > .ck.ck-button { width: 100%; font-weight: bold; border-radius: 0; color: inherit; } .ck.ck-collapsible > .ck.ck-button:focus { background: transparent; } .ck.ck-collapsible > .ck.ck-button:active, .ck.ck-collapsible > .ck.ck-button:not(:focus), .ck.ck-collapsible > .ck.ck-button:hover:not(:focus) { background: transparent; border-color: transparent; box-shadow: none; } .ck.ck-collapsible > .ck.ck-button > .ck-icon { margin-right: var(--ck-spacing-medium); width: var(--ck-collapsible-arrow-size); } .ck.ck-collapsible > .ck-collapsible__children { padding: var(--ck-spacing-medium) var(--ck-spacing-large) var(--ck-spacing-large); } .ck.ck-collapsible.ck-collapsible_collapsed > .ck.ck-button .ck-icon { transform: rotate(-90deg); } :root { --ck-color-grid-tile-size: 24px; --ck-color-color-grid-check-icon: hsl(212, 81%, 46%); } .ck.ck-color-grid { grid-gap: 5px; padding: 8px; } .ck.ck-color-grid__tile { transition: .2s ease box-shadow; } @media (forced-colors: none) { .ck.ck-color-grid__tile { width: var(--ck-color-grid-tile-size); height: var(--ck-color-grid-tile-size); min-width: var(--ck-color-grid-tile-size); min-height: var(--ck-color-grid-tile-size); padding: 0; border: 0; } .ck.ck-color-grid__tile.ck-on, .ck.ck-color-grid__tile:focus:not(.ck-disabled), .ck.ck-color-grid__tile:hover:not(.ck-disabled) { border: 0; } .ck.ck-color-grid__tile.ck-color-selector__color-tile_bordered { box-shadow: 0 0 0 1px var(--ck-color-base-border); } .ck.ck-color-grid__tile.ck-on { box-shadow: inset 0 0 0 1px var(--ck-color-base-background), 0 0 0 2px var(--ck-color-base-text); } .ck.ck-color-grid__tile:focus:not(.ck-disabled), .ck.ck-color-grid__tile:hover:not(.ck-disabled) { box-shadow: inset 0 0 0 1px var(--ck-color-base-background), 0 0 0 2px var(--ck-color-focus-border); } } @media (forced-colors: active) { .ck.ck-color-grid__tile { width: unset; height: unset; min-width: unset; min-height: unset; padding: 0 var(--ck-spacing-small); } .ck.ck-color-grid__tile .ck-button__label { display: inline-block; } } @media (prefers-reduced-motion: reduce) { .ck.ck-color-grid__tile { transition: none; } } .ck.ck-color-grid__tile.ck-disabled { cursor: unset; transition: unset; } .ck.ck-color-grid__tile .ck.ck-icon { display: none; color: var(--ck-color-color-grid-check-icon); } .ck.ck-color-grid__tile.ck-on .ck.ck-icon { display: block; } .ck.ck-color-grid__label { padding: 0 var(--ck-spacing-standard); } .ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__remove-color, .ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__color-picker { width: 100%; } .ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__color-picker { padding: calc(var(--ck-spacing-standard) / 2) var(--ck-spacing-standard); border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__color-picker:not(:focus) { border-top: 1px solid var(--ck-color-base-border); } [dir=ltr] .ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__color-picker .ck.ck-icon { margin-right: var(--ck-spacing-standard); } [dir=rtl] .ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__color-picker .ck.ck-icon { margin-left: var(--ck-spacing-standard); } .ck.ck-color-selector .ck-color-grids-fragment label.ck.ck-color-grid__label { font-weight: unset; } .ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-picker { padding: 8px; } .ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-picker .hex-color-picker { height: 100px; min-width: 180px; } .ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-picker .hex-color-picker::part(saturation) { border-radius: var(--ck-border-radius) var(--ck-border-radius) 0 0; } .ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-picker .hex-color-picker::part(hue) { border-radius: 0 0 var(--ck-border-radius) var(--ck-border-radius); } .ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-picker .hex-color-picker::part(saturation-pointer), .ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-picker .hex-color-picker::part(hue-pointer) { width: 15px; height: 15px; } .ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-selector_action-bar { padding: 0 8px 8px; } :root { --ck-dialog-overlay-background-color: hsla( 0, 0%, 0%, .5 ); --ck-dialog-drop-shadow: 0px 0px 6px 2px hsl(0deg 0% 0% / 15%); --ck-dialog-max-width: 100vw; --ck-dialog-max-height: 90vh; --ck-color-dialog-background: var(--ck-color-base-background); --ck-color-dialog-form-header-border: var(--ck-color-base-border); } .ck.ck-dialog-overlay { animation: ck-dialog-fade-in .3s; background: var(--ck-dialog-overlay-background-color); z-index: var(--ck-z-dialog); } .ck.ck-dialog { border-radius: 0; --ck-drop-shadow: var(--ck-dialog-drop-shadow); background: var(--ck-color-dialog-background); max-height: var(--ck-dialog-max-height); max-width: var(--ck-dialog-max-width); border: 1px solid var(--ck-color-base-border); overscroll-behavior: contain; } .ck-rounded-corners .ck.ck-dialog, .ck.ck-dialog.ck-rounded-corners { border-radius: var(--ck-border-radius); } .ck.ck-dialog { box-shadow: var(--ck-drop-shadow), 0 0; } .ck.ck-dialog .ck.ck-form__header { border-bottom: 1px solid var(--ck-color-dialog-form-header-border); } .ck-dialog-scroll-locked { overflow: hidden; } @keyframes ck-dialog-fade-in { 0% { background: hsla(0, 0%, 0%, 0); } 100% { background: var(--ck-dialog-overlay-background-color); } } .ck.ck-dialog .ck.ck-dialog__actions { padding: var(--ck-spacing-large); } .ck.ck-dialog .ck.ck-dialog__actions > * + * { margin-left: var(--ck-spacing-large); } :root { --ck-dropdown-arrow-size: calc(0.5 * var(--ck-icon-size)); } .ck.ck-dropdown { font-size: inherit; } .ck.ck-dropdown .ck-dropdown__arrow { width: var(--ck-dropdown-arrow-size); } [dir=ltr] .ck.ck-dropdown .ck-dropdown__arrow { right: var(--ck-spacing-standard); margin-left: var(--ck-spacing-standard); } [dir=rtl] .ck.ck-dropdown .ck-dropdown__arrow { left: var(--ck-spacing-standard); margin-right: var(--ck-spacing-small); } .ck.ck-dropdown.ck-disabled .ck-dropdown__arrow { opacity: var(--ck-disabled-opacity); } [dir=ltr] .ck.ck-dropdown .ck-button.ck-dropdown__button:not(.ck-button_with-text) { padding-left: var(--ck-spacing-small); } [dir=rtl] .ck.ck-dropdown .ck-button.ck-dropdown__button:not(.ck-button_with-text) { padding-right: var(--ck-spacing-small); } .ck.ck-dropdown .ck-button.ck-dropdown__button .ck-button__label { width: 7em; overflow: hidden; text-overflow: ellipsis; } .ck.ck-dropdown .ck-button.ck-dropdown__button.ck-disabled .ck-button__label { opacity: var(--ck-disabled-opacity); } .ck.ck-dropdown .ck-button.ck-dropdown__button.ck-on { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .ck.ck-dropdown .ck-button.ck-dropdown__button.ck-dropdown__button_label-width_auto .ck-button__label { width: auto; } .ck.ck-dropdown .ck-button.ck-dropdown__button.ck-off:active, .ck.ck-dropdown .ck-button.ck-dropdown__button.ck-on:active { box-shadow: none; } .ck.ck-dropdown .ck-button.ck-dropdown__button.ck-off:active:focus, .ck.ck-dropdown .ck-button.ck-dropdown__button.ck-on:active:focus { box-shadow: var(--ck-focus-outer-shadow), 0 0; } .ck.ck-dropdown__panel { border-radius: 0; background: var(--ck-color-dropdown-panel-background); border: 1px solid var(--ck-color-dropdown-panel-border); bottom: 0; min-width: 100%; } .ck-rounded-corners .ck.ck-dropdown__panel, .ck.ck-dropdown__panel.ck-rounded-corners { border-radius: var(--ck-border-radius); } .ck.ck-dropdown__panel { box-shadow: var(--ck-drop-shadow), 0 0; } .ck.ck-dropdown__panel.ck-dropdown__panel_se { border-top-left-radius: 0; } .ck.ck-dropdown__panel.ck-dropdown__panel_sw { border-top-right-radius: 0; } .ck.ck-dropdown__panel.ck-dropdown__panel_ne { border-bottom-left-radius: 0; } .ck.ck-dropdown__panel.ck-dropdown__panel_nw { border-bottom-right-radius: 0; } .ck.ck-dropdown__panel:focus { outline: none; } .ck.ck-dropdown > .ck-dropdown__panel > .ck-list { border-radius: 0; } .ck-rounded-corners .ck.ck-dropdown > .ck-dropdown__panel > .ck-list, .ck.ck-dropdown > .ck-dropdown__panel > .ck-list.ck-rounded-corners { border-radius: var(--ck-border-radius); border-top-left-radius: 0; } .ck.ck-dropdown > .ck-dropdown__panel > .ck-list .ck-list__item:first-child > .ck-button { border-radius: 0; } .ck-rounded-corners .ck.ck-dropdown > .ck-dropdown__panel > .ck-list .ck-list__item:first-child > .ck-button, .ck.ck-dropdown > .ck-dropdown__panel > .ck-list .ck-list__item:first-child > .ck-button.ck-rounded-corners { border-radius: var(--ck-border-radius); border-top-left-radius: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .ck.ck-dropdown > .ck-dropdown__panel > .ck-list .ck-list__item:last-child > .ck-button { border-radius: 0; } .ck-rounded-corners .ck.ck-dropdown > .ck-dropdown__panel > .ck-list .ck-list__item:last-child > .ck-button, .ck.ck-dropdown > .ck-dropdown__panel > .ck-list .ck-list__item:last-child > .ck-button.ck-rounded-corners { border-radius: var(--ck-border-radius); border-top-left-radius: 0; border-top-right-radius: 0; } :root { --ck-color-split-button-hover-background: hsl(0, 0%, 92%); --ck-color-split-button-hover-border: hsl(0, 0%, 70%); } [dir=ltr] .ck.ck-splitbutton:hover > .ck-splitbutton__action, [dir=ltr] .ck.ck-splitbutton.ck-splitbutton_open > .ck-splitbutton__action { border-top-right-radius: unset; border-bottom-right-radius: unset; } [dir=rtl] .ck.ck-splitbutton:hover > .ck-splitbutton__action, [dir=rtl] .ck.ck-splitbutton.ck-splitbutton_open > .ck-splitbutton__action { border-top-left-radius: unset; border-bottom-left-radius: unset; } .ck.ck-splitbutton > .ck-splitbutton__arrow { min-width: unset; } [dir=ltr] .ck.ck-splitbutton > .ck-splitbutton__arrow { border-top-left-radius: unset; border-bottom-left-radius: unset; } [dir=rtl] .ck.ck-splitbutton > .ck-splitbutton__arrow { border-top-right-radius: unset; border-bottom-right-radius: unset; } .ck.ck-splitbutton > .ck-splitbutton__arrow svg { width: var(--ck-dropdown-arrow-size); } .ck.ck-splitbutton > .ck-splitbutton__arrow:not(:focus) { border-top-width: 0px; border-bottom-width: 0px; } .ck.ck-splitbutton.ck-splitbutton_open { border-radius: 0; } .ck-rounded-corners .ck.ck-splitbutton.ck-splitbutton_open, .ck.ck-splitbutton.ck-splitbutton_open.ck-rounded-corners { border-radius: var(--ck-border-radius); } .ck-rounded-corners .ck.ck-splitbutton.ck-splitbutton_open > .ck-splitbutton__action, .ck.ck-splitbutton.ck-splitbutton_open.ck-rounded-corners > .ck-splitbutton__action { border-bottom-left-radius: 0; } .ck-rounded-corners .ck.ck-splitbutton.ck-splitbutton_open > .ck-splitbutton__arrow, .ck.ck-splitbutton.ck-splitbutton_open.ck-rounded-corners > .ck-splitbutton__arrow { border-bottom-right-radius: 0; } .ck.ck-splitbutton.ck-splitbutton_open > .ck-button:not(.ck-on):not(.ck-disabled):not(:hover), .ck.ck-splitbutton:hover > .ck-button:not(.ck-on):not(.ck-disabled):not(:hover) { background: var(--ck-color-split-button-hover-background); } .ck.ck-splitbutton.ck-splitbutton_open > .ck-splitbutton__arrow:not(.ck-disabled)::after, .ck.ck-splitbutton:hover > .ck-splitbutton__arrow:not(.ck-disabled)::after { content: ""; position: absolute; width: 1px; height: 100%; background-color: var(--ck-color-split-button-hover-border); } .ck.ck-splitbutton.ck-splitbutton_open > .ck-splitbutton__arrow:focus::after, .ck.ck-splitbutton:hover > .ck-splitbutton__arrow:focus::after { --ck-color-split-button-hover-border: var(--ck-color-focus-border); } [dir=ltr] .ck.ck-splitbutton.ck-splitbutton_open > .ck-splitbutton__arrow:not(.ck-disabled)::after, [dir=ltr] .ck.ck-splitbutton:hover > .ck-splitbutton__arrow:not(.ck-disabled)::after { left: -1px; } [dir=rtl] .ck.ck-splitbutton.ck-splitbutton_open > .ck-splitbutton__arrow:not(.ck-disabled)::after, [dir=rtl] .ck.ck-splitbutton:hover > .ck-splitbutton__arrow:not(.ck-disabled)::after { right: -1px; } .ck.ck-toolbar-dropdown .ck-toolbar { border: 0; } .ck.ck-button.ck-dropdown-menu-list__nested-menu__button { width: 100%; padding: var(--ck-spacing-tiny) calc(2 * var(--ck-spacing-standard)); border-radius: 0; } .ck.ck-button.ck-dropdown-menu-list__nested-menu__button:focus { border-color: transparent; box-shadow: none; } .ck.ck-button.ck-dropdown-menu-list__nested-menu__button:focus:not(.ck-on) { background: var(--ck-color-button-default-hover-background); } .ck.ck-button.ck-dropdown-menu-list__nested-menu__button > .ck-button__label { flex-grow: 1; overflow: hidden; text-overflow: ellipsis; } .ck.ck-button.ck-dropdown-menu-list__nested-menu__button.ck-disabled > .ck-button__label { opacity: var(--ck-disabled-opacity); } .ck.ck-button.ck-dropdown-menu-list__nested-menu__button.ck-icon-spacing:not(:has(.ck-button__icon)) > .ck-button__label { margin-left: calc(var(--ck-icon-size) - var(--ck-spacing-small)); } .ck.ck-button.ck-dropdown-menu-list__nested-menu__button > .ck-dropdown-menu-list__nested-menu__button__arrow { width: var(--ck-dropdown-arrow-size); } [dir=ltr] .ck.ck-button.ck-dropdown-menu-list__nested-menu__button > .ck-dropdown-menu-list__nested-menu__button__arrow { transform: rotate(-90deg); margin-right: calc(-1 * var(--ck-spacing-small)); } [dir=rtl] .ck.ck-button.ck-dropdown-menu-list__nested-menu__button > .ck-dropdown-menu-list__nested-menu__button__arrow { transform: rotate(90deg); margin-left: calc(-1 * var(--ck-spacing-small)); } .ck.ck-button.ck-dropdown-menu-list__nested-menu__button.ck-disabled > .ck-dropdown-menu-list__nested-menu__button__arrow { opacity: var(--ck-disabled-opacity); } [dir=ltr] .ck.ck-button.ck-dropdown-menu-list__nested-menu__button:not(.ck-button_with-text) { padding-left: var(--ck-spacing-small); } [dir=ltr] .ck.ck-button.ck-dropdown-menu-list__nested-menu__button > .ck-dropdown-menu-list__nested-menu__button__arrow { right: var(--ck-spacing-standard); margin-left: var(--ck-spacing-standard); } [dir=rtl] .ck.ck-button.ck-dropdown-menu-list__nested-menu__button:not(.ck-button_with-text) { padding-right: var(--ck-spacing-small); } [dir=rtl] .ck.ck-button.ck-dropdown-menu-list__nested-menu__button > .ck-dropdown-menu-list__nested-menu__button__arrow { left: var(--ck-spacing-standard); margin-right: var(--ck-spacing-small); } :root { --ck-dropdown-menu-menu-item-min-width: 18em; } .ck.ck-dropdown-menu-list__nested-menu__item { min-width: var(--ck-dropdown-menu-menu-item-min-width); } .ck-button.ck-dropdown-menu-list__nested-menu__item__button { border-radius: 0; } .ck-button.ck-dropdown-menu-list__nested-menu__item__button > .ck-spinner-container, .ck-button.ck-dropdown-menu-list__nested-menu__item__button > .ck-spinner-container .ck-spinner { --ck-toolbar-spinner-size: 20px; } .ck-button.ck-dropdown-menu-list__nested-menu__item__button > .ck-spinner-container { margin-left: calc(-1 * var(--ck-spacing-small)); margin-right: var(--ck-spacing-small); } .ck-button.ck-dropdown-menu-list__nested-menu__item__button:focus { border-color: transparent; box-shadow: none; } .ck-button.ck-dropdown-menu-list__nested-menu__item__button:focus:not(.ck-on) { background: var(--ck-color-button-default-hover-background); } :root { --ck-dropdown-menu-menu-panel-max-width: 75vw; } .ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel { box-shadow: var(--ck-drop-shadow), 0 0; background: var(--ck-color-dropdown-panel-background); border: 1px solid var(--ck-color-dropdown-panel-border); bottom: 0; height: fit-content; max-width: var(--ck-dropdown-menu-menu-panel-max-width); } .ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel::after, .ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel::before { display: none; } .ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel.ck-balloon-panel_es, .ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel.ck-balloon-panel_se { border-top-left-radius: 0; } .ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel.ck-balloon-panel_ws, .ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel.ck-balloon-panel_sw { border-top-right-radius: 0; } .ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel.ck-balloon-panel_en, .ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel.ck-balloon-panel_ne { border-bottom-left-radius: 0; } .ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel.ck-balloon-panel_wn, .ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel.ck-balloon-panel_nw { border-bottom-right-radius: 0; } .ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel:focus { outline: none; } :root { --ck-accessibility-help-dialog-max-width: 600px; --ck-accessibility-help-dialog-max-height: 400px; --ck-accessibility-help-dialog-border-color: hsl(220, 6%, 81%); --ck-accessibility-help-dialog-code-background-color: hsl(0deg 0% 92.94%); --ck-accessibility-help-dialog-kbd-shadow-color: hsl(0deg 0% 61%); } .ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content { padding: var(--ck-spacing-large); max-width: var(--ck-accessibility-help-dialog-max-width); max-height: var(--ck-accessibility-help-dialog-max-height); overflow: auto; -webkit-user-select: text; -moz-user-select: text; user-select: text; border: 1px solid transparent; } .ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content:focus { outline: none; border: var(--ck-focus-ring); box-shadow: var(--ck-focus-outer-shadow), 0 0; } .ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content * { white-space: normal; } .ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content .ck-label { display: none; } .ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content h3 { font-weight: bold; font-size: 1.2em; } .ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content h4 { font-weight: bold; font-size: 1em; } .ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content p, .ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content h3, .ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content h4, .ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content table { margin: 1em 0; } .ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content dl { display: grid; grid-template-columns: 2fr 1fr; border-top: 1px solid var(--ck-accessibility-help-dialog-border-color); border-bottom: none; } .ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content dl dt, .ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content dl dd { border-bottom: 1px solid var(--ck-accessibility-help-dialog-border-color); padding: .4em 0; } .ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content dl dt { grid-column-start: 1; } .ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content dl dd { grid-column-start: 2; text-align: right; } .ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content kbd, .ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content code { display: inline-block; background: var(--ck-accessibility-help-dialog-code-background-color); padding: .4em; vertical-align: middle; line-height: 1; border-radius: 2px; text-align: center; font-size: .9em; } .ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content code { font-family: monospace; } .ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content kbd { min-width: 1.8em; box-shadow: 0px 1px 1px var(--ck-accessibility-help-dialog-kbd-shadow-color); margin: 0 1px; } .ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content kbd + kbd { margin-left: 2px; } :root { --ck-color-editable-blur-selection: hsl(0, 0%, 85%); } .ck.ck-editor__editable:not(.ck-editor__nested-editable) { border-radius: 0; } .ck-rounded-corners .ck.ck-editor__editable:not(.ck-editor__nested-editable), .ck.ck-editor__editable.ck-rounded-corners:not(.ck-editor__nested-editable) { border-radius: var(--ck-border-radius); } .ck.ck-editor__editable.ck-focused:not(.ck-editor__nested-editable) { outline: none; border: var(--ck-focus-ring); box-shadow: var(--ck-inner-shadow), 0 0; } .ck.ck-editor__editable_inline { overflow: auto; padding: 0 var(--ck-spacing-standard); border: 1px solid transparent; } .ck.ck-editor__editable_inline[dir=ltr] { text-align: left; } .ck.ck-editor__editable_inline[dir=rtl] { text-align: right; } .ck.ck-editor__editable_inline > *:first-child { margin-top: var(--ck-spacing-large); } .ck.ck-editor__editable_inline > *:last-child { margin-bottom: var(--ck-spacing-large); } .ck.ck-editor__editable_inline.ck-blurred ::selection { background: var(--ck-color-editable-blur-selection); } .ck.ck-balloon-panel.ck-toolbar-container[class*=arrow_n]::after { border-bottom-color: var(--ck-color-panel-background); } .ck.ck-balloon-panel.ck-toolbar-container[class*=arrow_s]::after { border-top-color: var(--ck-color-panel-background); } :root { --ck-form-header-height: 44px; } .ck.ck-form__header { padding: var(--ck-spacing-small) var(--ck-spacing-large); height: var(--ck-form-header-height); line-height: var(--ck-form-header-height); border-bottom: 1px solid var(--ck-color-base-border); } [dir=ltr] .ck.ck-form__header > .ck-icon { margin-right: var(--ck-spacing-medium); } [dir=rtl] .ck.ck-form__header > .ck-icon { margin-left: var(--ck-spacing-medium); } .ck.ck-form__header .ck-form__header__label { --ck-font-size-base: 15px; font-weight: bold; } :root { --ck-icon-size: calc(var(--ck-line-height-base) * var(--ck-font-size-normal)); --ck-icon-font-size: .8333350694em; } .ck.ck-icon { width: var(--ck-icon-size); height: var(--ck-icon-size); font-size: var(--ck-icon-font-size); cursor: inherit; will-change: transform; } .ck.ck-icon * { cursor: inherit; } .ck.ck-icon.ck-icon_inherit-color { color: inherit; } .ck.ck-icon.ck-icon_inherit-color * { color: inherit; } .ck.ck-icon.ck-icon_inherit-color *:not([fill]) { fill: currentColor; } :root { --ck-input-width: 18em; --ck-input-text-width: var(--ck-input-width); } .ck.ck-input { border-radius: 0; background: var(--ck-color-input-background); border: 1px solid var(--ck-color-input-border); padding: var(--ck-spacing-extra-tiny) var(--ck-spacing-medium); min-width: var(--ck-input-width); min-height: var(--ck-ui-component-min-height); transition: box-shadow .1s ease-in-out, border .1s ease-in-out; } .ck-rounded-corners .ck.ck-input, .ck.ck-input.ck-rounded-corners { border-radius: var(--ck-border-radius); } @media (prefers-reduced-motion: reduce) { .ck.ck-input { transition: none; } } .ck.ck-input:focus { outline: none; border: var(--ck-focus-ring); box-shadow: var(--ck-focus-outer-shadow), 0 0; } .ck.ck-input[readonly] { border: 1px solid var(--ck-color-input-disabled-border); background: var(--ck-color-input-disabled-background); color: var(--ck-color-input-disabled-text); } .ck.ck-input[readonly]:focus { box-shadow: var(--ck-focus-disabled-outer-shadow), 0 0; } .ck.ck-input.ck-error { border-color: var(--ck-color-input-error-border); animation: ck-input-shake .3s ease both; } @media (prefers-reduced-motion: reduce) { .ck.ck-input.ck-error { animation: none; } } .ck.ck-input.ck-error:focus { box-shadow: var(--ck-focus-error-outer-shadow), 0 0; } @keyframes ck-input-shake { 20% { transform: translateX(-2px); } 40% { transform: translateX(2px); } 60% { transform: translateX(-1px); } 80% { transform: translateX(1px); } } .ck.ck-label { font-weight: bold; } :root { --ck-labeled-field-view-transition: .1s cubic-bezier(0, 0, 0.24, 0.95); --ck-labeled-field-empty-unfocused-max-width: 100% - 2 * var(--ck-spacing-medium); --ck-labeled-field-label-default-position-x: var(--ck-spacing-medium); --ck-labeled-field-label-default-position-y: calc(0.6 * var(--ck-font-size-base)); --ck-color-labeled-field-label-background: var(--ck-color-base-background); } .ck.ck-labeled-field-view { border-radius: 0; } .ck-rounded-corners .ck.ck-labeled-field-view, .ck.ck-labeled-field-view.ck-rounded-corners { border-radius: var(--ck-border-radius); } .ck.ck-labeled-field-view > .ck.ck-labeled-field-view__input-wrapper { width: 100%; } .ck.ck-labeled-field-view > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label { top: 0px; pointer-events: none; background: var(--ck-color-labeled-field-label-background); padding: 0 calc(.5 * var(--ck-font-size-tiny)); line-height: initial; font-weight: normal; text-overflow: ellipsis; overflow: hidden; max-width: 100%; transition: transform var(--ck-labeled-field-view-transition), padding var(--ck-labeled-field-view-transition), background var(--ck-labeled-field-view-transition); } [dir=ltr] .ck.ck-labeled-field-view > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label { left: 0px; transform-origin: 0 0; transform: translate(var(--ck-spacing-medium), -6px) scale(.75); } [dir=rtl] .ck.ck-labeled-field-view > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label { right: 0px; transform-origin: 100% 0; transform: translate(calc(-1 * var(--ck-spacing-medium)), -6px) scale(.75); } @media (prefers-reduced-motion: reduce) { .ck.ck-labeled-field-view > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label { transition: none; } } .ck.ck-labeled-field-view.ck-error > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label { color: var(--ck-color-base-error); } .ck.ck-labeled-field-view.ck-error .ck-input:not([readonly]) + .ck.ck-label { color: var(--ck-color-base-error); } .ck.ck-labeled-field-view .ck-labeled-field-view__status { font-size: var(--ck-font-size-small); margin-top: var(--ck-spacing-small); white-space: normal; } .ck.ck-labeled-field-view .ck-labeled-field-view__status.ck-labeled-field-view__status_error { color: var(--ck-color-base-error); } .ck.ck-labeled-field-view.ck-disabled > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label, .ck.ck-labeled-field-view.ck-labeled-field-view_empty:not(.ck-labeled-field-view_focused) > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label { color: var(--ck-color-input-disabled-text); } .ck.ck-labeled-field-view.ck-disabled.ck-labeled-field-view_empty:not(.ck-labeled-field-view_placeholder) > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label, .ck.ck-labeled-field-view.ck-labeled-field-view_empty:not(.ck-labeled-field-view_focused):not(.ck-labeled-field-view_placeholder):not(.ck-error) > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label { max-width: calc(var(--ck-labeled-field-empty-unfocused-max-width)); background: transparent; padding: 0; } [dir=ltr] .ck.ck-labeled-field-view.ck-disabled.ck-labeled-field-view_empty:not(.ck-labeled-field-view_placeholder) > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label, [dir=ltr] .ck.ck-labeled-field-view.ck-labeled-field-view_empty:not(.ck-labeled-field-view_focused):not(.ck-labeled-field-view_placeholder):not(.ck-error) > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label { transform: translate(var(--ck-labeled-field-label-default-position-x), var(--ck-labeled-field-label-default-position-y)) scale(1); } [dir=rtl] .ck.ck-labeled-field-view.ck-disabled.ck-labeled-field-view_empty:not(.ck-labeled-field-view_placeholder) > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label, [dir=rtl] .ck.ck-labeled-field-view.ck-labeled-field-view_empty:not(.ck-labeled-field-view_focused):not(.ck-labeled-field-view_placeholder):not(.ck-error) > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label { transform: translate(calc(-1 * var(--ck-labeled-field-label-default-position-x)), var(--ck-labeled-field-label-default-position-y)) scale(1); } .ck.ck-labeled-field-view > .ck.ck-labeled-field-view__input-wrapper > .ck-dropdown > .ck.ck-button { background: transparent; } .ck.ck-labeled-field-view.ck-labeled-field-view_empty > .ck.ck-labeled-field-view__input-wrapper > .ck-dropdown > .ck-button > .ck-button__label { opacity: 0; } .ck.ck-labeled-field-view.ck-labeled-field-view_empty:not(.ck-labeled-field-view_focused):not(.ck-labeled-field-view_placeholder) > .ck.ck-labeled-field-view__input-wrapper > .ck-dropdown + .ck-label { max-width: calc(var(--ck-labeled-field-empty-unfocused-max-width) - var(--ck-dropdown-arrow-size) - var(--ck-spacing-standard)); } .ck.ck-labeled-input .ck-labeled-input__status { font-size: var(--ck-font-size-small); margin-top: var(--ck-spacing-small); white-space: normal; } .ck.ck-labeled-input .ck-labeled-input__status_error { color: var(--ck-color-base-error); } .ck.ck-list { border-radius: 0; list-style-type: none; background: var(--ck-color-list-background); padding: var(--ck-spacing-small) 0; } .ck-rounded-corners .ck.ck-list, .ck.ck-list.ck-rounded-corners { border-radius: var(--ck-border-radius); } .ck.ck-list__item { cursor: default; min-width: 15em; } .ck.ck-list__item > .ck-button:not(.ck-list-item-button) { padding: var(--ck-spacing-tiny) calc(2 * var(--ck-spacing-standard)); min-height: unset; width: 100%; border-radius: 0; } [dir=ltr] .ck.ck-list__item > .ck-button:not(.ck-list-item-button) { text-align: left; } [dir=rtl] .ck.ck-list__item > .ck-button:not(.ck-list-item-button) { text-align: right; } .ck.ck-list__item > .ck-button:not(.ck-list-item-button) .ck-button__label { line-height: calc(var(--ck-line-height-base) * var(--ck-font-size-base)); } .ck.ck-list__item > .ck-button:not(.ck-list-item-button):active { box-shadow: none; } .ck.ck-list__item > .ck-button.ck-on:not(.ck-list-item-button) { background: var(--ck-color-list-button-on-background); color: var(--ck-color-list-button-on-text); } .ck.ck-list__item > .ck-button.ck-on:not(.ck-list-item-button):active { box-shadow: none; } .ck.ck-list__item > .ck-button.ck-on:not(.ck-list-item-button):hover:not(.ck-disabled) { background: var(--ck-color-list-button-on-background-focus); } .ck.ck-list__item > .ck-button.ck-on:not(.ck-list-item-button):focus:not(.ck-disabled) { border-color: var(--ck-color-base-background); } .ck.ck-list__item > .ck-button:not(.ck-list-item-button):hover:not(.ck-disabled) { background: var(--ck-color-list-button-hover-background); } .ck.ck-list__item > .ck-button.ck-switchbutton.ck-on { background: var(--ck-color-list-background); color: inherit; } .ck.ck-list__item > .ck-button.ck-switchbutton.ck-on:hover:not(.ck-disabled) { background: var(--ck-color-list-button-hover-background); color: inherit; } .ck-list .ck-list__group { padding-top: var(--ck-spacing-medium); } .ck-list .ck-list__group:first-child { padding-top: 0; } *:not(.ck-hidden) ~ .ck-list .ck-list__group { border-top: 1px solid var(--ck-color-base-border); } .ck-list .ck-list__group > .ck-label { font-size: 11px; font-weight: bold; padding: var(--ck-spacing-medium) var(--ck-spacing-large) 0; } .ck.ck-list__separator { height: 1px; width: 100%; background: var(--ck-color-base-border); margin: var(--ck-spacing-small) 0; } .ck.ck-menu-bar { display: flex; flex-wrap: wrap; justify-content: flex-start; background: var(--ck-color-base-background); padding: var(--ck-spacing-small); gap: var(--ck-spacing-small); border: 1px solid var(--ck-color-toolbar-border); width: 100%; } .ck.ck-menu-bar__menu { font-size: inherit; } .ck.ck-menu-bar__menu.ck-menu-bar__menu_top-level { max-width: 100%; } .ck.ck-menu-bar__menu > .ck-menu-bar__menu__button { width: 100%; } .ck.ck-menu-bar__menu > .ck-menu-bar__menu__button > .ck-button__label { flex-grow: 1; overflow: hidden; text-overflow: ellipsis; } .ck.ck-menu-bar__menu > .ck-menu-bar__menu__button.ck-disabled > .ck-button__label { opacity: var(--ck-disabled-opacity); } [dir=ltr] .ck.ck-menu-bar__menu > .ck-menu-bar__menu__button:not(.ck-button_with-text) { padding-left: var(--ck-spacing-small); } [dir=rtl] .ck.ck-menu-bar__menu > .ck-menu-bar__menu__button:not(.ck-button_with-text) { padding-right: var(--ck-spacing-small); } .ck.ck-menu-bar__menu.ck-menu-bar__menu_top-level > .ck-menu-bar__menu__button { padding: var(--ck-spacing-small) var(--ck-spacing-medium); min-height: unset; } .ck.ck-menu-bar__menu.ck-menu-bar__menu_top-level > .ck-menu-bar__menu__button .ck-button__label { width: unset; line-height: unset; } .ck.ck-menu-bar__menu.ck-menu-bar__menu_top-level > .ck-menu-bar__menu__button.ck-on { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .ck.ck-menu-bar__menu.ck-menu-bar__menu_top-level > .ck-menu-bar__menu__button .ck-icon { display: none; } .ck.ck-menu-bar__menu:not(.ck-menu-bar__menu_top-level) .ck-menu-bar__menu__button { border-radius: 0; } .ck.ck-menu-bar__menu:not(.ck-menu-bar__menu_top-level) .ck-menu-bar__menu__button > .ck-menu-bar__menu__button__arrow { width: var(--ck-dropdown-arrow-size); } [dir=ltr] .ck.ck-menu-bar__menu:not(.ck-menu-bar__menu_top-level) .ck-menu-bar__menu__button > .ck-menu-bar__menu__button__arrow { transform: rotate(-90deg); margin-left: var(--ck-spacing-standard); margin-right: calc(-1 * var(--ck-spacing-small)); } [dir=rtl] .ck.ck-menu-bar__menu:not(.ck-menu-bar__menu_top-level) .ck-menu-bar__menu__button > .ck-menu-bar__menu__button__arrow { transform: rotate(90deg); left: var(--ck-spacing-standard); margin-right: var(--ck-spacing-small); margin-left: calc(-1 * var(--ck-spacing-small)); } .ck.ck-menu-bar__menu:not(.ck-menu-bar__menu_top-level) .ck-menu-bar__menu__button.ck-disabled > .ck-menu-bar__menu__button__arrow { opacity: var(--ck-disabled-opacity); } :root { --ck-menu-bar-menu-item-min-width: 18em; } .ck.ck-menu-bar__menu .ck.ck-menu-bar__menu__item { min-width: var(--ck-menu-bar-menu-item-min-width); } .ck.ck-menu-bar__menu .ck-button.ck-menu-bar__menu__item__button { border-radius: 0; } .ck.ck-menu-bar__menu .ck-button.ck-menu-bar__menu__item__button > .ck-spinner-container, .ck.ck-menu-bar__menu .ck-button.ck-menu-bar__menu__item__button > .ck-spinner-container .ck-spinner { --ck-toolbar-spinner-size: 20px; } .ck.ck-menu-bar__menu .ck-button.ck-menu-bar__menu__item__button > .ck-spinner-container { font-size: var(--ck-icon-font-size); } [dir=ltr] .ck.ck-menu-bar__menu .ck-button.ck-menu-bar__menu__item__button > .ck-spinner-container { margin-right: var(--ck-spacing-medium); } [dir=rtl] .ck.ck-menu-bar__menu .ck-button.ck-menu-bar__menu__item__button > .ck-spinner-container { margin-left: var(--ck-spacing-medium); } :root { --ck-menu-bar-menu-panel-max-width: 75vw; } .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel { border-radius: 0; background: var(--ck-color-dropdown-panel-background); border: 1px solid var(--ck-color-dropdown-panel-border); bottom: 0; height: fit-content; max-width: var(--ck-menu-bar-menu-panel-max-width); } .ck-rounded-corners .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel, .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-rounded-corners { border-radius: var(--ck-border-radius); } .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel { box-shadow: var(--ck-drop-shadow), 0 0; } .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_es, .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_se { border-top-left-radius: 0; } .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_ws, .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_sw { border-top-right-radius: 0; } .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_en, .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_ne { border-bottom-left-radius: 0; } .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_wn, .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_nw { border-bottom-right-radius: 0; } .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel:focus { outline: none; } .ck.ck-menu-bar .ck-list-item-button:focus, .ck.ck-menu-bar .ck-list-item-button:active { border-color: transparent; box-shadow: none; } .ck.ck-menu-bar.ck-menu-bar_focus-border-enabled .ck-list-item-button:focus, .ck.ck-menu-bar.ck-menu-bar_focus-border-enabled .ck-list-item-button:active { position: relative; z-index: 2; outline: none; border: var(--ck-focus-ring); box-shadow: var(--ck-focus-outer-shadow), 0 0; } :root { --ck-balloon-border-width: 1px; --ck-balloon-arrow-offset: 2px; --ck-balloon-arrow-height: 10px; --ck-balloon-arrow-half-width: 8px; --ck-balloon-arrow-drop-shadow: 0 2px 2px var(--ck-color-shadow-drop); } .ck.ck-balloon-panel { border-radius: 0; min-height: 15px; background: var(--ck-color-panel-background); border: var(--ck-balloon-border-width) solid var(--ck-color-panel-border); } .ck-rounded-corners .ck.ck-balloon-panel, .ck.ck-balloon-panel.ck-rounded-corners { border-radius: var(--ck-border-radius); } .ck.ck-balloon-panel { box-shadow: var(--ck-drop-shadow), 0 0; } .ck.ck-balloon-panel.ck-balloon-panel_with-arrow::before, .ck.ck-balloon-panel.ck-balloon-panel_with-arrow::after { width: 0; height: 0; border-style: solid; } .ck.ck-balloon-panel[class*=arrow_n]::before, .ck.ck-balloon-panel[class*=arrow_n]::after { border-width: 0 var(--ck-balloon-arrow-half-width) var(--ck-balloon-arrow-height) var(--ck-balloon-arrow-half-width); } .ck.ck-balloon-panel[class*=arrow_n]::before { border-color: transparent transparent var(--ck-color-panel-border) transparent; margin-top: calc(-1 * var(--ck-balloon-border-width)); } .ck.ck-balloon-panel[class*=arrow_n]::after { border-color: transparent transparent var(--ck-color-panel-background) transparent; margin-top: calc(var(--ck-balloon-arrow-offset) - var(--ck-balloon-border-width)); } .ck.ck-balloon-panel[class*=arrow_s]::before, .ck.ck-balloon-panel[class*=arrow_s]::after { border-width: var(--ck-balloon-arrow-height) var(--ck-balloon-arrow-half-width) 0 var(--ck-balloon-arrow-half-width); } .ck.ck-balloon-panel[class*=arrow_s]::before { border-color: var(--ck-color-panel-border) transparent transparent; filter: drop-shadow(var(--ck-balloon-arrow-drop-shadow)); margin-bottom: calc(-1 * var(--ck-balloon-border-width)); } .ck.ck-balloon-panel[class*=arrow_s]::after { border-color: var(--ck-color-panel-background) transparent transparent transparent; margin-bottom: calc(var(--ck-balloon-arrow-offset) - var(--ck-balloon-border-width)); } .ck.ck-balloon-panel[class*=arrow_e]::before, .ck.ck-balloon-panel[class*=arrow_e]::after { border-width: var(--ck-balloon-arrow-half-width) 0 var(--ck-balloon-arrow-half-width) var(--ck-balloon-arrow-height); } .ck.ck-balloon-panel[class*=arrow_e]::before { border-color: transparent transparent transparent var(--ck-color-panel-border); margin-right: calc(-1 * var(--ck-balloon-border-width)); } .ck.ck-balloon-panel[class*=arrow_e]::after { border-color: transparent transparent transparent var(--ck-color-panel-background); margin-right: calc(var(--ck-balloon-arrow-offset) - var(--ck-balloon-border-width)); } .ck.ck-balloon-panel[class*=arrow_w]::before, .ck.ck-balloon-panel[class*=arrow_w]::after { border-width: var(--ck-balloon-arrow-half-width) var(--ck-balloon-arrow-height) var(--ck-balloon-arrow-half-width) 0; } .ck.ck-balloon-panel[class*=arrow_w]::before { border-color: transparent var(--ck-color-panel-border) transparent transparent; margin-left: calc(-1 * var(--ck-balloon-border-width)); } .ck.ck-balloon-panel[class*=arrow_w]::after { border-color: transparent var(--ck-color-panel-background) transparent transparent; margin-left: calc(var(--ck-balloon-arrow-offset) - var(--ck-balloon-border-width)); } .ck.ck-balloon-panel.ck-balloon-panel_arrow_n::before, .ck.ck-balloon-panel.ck-balloon-panel_arrow_n::after { left: 50%; margin-left: calc(-1 * var(--ck-balloon-arrow-half-width)); top: calc(-1 * var(--ck-balloon-arrow-height)); } .ck.ck-balloon-panel.ck-balloon-panel_arrow_nw::before, .ck.ck-balloon-panel.ck-balloon-panel_arrow_nw::after { left: calc(2 * var(--ck-balloon-arrow-half-width)); top: calc(-1 * var(--ck-balloon-arrow-height)); } .ck.ck-balloon-panel.ck-balloon-panel_arrow_ne::before, .ck.ck-balloon-panel.ck-balloon-panel_arrow_ne::after { right: calc(2 * var(--ck-balloon-arrow-half-width)); top: calc(-1 * var(--ck-balloon-arrow-height)); } .ck.ck-balloon-panel.ck-balloon-panel_arrow_s::before, .ck.ck-balloon-panel.ck-balloon-panel_arrow_s::after { left: 50%; margin-left: calc(-1 * var(--ck-balloon-arrow-half-width)); bottom: calc(-1 * var(--ck-balloon-arrow-height)); } .ck.ck-balloon-panel.ck-balloon-panel_arrow_sw::before, .ck.ck-balloon-panel.ck-balloon-panel_arrow_sw::after { left: calc(2 * var(--ck-balloon-arrow-half-width)); bottom: calc(-1 * var(--ck-balloon-arrow-height)); } .ck.ck-balloon-panel.ck-balloon-panel_arrow_se::before, .ck.ck-balloon-panel.ck-balloon-panel_arrow_se::after { right: calc(2 * var(--ck-balloon-arrow-half-width)); bottom: calc(-1 * var(--ck-balloon-arrow-height)); } .ck.ck-balloon-panel.ck-balloon-panel_arrow_sme::before, .ck.ck-balloon-panel.ck-balloon-panel_arrow_sme::after { right: 25%; margin-right: calc(2 * var(--ck-balloon-arrow-half-width)); bottom: calc(-1 * var(--ck-balloon-arrow-height)); } .ck.ck-balloon-panel.ck-balloon-panel_arrow_smw::before, .ck.ck-balloon-panel.ck-balloon-panel_arrow_smw::after { left: 25%; margin-left: calc(2 * var(--ck-balloon-arrow-half-width)); bottom: calc(-1 * var(--ck-balloon-arrow-height)); } .ck.ck-balloon-panel.ck-balloon-panel_arrow_nme::before, .ck.ck-balloon-panel.ck-balloon-panel_arrow_nme::after { right: 25%; margin-right: calc(2 * var(--ck-balloon-arrow-half-width)); top: calc(-1 * var(--ck-balloon-arrow-height)); } .ck.ck-balloon-panel.ck-balloon-panel_arrow_nmw::before, .ck.ck-balloon-panel.ck-balloon-panel_arrow_nmw::after { left: 25%; margin-left: calc(2 * var(--ck-balloon-arrow-half-width)); top: calc(-1 * var(--ck-balloon-arrow-height)); } .ck.ck-balloon-panel.ck-balloon-panel_arrow_e::before, .ck.ck-balloon-panel.ck-balloon-panel_arrow_e::after { right: calc(-1 * var(--ck-balloon-arrow-height)); margin-top: calc(-1 * var(--ck-balloon-arrow-half-width)); top: 50%; } .ck.ck-balloon-panel.ck-balloon-panel_arrow_w::before, .ck.ck-balloon-panel.ck-balloon-panel_arrow_w::after { left: calc(-1 * var(--ck-balloon-arrow-height)); margin-top: calc(-1 * var(--ck-balloon-arrow-half-width)); top: 50%; } .ck .ck-balloon-rotator__navigation { background: var(--ck-color-toolbar-background); border-bottom: 1px solid var(--ck-color-toolbar-border); padding: 0 var(--ck-spacing-small); } .ck .ck-balloon-rotator__navigation > * { margin-right: var(--ck-spacing-small); margin-top: var(--ck-spacing-small); margin-bottom: var(--ck-spacing-small); } .ck .ck-balloon-rotator__navigation .ck-balloon-rotator__counter { margin-right: var(--ck-spacing-standard); margin-left: var(--ck-spacing-small); } .ck .ck-balloon-rotator__content .ck.ck-annotation-wrapper { box-shadow: none; } :root { --ck-balloon-fake-panel-offset-horizontal: 6px; --ck-balloon-fake-panel-offset-vertical: 6px; } .ck .ck-fake-panel div { box-shadow: var(--ck-drop-shadow), 0 0; min-height: 15px; background: var(--ck-color-panel-background); border: 1px solid var(--ck-color-panel-border); border-radius: var(--ck-border-radius); width: 100%; height: 100%; } .ck .ck-fake-panel div:nth-child(1) { margin-left: var(--ck-balloon-fake-panel-offset-horizontal); margin-top: var(--ck-balloon-fake-panel-offset-vertical); } .ck .ck-fake-panel div:nth-child(2) { margin-left: calc(var(--ck-balloon-fake-panel-offset-horizontal) * 2); margin-top: calc(var(--ck-balloon-fake-panel-offset-vertical) * 2); } .ck .ck-fake-panel div:nth-child(3) { margin-left: calc(var(--ck-balloon-fake-panel-offset-horizontal) * 3); margin-top: calc(var(--ck-balloon-fake-panel-offset-vertical) * 3); } .ck .ck-balloon-panel_arrow_s + .ck-fake-panel, .ck .ck-balloon-panel_arrow_se + .ck-fake-panel, .ck .ck-balloon-panel_arrow_sw + .ck-fake-panel { --ck-balloon-fake-panel-offset-vertical: -6px; } .ck.ck-sticky-panel .ck-sticky-panel__content_sticky { box-shadow: var(--ck-drop-shadow), 0 0; border-width: 0 1px 1px; border-top-left-radius: 0; border-top-right-radius: 0; } .ck-vertical-form > .ck-button:nth-last-child(2)::after { border-right: 1px solid var(--ck-color-base-border); } .ck.ck-responsive-form { padding: var(--ck-spacing-large); } .ck.ck-responsive-form:focus { outline: none; } [dir=ltr] .ck.ck-responsive-form > :not(:first-child) { margin-left: var(--ck-spacing-standard); } [dir=rtl] .ck.ck-responsive-form > :not(:last-child) { margin-left: var(--ck-spacing-standard); } @media screen and (max-width: 600px) { .ck.ck-responsive-form { padding: 0; width: calc(.8 * var(--ck-input-width)); } .ck.ck-responsive-form .ck-labeled-field-view { margin: var(--ck-spacing-large) var(--ck-spacing-large) 0; } .ck.ck-responsive-form .ck-labeled-field-view .ck-input-text, .ck.ck-responsive-form .ck-labeled-field-view .ck-input-number { min-width: 0; width: 100%; } .ck.ck-responsive-form .ck-labeled-field-view .ck-labeled-field-view__error { white-space: normal; } .ck.ck-responsive-form > .ck-button:nth-last-child(2)::after { border-right: 1px solid var(--ck-color-base-border); } .ck.ck-responsive-form > .ck-button:nth-last-child(1), .ck.ck-responsive-form > .ck-button:nth-last-child(2) { padding: var(--ck-spacing-standard); margin-top: var(--ck-spacing-large); border-radius: 0; } .ck.ck-responsive-form > .ck-button:nth-last-child(1):not(:focus), .ck.ck-responsive-form > .ck-button:nth-last-child(2):not(:focus) { border-top: 1px solid var(--ck-color-base-border); } [dir=ltr] .ck.ck-responsive-form > .ck-button:nth-last-child(1), [dir=ltr] .ck.ck-responsive-form > .ck-button:nth-last-child(2) { margin-left: 0; } [dir=rtl] .ck.ck-responsive-form > .ck-button:nth-last-child(1), [dir=rtl] .ck.ck-responsive-form > .ck-button:nth-last-child(2) { margin-left: 0; } [dir=rtl] .ck.ck-responsive-form > .ck-button:nth-last-child(1):last-of-type, [dir=rtl] .ck.ck-responsive-form > .ck-button:nth-last-child(2):last-of-type { border-right: 1px solid var(--ck-color-base-border); } } :root { --ck-search-field-view-horizontal-spacing: calc(var(--ck-icon-size) + var(--ck-spacing-medium)); } .ck.ck-search > .ck-labeled-field-view .ck-input { width: 100%; } .ck.ck-search > .ck-labeled-field-view.ck-search__query_with-icon { --ck-labeled-field-label-default-position-x: var(--ck-search-field-view-horizontal-spacing); } .ck.ck-search > .ck-labeled-field-view.ck-search__query_with-icon > .ck-labeled-field-view__input-wrapper > .ck-icon { opacity: .5; pointer-events: none; } .ck.ck-search > .ck-labeled-field-view.ck-search__query_with-icon .ck-input { width: 100%; } [dir=ltr] .ck.ck-search > .ck-labeled-field-view.ck-search__query_with-icon .ck-input { padding-left: var(--ck-search-field-view-horizontal-spacing); } [dir=rtl] .ck.ck-search > .ck-labeled-field-view.ck-search__query_with-icon .ck-input:not(.ck-input-text_empty) { padding-left: var(--ck-search-field-view-horizontal-spacing); } .ck.ck-search > .ck-labeled-field-view.ck-search__query_with-reset { --ck-labeled-field-empty-unfocused-max-width: 100% - 2 * var(--ck-search-field-view-horizontal-spacing); } .ck.ck-search > .ck-labeled-field-view.ck-search__query_with-reset.ck-labeled-field-view_empty { --ck-labeled-field-empty-unfocused-max-width: 100% - var(--ck-search-field-view-horizontal-spacing) - var(--ck-spacing-medium); } .ck.ck-search > .ck-labeled-field-view.ck-search__query_with-reset .ck-search__reset { min-width: auto; min-height: auto; background: none; opacity: .5; padding: 0; } [dir=ltr] .ck.ck-search > .ck-labeled-field-view.ck-search__query_with-reset .ck-search__reset { right: var(--ck-spacing-medium); } [dir=rtl] .ck.ck-search > .ck-labeled-field-view.ck-search__query_with-reset .ck-search__reset { left: var(--ck-spacing-medium); } .ck.ck-search > .ck-labeled-field-view.ck-search__query_with-reset .ck-search__reset:hover { opacity: 1; } .ck.ck-search > .ck-labeled-field-view.ck-search__query_with-reset .ck-input { width: 100%; } [dir=ltr] .ck.ck-search > .ck-labeled-field-view.ck-search__query_with-reset .ck-input:not(.ck-input-text_empty) { padding-right: var(--ck-search-field-view-horizontal-spacing); } [dir=rtl] .ck.ck-search > .ck-labeled-field-view.ck-search__query_with-reset .ck-input { padding-right: var(--ck-search-field-view-horizontal-spacing); } .ck.ck-search > .ck-search__results { min-width: 100%; } .ck.ck-search > .ck-search__results > .ck-search__info { width: 100%; padding: var(--ck-spacing-medium) var(--ck-spacing-large); } .ck.ck-search > .ck-search__results > .ck-search__info * { white-space: normal; } .ck.ck-search > .ck-search__results > .ck-search__info > span:first-child { font-weight: bold; } .ck.ck-search > .ck-search__results > .ck-search__info > span:last-child { margin-top: var(--ck-spacing-medium); } :root { --ck-toolbar-spinner-size: 18px; } .ck.ck-spinner-container { width: var(--ck-toolbar-spinner-size); height: var(--ck-toolbar-spinner-size); animation: 1.5s infinite ck-spinner-rotate linear; } @media (prefers-reduced-motion: reduce) { .ck.ck-spinner-container { animation-duration: 3s; } } .ck.ck-spinner { width: var(--ck-toolbar-spinner-size); height: var(--ck-toolbar-spinner-size); border-radius: 50%; border: 2px solid var(--ck-color-text); border-top-color: transparent; } @keyframes ck-spinner-rotate { to { transform: rotate(360deg); } } .ck-textarea { overflow-x: hidden; } :root { --ck-color-block-toolbar-button: var(--ck-color-text); --ck-block-toolbar-button-size: var(--ck-font-size-normal); } .ck.ck-block-toolbar-button { color: var(--ck-color-block-toolbar-button); font-size: var(--ck-block-toolbar-size); } .ck.ck-toolbar { border-radius: 0; background: var(--ck-color-toolbar-background); padding: 0 var(--ck-spacing-small); border: 1px solid var(--ck-color-toolbar-border); } .ck-rounded-corners .ck.ck-toolbar, .ck.ck-toolbar.ck-rounded-corners { border-radius: var(--ck-border-radius); } .ck.ck-toolbar .ck.ck-toolbar__separator { height: var(--ck-icon-size); width: 1px; min-width: 1px; background: var(--ck-color-toolbar-border); margin-top: var(--ck-spacing-small); margin-bottom: var(--ck-spacing-small); } .ck.ck-toolbar .ck-toolbar__line-break { height: 0; } .ck.ck-toolbar > .ck-toolbar__items > *:not(.ck-toolbar__line-break) { margin-right: var(--ck-spacing-small); } .ck.ck-toolbar > .ck-toolbar__items:empty + .ck.ck-toolbar__separator { display: none; } .ck.ck-toolbar > .ck-toolbar__items > *:not(.ck-toolbar__line-break), .ck.ck-toolbar > .ck.ck-toolbar__grouped-dropdown { margin-top: var(--ck-spacing-small); margin-bottom: var(--ck-spacing-small); } .ck.ck-toolbar.ck-toolbar_vertical { padding: 0; } .ck.ck-toolbar.ck-toolbar_vertical > .ck-toolbar__items > .ck { width: 100%; margin: 0; border-radius: 0; } .ck.ck-toolbar.ck-toolbar_compact { padding: 0; } .ck.ck-toolbar.ck-toolbar_compact > .ck-toolbar__items > * { margin: 0; } .ck.ck-toolbar.ck-toolbar_compact > .ck-toolbar__items > *:not(:first-child):not(:last-child) { border-radius: 0; } .ck.ck-toolbar > .ck.ck-toolbar__grouped-dropdown > .ck.ck-button.ck-dropdown__button { padding-left: var(--ck-spacing-tiny); } .ck.ck-toolbar .ck-toolbar__nested-toolbar-dropdown > .ck-dropdown__panel { min-width: auto; } .ck.ck-toolbar .ck-toolbar__nested-toolbar-dropdown > .ck-button > .ck-button__label { max-width: 7em; width: auto; } .ck.ck-toolbar:focus { outline: none; } .ck-toolbar-container .ck.ck-toolbar { border: 0; } [dir=rtl] .ck.ck-toolbar > .ck-toolbar__items > .ck, .ck.ck-toolbar[dir=rtl] > .ck-toolbar__items > .ck { margin-right: 0; } [dir=rtl] .ck.ck-toolbar:not(.ck-toolbar_compact) > .ck-toolbar__items > .ck, .ck.ck-toolbar[dir=rtl]:not(.ck-toolbar_compact) > .ck-toolbar__items > .ck { margin-left: var(--ck-spacing-small); } [dir=rtl] .ck.ck-toolbar > .ck-toolbar__items > .ck:last-child, .ck.ck-toolbar[dir=rtl] > .ck-toolbar__items > .ck:last-child { margin-left: 0; } [dir=rtl] .ck.ck-toolbar.ck-toolbar_compact > .ck-toolbar__items > .ck:first-child, .ck.ck-toolbar.ck-toolbar_compact[dir=rtl] > .ck-toolbar__items > .ck:first-child { border-top-left-radius: 0; border-bottom-left-radius: 0; } [dir=rtl] .ck.ck-toolbar.ck-toolbar_compact > .ck-toolbar__items > .ck:last-child, .ck.ck-toolbar.ck-toolbar_compact[dir=rtl] > .ck-toolbar__items > .ck:last-child { border-top-right-radius: 0; border-bottom-right-radius: 0; } [dir=rtl] .ck.ck-toolbar > .ck.ck-toolbar__separator, .ck.ck-toolbar[dir=rtl] > .ck.ck-toolbar__separator { margin-left: var(--ck-spacing-small); } [dir=rtl] .ck.ck-toolbar.ck-toolbar_grouping > .ck-toolbar__items:not(:empty):not(:only-child), .ck.ck-toolbar.ck-toolbar_grouping[dir=rtl] > .ck-toolbar__items:not(:empty):not(:only-child) { margin-left: var(--ck-spacing-small); } [dir=ltr] .ck.ck-toolbar > .ck-toolbar__items > .ck:last-child, .ck.ck-toolbar[dir=ltr] > .ck-toolbar__items > .ck:last-child { margin-right: 0; } [dir=ltr] .ck.ck-toolbar.ck-toolbar_compact > .ck-toolbar__items > .ck:first-child, .ck.ck-toolbar.ck-toolbar_compact[dir=ltr] > .ck-toolbar__items > .ck:first-child { border-top-right-radius: 0; border-bottom-right-radius: 0; } [dir=ltr] .ck.ck-toolbar.ck-toolbar_compact > .ck-toolbar__items > .ck:last-child, .ck.ck-toolbar.ck-toolbar_compact[dir=ltr] > .ck-toolbar__items > .ck:last-child { border-top-left-radius: 0; border-bottom-left-radius: 0; } [dir=ltr] .ck.ck-toolbar > .ck.ck-toolbar__separator, .ck.ck-toolbar[dir=ltr] > .ck.ck-toolbar__separator { margin-right: var(--ck-spacing-small); } [dir=ltr] .ck.ck-toolbar.ck-toolbar_grouping > .ck-toolbar__items:not(:empty):not(:only-child), .ck.ck-toolbar.ck-toolbar_grouping[dir=ltr] > .ck-toolbar__items:not(:empty):not(:only-child) { margin-right: var(--ck-spacing-small); } .ck.ck-balloon-panel.ck-tooltip { --ck-balloon-border-width: 0px; --ck-balloon-arrow-offset: 0px; --ck-balloon-arrow-half-width: 4px; --ck-balloon-arrow-height: 4px; --ck-tooltip-text-padding: 4px; --ck-color-panel-background: var(--ck-color-tooltip-background); padding: 0 var(--ck-spacing-medium); box-shadow: none; } .ck.ck-balloon-panel.ck-tooltip .ck-tooltip__text { font-size: .9em; line-height: 1.5; color: var(--ck-color-tooltip-text); } .ck.ck-balloon-panel.ck-tooltip.ck-tooltip_multi-line .ck-tooltip__text { white-space: break-spaces; display: inline-block; padding: var(--ck-tooltip-text-padding) 0; max-width: 200px; } .ck.ck-balloon-panel.ck-tooltip::before { display: none; } .ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content { border-radius: 0; border: 1px solid var(--ck-color-base-border); border-bottom-width: 0; } .ck-rounded-corners .ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content, .ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content.ck-rounded-corners { border-radius: var(--ck-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content.ck-sticky-panel__content_sticky { border-bottom-width: 1px; } .ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content .ck-menu-bar { border: 0; border-bottom: 1px solid var(--ck-color-base-border); } .ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content .ck-toolbar { border: 0; } .ck.ck-editor__main > .ck-editor__editable { background: var(--ck-color-base-background); border-radius: 0; } .ck-rounded-corners .ck.ck-editor__main > .ck-editor__editable, .ck.ck-editor__main > .ck-editor__editable.ck-rounded-corners { border-radius: var(--ck-border-radius); border-top-left-radius: 0; border-top-right-radius: 0; } .ck.ck-editor__main > .ck-editor__editable:not(.ck-focused) { border-color: var(--ck-color-base-border); } :root { --ck-clipboard-drop-target-dot-width: 12px; --ck-clipboard-drop-target-dot-height: 8px; --ck-clipboard-drop-target-color: var(--ck-color-focus-border); } .ck.ck-editor__editable .ck.ck-clipboard-drop-target-position span { bottom: calc(-.5 * var(--ck-clipboard-drop-target-dot-height)); top: calc(-.5 * var(--ck-clipboard-drop-target-dot-height)); border: 1px solid var(--ck-clipboard-drop-target-color); background: var(--ck-clipboard-drop-target-color); margin-left: -1px; } .ck.ck-editor__editable .ck.ck-clipboard-drop-target-position span::after { content: ""; width: 0; height: 0; display: block; position: absolute; left: 50%; top: calc(-.5 * var(--ck-clipboard-drop-target-dot-height)); transform: translateX(-50%); border-color: var(--ck-clipboard-drop-target-color) transparent transparent transparent; border-width: calc(var(--ck-clipboard-drop-target-dot-height)) calc(.5 * var(--ck-clipboard-drop-target-dot-width)) 0 calc(.5 * var(--ck-clipboard-drop-target-dot-width)); border-style: solid; } .ck.ck-editor__editable .ck-widget.ck-clipboard-drop-target-range { outline: var(--ck-widget-outline-thickness) solid var(--ck-clipboard-drop-target-color) !important; } .ck.ck-editor__editable .ck-widget:-webkit-drag { zoom: 0.6; outline: none !important; } .ck.ck-clipboard-drop-target-line { height: 0; border: 1px solid var(--ck-clipboard-drop-target-color); background: var(--ck-clipboard-drop-target-color); margin-top: -1px; } .ck.ck-clipboard-drop-target-line::before { content: ""; position: absolute; top: calc(-.5 * var(--ck-clipboard-drop-target-dot-width)); width: 0; height: 0; border-style: solid; } [dir=ltr] .ck.ck-clipboard-drop-target-line::before { left: -1px; border-width: calc(.5 * var(--ck-clipboard-drop-target-dot-width)) 0 calc(.5 * var(--ck-clipboard-drop-target-dot-width)) var(--ck-clipboard-drop-target-dot-height); border-color: transparent transparent transparent var(--ck-clipboard-drop-target-color); } [dir=rtl] .ck.ck-clipboard-drop-target-line::before { right: -1px; border-width: calc(.5 * var(--ck-clipboard-drop-target-dot-width)) var(--ck-clipboard-drop-target-dot-height) calc(.5 * var(--ck-clipboard-drop-target-dot-width)) 0; border-color: transparent var(--ck-clipboard-drop-target-color) transparent transparent; } :root { --ck-color-code-block-label-background: hsl(0, 0%, 46%); } .ck.ck-editor__editable pre[data-language]::after { top: -1px; right: 10px; background: var(--ck-color-code-block-label-background); font-size: 10px; font-family: var(--ck-font-face); line-height: 16px; padding: var(--ck-spacing-tiny) var(--ck-spacing-medium); color: hsl(0, 0%, 100%); white-space: nowrap; } .ck.ck-code-block-dropdown .ck-dropdown__panel { max-height: 250px; overflow-y: auto; overflow-x: hidden; } @media (forced-colors: active) { .ck.ck-placeholder, .ck .ck-placeholder { forced-color-adjust: preserve-parent-color; } } .ck.ck-placeholder::before, .ck .ck-placeholder::before { cursor: text; } @media (forced-colors: none) { .ck.ck-placeholder::before, .ck .ck-placeholder::before { color: var(--ck-color-engine-placeholder-text); } } @media (forced-colors: active) { .ck.ck-placeholder::before, .ck .ck-placeholder::before { font-style: italic; margin-left: 1px; } } .ck.ck-find-and-replace-form { width: 400px; } .ck.ck-find-and-replace-form:focus { outline: none; } .ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs, .ck.ck-find-and-replace-form .ck-find-and-replace-form__actions { flex: 1 1 auto; flex-direction: row; flex-wrap: wrap; align-items: center; align-content: stretch; padding: var(--ck-spacing-large); margin: 0; } .ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs > .ck-button, .ck.ck-find-and-replace-form .ck-find-and-replace-form__actions > .ck-button { flex: 0 0 auto; } [dir=ltr] .ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs > * + *, [dir=ltr] .ck.ck-find-and-replace-form .ck-find-and-replace-form__actions > * + * { margin-left: var(--ck-spacing-standard); } [dir=rtl] .ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs > * + *, [dir=rtl] .ck.ck-find-and-replace-form .ck-find-and-replace-form__actions > * + * { margin-right: var(--ck-spacing-standard); } .ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs .ck-labeled-field-view, .ck.ck-find-and-replace-form .ck-find-and-replace-form__actions .ck-labeled-field-view { flex: 1 1 auto; } .ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs .ck-labeled-field-view .ck-input, .ck.ck-find-and-replace-form .ck-find-and-replace-form__actions .ck-labeled-field-view .ck-input { width: 100%; min-width: 50px; } .ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs { align-items: flex-start; } .ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs > .ck-button-prev > .ck-icon { transform: rotate(90deg); } .ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs > .ck-button-next > .ck-icon { transform: rotate(-90deg); } .ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs .ck-results-counter { top: 50%; transform: translateY(-50%); color: var(--ck-color-base-border); } [dir=ltr] .ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs .ck-results-counter { right: var(--ck-spacing-standard); } [dir=rtl] .ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs .ck-results-counter { left: var(--ck-spacing-standard); } .ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs > .ck-labeled-field-replace { flex: 0 0 100%; padding-top: var(--ck-spacing-standard); } [dir=ltr] .ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs > .ck-labeled-field-replace { margin-left: 0; } [dir=rtl] .ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs > .ck-labeled-field-replace { margin-right: 0; } .ck.ck-find-and-replace-form .ck-find-and-replace-form__actions { flex-wrap: wrap; justify-content: flex-end; margin-top: calc(-1 * var(--ck-spacing-large)); } .ck.ck-find-and-replace-form .ck-find-and-replace-form__actions > .ck-button-find { font-weight: bold; } .ck.ck-find-and-replace-form .ck-find-and-replace-form__actions > .ck-button-find .ck-button__label { padding-left: var(--ck-spacing-large); padding-right: var(--ck-spacing-large); } .ck.ck-find-and-replace-form .ck-switchbutton { width: 100%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; } @media screen and (max-width: 600px) { .ck.ck-find-and-replace-form { width: 300px; max-width: 100%; } .ck.ck-find-and-replace-form.ck-find-and-replace-form__input { flex-wrap: wrap; } .ck.ck-find-and-replace-form.ck-find-and-replace-form__input .ck-labeled-field-view { flex: 1 0 auto; width: 100%; margin-bottom: var(--ck-spacing-standard); } .ck.ck-find-and-replace-form.ck-find-and-replace-form__input > .ck-button { text-align: center; } .ck.ck-find-and-replace-form.ck-find-and-replace-form__input > .ck-button:first-of-type { flex: 1 1 auto; } [dir=ltr] .ck.ck-find-and-replace-form.ck-find-and-replace-form__input > .ck-button:first-of-type { margin-left: 0; } [dir=rtl] .ck.ck-find-and-replace-form.ck-find-and-replace-form__input > .ck-button:first-of-type { margin-right: 0; } .ck.ck-find-and-replace-form.ck-find-and-replace-form__input > .ck-button:first-of-type .ck-button__label { width: 100%; text-align: center; } .ck.ck-find-and-replace-form.ck-find-and-replace-form__actions > :not(.ck-labeled-field-view) { flex-wrap: wrap; flex: 1 1 auto; } .ck.ck-find-and-replace-form.ck-find-and-replace-form__actions > :not(.ck-labeled-field-view) > .ck-button { text-align: center; } .ck.ck-find-and-replace-form.ck-find-and-replace-form__actions > :not(.ck-labeled-field-view) > .ck-button:first-of-type { flex: 1 1 auto; } [dir=ltr] .ck.ck-find-and-replace-form.ck-find-and-replace-form__actions > :not(.ck-labeled-field-view) > .ck-button:first-of-type { margin-left: 0; } [dir=rtl] .ck.ck-find-and-replace-form.ck-find-and-replace-form__actions > :not(.ck-labeled-field-view) > .ck-button:first-of-type { margin-right: 0; } .ck.ck-find-and-replace-form.ck-find-and-replace-form__actions > :not(.ck-labeled-field-view) > .ck-button .ck-button__label { width: 100%; text-align: center; } } .ck.ck-dropdown.ck-heading-dropdown .ck-dropdown__button .ck-button__label { width: 8em; } .ck.ck-dropdown.ck-heading-dropdown .ck-dropdown__panel .ck-list__item { min-width: 18em; } :root { --ck-html-embed-content-width: calc(100% - 1.5 * var(--ck-icon-size)); --ck-html-embed-source-height: 10em; --ck-html-embed-unfocused-outline-width: 1px; --ck-html-embed-content-min-height: calc(var(--ck-icon-size) + var(--ck-spacing-standard)); --ck-html-embed-source-disabled-background: var(--ck-color-base-foreground); --ck-html-embed-source-disabled-color: hsl(0deg 0% 45%); } .ck-widget.raw-html-embed { font-size: var(--ck-font-size-base); background-color: var(--ck-color-base-foreground); } .ck-widget.raw-html-embed:not(.ck-widget_selected):not(:hover) { outline: var(--ck-html-embed-unfocused-outline-width) dashed var(--ck-color-widget-blurred-border); } .ck-widget.raw-html-embed[dir=ltr] { text-align: left; } .ck-widget.raw-html-embed[dir=rtl] { text-align: right; } .ck-widget.raw-html-embed::before { content: attr(data-html-embed-label); top: calc(-1 * var(--ck-html-embed-unfocused-outline-width)); left: var(--ck-spacing-standard); background: hsl(0, 0%, 60%); transition: background var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve); padding: calc(var(--ck-spacing-tiny) + var(--ck-html-embed-unfocused-outline-width)) var(--ck-spacing-small) var(--ck-spacing-tiny); border-radius: 0 0 var(--ck-border-radius) var(--ck-border-radius); color: var(--ck-color-base-background); font-size: var(--ck-font-size-tiny); font-family: var(--ck-font-face); } .ck-widget.raw-html-embed[dir=rtl]::before { left: auto; right: var(--ck-spacing-standard); } .ck-widget.raw-html-embed[dir=ltr] .ck-widget__type-around .ck-widget__type-around__button.ck-widget__type-around__button_before { margin-left: 50px; } .ck.ck-editor__editable.ck-blurred .ck-widget.raw-html-embed.ck-widget_selected::before { top: 0px; padding: var(--ck-spacing-tiny) var(--ck-spacing-small); } .ck.ck-editor__editable:not(.ck-blurred) .ck-widget.raw-html-embed.ck-widget_selected::before { top: 0; padding: var(--ck-spacing-tiny) var(--ck-spacing-small); background: var(--ck-color-focus-border); } .ck.ck-editor__editable .ck-widget.raw-html-embed:not(.ck-widget_selected):hover::before { top: 0px; padding: var(--ck-spacing-tiny) var(--ck-spacing-small); } .ck-widget.raw-html-embed .raw-html-embed__content-wrapper { padding: var(--ck-spacing-standard); } .ck-widget.raw-html-embed .raw-html-embed__buttons-wrapper { top: var(--ck-spacing-standard); right: var(--ck-spacing-standard); } .ck-widget.raw-html-embed .raw-html-embed__buttons-wrapper .ck-button.raw-html-embed__save-button { color: var(--ck-color-button-save); } .ck-widget.raw-html-embed .raw-html-embed__buttons-wrapper .ck-button.raw-html-embed__cancel-button { color: var(--ck-color-button-cancel); } .ck-widget.raw-html-embed .raw-html-embed__buttons-wrapper .ck-button:not(:first-child) { margin-top: var(--ck-spacing-small); } .ck-widget.raw-html-embed[dir=rtl] .raw-html-embed__buttons-wrapper { left: var(--ck-spacing-standard); right: auto; } .ck-widget.raw-html-embed .raw-html-embed__source { box-sizing: border-box; height: var(--ck-html-embed-source-height); width: var(--ck-html-embed-content-width); resize: none; min-width: 0; padding: var(--ck-spacing-standard); font-family: monospace; -moz-tab-size: 4; tab-size: 4; white-space: pre-wrap; font-size: var(--ck-font-size-base); text-align: left; direction: ltr; } .ck-widget.raw-html-embed .raw-html-embed__source[disabled] { background: var(--ck-html-embed-source-disabled-background); color: var(--ck-html-embed-source-disabled-color); -webkit-text-fill-color: var(--ck-html-embed-source-disabled-color); opacity: 1; } .ck-widget.raw-html-embed .raw-html-embed__preview { min-height: var(--ck-html-embed-content-min-height); width: var(--ck-html-embed-content-width); } .ck-editor__editable:not(.ck-read-only) .ck-widget.raw-html-embed .raw-html-embed__preview { pointer-events: none; } .ck-widget.raw-html-embed .raw-html-embed__preview-content { box-sizing: border-box; background-color: var(--ck-color-base-foreground); } .ck-widget.raw-html-embed .raw-html-embed__preview-content > * { margin-left: auto; margin-right: auto; } .ck-widget.raw-html-embed .raw-html-embed__preview-placeholder { color: var(--ck-html-embed-source-disabled-color); } :root { --ck-image-insert-insert-by-url-width: 250px; } .ck.ck-image-insert-url { --ck-input-width: 100%; } .ck.ck-image-insert-url .ck-image-insert-url__action-row { grid-column-gap: var(--ck-spacing-large); margin-top: var(--ck-spacing-large); } .ck.ck-image-insert-url .ck-image-insert-url__action-row .ck-button-save, .ck.ck-image-insert-url .ck-image-insert-url__action-row .ck-button-cancel { justify-content: center; min-width: auto; } .ck.ck-image-insert-url .ck-image-insert-url__action-row .ck-button .ck-button__label { color: var(--ck-color-text); } .ck.ck-image-insert-form > .ck.ck-button { display: block; width: 100%; } [dir=ltr] .ck.ck-image-insert-form > .ck.ck-button { text-align: left; } [dir=rtl] .ck.ck-image-insert-form > .ck.ck-button { text-align: right; } .ck.ck-image-insert-form > .ck.ck-collapsible { min-width: var(--ck-image-insert-insert-by-url-width); } .ck.ck-image-insert-form > .ck.ck-collapsible:not(:first-child) { border-top: 1px solid var(--ck-color-base-border); } .ck.ck-image-insert-form > .ck.ck-collapsible:not(:last-child) { border-bottom: 1px solid var(--ck-color-base-border); } .ck.ck-image-insert-form > .ck.ck-image-insert-url { min-width: var(--ck-image-insert-insert-by-url-width); padding: var(--ck-spacing-large); } .ck.ck-image-insert-form:focus { outline: none; } :root { --ck-color-image-upload-icon: hsl(0, 0%, 100%); --ck-color-image-upload-icon-background: hsl(120, 100%, 27%); --ck-image-upload-icon-size: 20; --ck-image-upload-icon-width: 2px; --ck-image-upload-icon-is-visible: clamp(0px, 100% - 50px, 1px); } .ck-image-upload-complete-icon { opacity: 0; background: var(--ck-color-image-upload-icon-background); animation-name: ck-upload-complete-icon-show, ck-upload-complete-icon-hide; animation-fill-mode: forwards, forwards; animation-duration: 500ms, 500ms; font-size: calc(1px * var(--ck-image-upload-icon-size)); animation-delay: 0ms, 3000ms; overflow: hidden; width: calc(var(--ck-image-upload-icon-is-visible) * var(--ck-image-upload-icon-size)); height: calc(var(--ck-image-upload-icon-is-visible) * var(--ck-image-upload-icon-size)); } .ck-image-upload-complete-icon::after { left: 25%; top: 50%; opacity: 0; height: 0; width: 0; transform: scaleX(-1) rotate(135deg); transform-origin: left top; border-top: var(--ck-image-upload-icon-width) solid var(--ck-color-image-upload-icon); border-right: var(--ck-image-upload-icon-width) solid var(--ck-color-image-upload-icon); animation-name: ck-upload-complete-icon-check; animation-duration: 500ms; animation-delay: 500ms; animation-fill-mode: forwards; box-sizing: border-box; } @media (prefers-reduced-motion: reduce) { .ck-image-upload-complete-icon { animation-duration: 0ms; } .ck-image-upload-complete-icon::after { animation: none; opacity: 1; width: 0.3em; height: 0.45em; } } @keyframes ck-upload-complete-icon-show { from { opacity: 0; } to { opacity: 1; } } @keyframes ck-upload-complete-icon-hide { from { opacity: 1; } to { opacity: 0; } } @keyframes ck-upload-complete-icon-check { 0% { opacity: 1; width: 0; height: 0; } 33% { width: 0.3em; height: 0; } 100% { opacity: 1; width: 0.3em; height: 0.45em; } } :root { --ck-color-upload-placeholder-loader: hsl(0, 0%, 70%); --ck-upload-placeholder-loader-size: 32px; --ck-upload-placeholder-image-aspect-ratio: 2.8; } .ck .ck-image-upload-placeholder { width: 100%; margin: 0; } .ck .ck-image-upload-placeholder.image-inline { width: calc(2 * var(--ck-upload-placeholder-loader-size) * var(--ck-upload-placeholder-image-aspect-ratio)); } .ck .ck-image-upload-placeholder img { aspect-ratio: var(--ck-upload-placeholder-image-aspect-ratio); } .ck .ck-upload-placeholder-loader { width: 100%; height: 100%; } .ck .ck-upload-placeholder-loader::before { width: var(--ck-upload-placeholder-loader-size); height: var(--ck-upload-placeholder-loader-size); border-radius: 50%; border-top: 3px solid var(--ck-color-upload-placeholder-loader); border-right: 2px solid transparent; animation: ck-upload-placeholder-loader 1s linear infinite; } @keyframes ck-upload-placeholder-loader { to { transform: rotate(360deg); } } .ck.ck-editor__editable .image.ck-appear, .ck.ck-editor__editable .image-inline.ck-appear { animation: fadeIn 700ms; } @media (prefers-reduced-motion: reduce) { .ck.ck-editor__editable .image.ck-appear, .ck.ck-editor__editable .image-inline.ck-appear { opacity: 1; animation: none; } } .ck.ck-editor__editable .image .ck-progress-bar, .ck.ck-editor__editable .image-inline .ck-progress-bar { height: 2px; width: 0; background: var(--ck-color-upload-bar-background); transition: width 100ms; } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .ck .ck-link_selected { background: var(--ck-color-link-selected-background); } .ck .ck-link_selected span.image-inline { outline: var(--ck-widget-outline-thickness) solid var(--ck-color-link-selected-background); } .ck .ck-fake-link-selection { background: var(--ck-color-link-fake-selection); } .ck .ck-fake-link-selection_collapsed { height: 100%; border-right: 1px solid var(--ck-color-base-text); margin-right: -1px; outline: solid 1px hsla(0, 0%, 100%, .5); } .ck.ck-link-actions .ck-button.ck-link-actions__preview { padding-left: 0; padding-right: 0; } .ck.ck-link-actions .ck-button.ck-link-actions__preview .ck-button__label { padding: 0 var(--ck-spacing-medium); color: var(--ck-color-link-default); text-overflow: ellipsis; cursor: pointer; max-width: var(--ck-input-width); min-width: 3em; text-align: center; } .ck.ck-link-actions .ck-button.ck-link-actions__preview .ck-button__label:hover { text-decoration: underline; } .ck.ck-link-actions .ck-button.ck-link-actions__preview, .ck.ck-link-actions .ck-button.ck-link-actions__preview:hover, .ck.ck-link-actions .ck-button.ck-link-actions__preview:focus, .ck.ck-link-actions .ck-button.ck-link-actions__preview:active { background: none; } .ck.ck-link-actions .ck-button.ck-link-actions__preview:active { box-shadow: none; } .ck.ck-link-actions .ck-button.ck-link-actions__preview:focus .ck-button__label { text-decoration: underline; } [dir=ltr] .ck.ck-link-actions .ck-button:not(:first-child) { margin-left: var(--ck-spacing-standard); } [dir=rtl] .ck.ck-link-actions .ck-button:not(:last-child) { margin-left: var(--ck-spacing-standard); } @media screen and (max-width: 600px) { .ck.ck-link-actions .ck-button.ck-link-actions__preview { margin: var(--ck-spacing-standard) var(--ck-spacing-standard) 0; } .ck.ck-link-actions .ck-button.ck-link-actions__preview .ck-button__label { min-width: 0; max-width: 100%; } [dir=ltr] .ck.ck-link-actions .ck-button:not(.ck-link-actions__preview) { margin-left: 0; } [dir=rtl] .ck.ck-link-actions .ck-button:not(.ck-link-actions__preview) { margin-left: 0; } } .ck.ck-link-form_layout-vertical { padding: 0; min-width: var(--ck-input-width); } .ck.ck-link-form_layout-vertical .ck-labeled-field-view { margin: var(--ck-spacing-large) var(--ck-spacing-large) var(--ck-spacing-small); } .ck.ck-link-form_layout-vertical .ck-labeled-field-view .ck-input-text { min-width: 0; width: 100%; } .ck.ck-link-form_layout-vertical > .ck-button { padding: var(--ck-spacing-standard); margin: 0; width: 50%; border-radius: 0; } .ck.ck-link-form_layout-vertical > .ck-button:not(:focus) { border-top: 1px solid var(--ck-color-base-border); } [dir=ltr] .ck.ck-link-form_layout-vertical > .ck-button { margin-left: 0; } [dir=rtl] .ck.ck-link-form_layout-vertical > .ck-button { margin-left: 0; } [dir=rtl] .ck.ck-link-form_layout-vertical > .ck-button:last-of-type { border-right: 1px solid var(--ck-color-base-border); } .ck.ck-link-form_layout-vertical .ck.ck-list { margin: 0 var(--ck-spacing-large); } .ck.ck-link-form_layout-vertical .ck.ck-list .ck-button.ck-switchbutton { padding: 0; width: 100%; } .ck.ck-link-form_layout-vertical .ck.ck-list .ck-button.ck-switchbutton:hover { background: none; } :root { --ck-link-image-indicator-icon-size: 20; --ck-link-image-indicator-icon-is-visible: clamp(0px, 100% - 50px, 1px); } .ck.ck-editor__editable figure.image > a::after, .ck.ck-editor__editable a span.image-inline::after { content: ""; top: min(var(--ck-spacing-medium), 6%); right: min(var(--ck-spacing-medium), 6%); background-color: hsla(0, 0%, 0%, .4); background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjAgMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iI2ZmZiIgZD0ibTExLjA3NyAxNSAuOTkxLTEuNDE2YS43NS43NSAwIDEgMSAxLjIyOS44NmwtMS4xNDggMS42NGEuNzQ4Ljc0OCAwIDAgMS0uMjE3LjIwNiA1LjI1MSA1LjI1MSAwIDAgMS04LjUwMy01Ljk1NS43NDEuNzQxIDAgMCAxIC4xMi0uMjc0bDEuMTQ3LTEuNjM5YS43NS43NSAwIDEgMSAxLjIyOC44Nkw0LjkzMyAxMC43bC4wMDYuMDAzYTMuNzUgMy43NSAwIDAgMCA2LjEzMiA0LjI5NGwuMDA2LjAwNHptNS40OTQtNS4zMzVhLjc0OC43NDggMCAwIDEtLjEyLjI3NGwtMS4xNDcgMS42MzlhLjc1Ljc1IDAgMSAxLTEuMjI4LS44NmwuODYtMS4yM2EzLjc1IDMuNzUgMCAwIDAtNi4xNDQtNC4zMDFsLS44NiAxLjIyOWEuNzUuNzUgMCAwIDEtMS4yMjktLjg2bDEuMTQ4LTEuNjRhLjc0OC43NDggMCAwIDEgLjIxNy0uMjA2IDUuMjUxIDUuMjUxIDAgMCAxIDguNTAzIDUuOTU1em0tNC41NjMtMi41MzJhLjc1Ljc1IDAgMCAxIC4xODQgMS4wNDVsLTMuMTU1IDQuNTA1YS43NS43NSAwIDEgMS0xLjIyOS0uODZsMy4xNTUtNC41MDZhLjc1Ljc1IDAgMCAxIDEuMDQ1LS4xODR6Ii8+PC9zdmc+); background-size: 14px; background-repeat: no-repeat; background-position: center; border-radius: 100%; overflow: hidden; width: calc(var(--ck-link-image-indicator-icon-is-visible) * var(--ck-link-image-indicator-icon-size)); height: calc(var(--ck-link-image-indicator-icon-is-visible) * var(--ck-link-image-indicator-icon-size)); } .ck.ck-list-properties.ck-list-properties_without-styles { padding: var(--ck-spacing-large); } .ck.ck-list-properties.ck-list-properties_without-styles > * { min-width: 14em; } .ck.ck-list-properties.ck-list-properties_without-styles > * + * { margin-top: var(--ck-spacing-standard); } .ck.ck-list-properties.ck-list-properties_with-numbered-properties > .ck-list-styles-list { grid-template-columns: repeat(4, auto); } .ck.ck-list-properties.ck-list-properties_with-numbered-properties > .ck-collapsible { border-top: 1px solid var(--ck-color-base-border); } .ck.ck-list-properties.ck-list-properties_with-numbered-properties > .ck-collapsible > .ck-collapsible__children > * { width: 100%; } .ck.ck-list-properties.ck-list-properties_with-numbered-properties > .ck-collapsible > .ck-collapsible__children > * + * { margin-top: var(--ck-spacing-standard); } .ck.ck-list-properties .ck.ck-numbered-list-properties__start-index .ck-input { min-width: auto; width: 100%; } .ck.ck-list-properties .ck.ck-numbered-list-properties__reversed-order { background: transparent; padding-left: 0; padding-right: 0; margin-bottom: calc(-1 * var(--ck-spacing-tiny)); } .ck.ck-list-properties .ck.ck-numbered-list-properties__reversed-order:active, .ck.ck-list-properties .ck.ck-numbered-list-properties__reversed-order:hover { box-shadow: none; border-color: transparent; background: none; } :root { --ck-list-style-button-size: 44px; } .ck.ck-list-styles-list { grid-template-columns: repeat(3, auto); row-gap: var(--ck-spacing-medium); column-gap: var(--ck-spacing-medium); padding: var(--ck-spacing-large); } .ck.ck-list-styles-list .ck-button { width: var(--ck-list-style-button-size); height: var(--ck-list-style-button-size); padding: 0; margin: 0; box-sizing: content-box; } .ck.ck-list-styles-list .ck-button .ck-icon { width: var(--ck-list-style-button-size); height: var(--ck-list-style-button-size); } :root { --ck-media-embed-placeholder-icon-size: 3em; --ck-color-media-embed-placeholder-url-text: hsl(0, 0%, 46%); --ck-color-media-embed-placeholder-url-text-hover: var(--ck-color-base-text); } .ck-media__wrapper { margin: 0 auto; } .ck-media__wrapper .ck-media__placeholder { padding: calc(3 * var(--ck-spacing-standard)); background: var(--ck-color-base-foreground); } .ck-media__wrapper .ck-media__placeholder .ck-media__placeholder__icon { min-width: var(--ck-media-embed-placeholder-icon-size); height: var(--ck-media-embed-placeholder-icon-size); margin-bottom: var(--ck-spacing-large); background-position: center; background-size: cover; } .ck-media__wrapper .ck-media__placeholder .ck-media__placeholder__icon .ck-icon { width: 100%; height: 100%; } .ck-media__wrapper .ck-media__placeholder .ck-media__placeholder__url__text { color: var(--ck-color-media-embed-placeholder-url-text); white-space: nowrap; text-align: center; font-style: italic; text-overflow: ellipsis; } .ck-media__wrapper .ck-media__placeholder .ck-media__placeholder__url__text:hover { color: var(--ck-color-media-embed-placeholder-url-text-hover); cursor: pointer; text-decoration: underline; } .ck-media__wrapper[data-oembed-url*="open.spotify.com"] { max-width: 300px; max-height: 380px; } .ck-media__wrapper[data-oembed-url*="google.com/maps"] .ck-media__placeholder__icon, .ck-media__wrapper[data-oembed-url*="goo.gl/maps"] .ck-media__placeholder__icon, .ck-media__wrapper[data-oembed-url*="maps.google.com"] .ck-media__placeholder__icon, .ck-media__wrapper[data-oembed-url*="maps.app.goo.gl"] .ck-media__placeholder__icon { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNTAuMzc4IiBoZWlnaHQ9IjI1NC4xNjciIHZpZXdCb3g9IjAgMCA2Ni4yNDYgNjcuMjQ4Ij48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTcyLjUzMSAtMjE4LjQ1NSkgc2NhbGUoLjk4MDEyKSI+PHJlY3Qgcnk9IjUuMjM4IiByeD0iNS4yMzgiIHk9IjIzMS4zOTkiIHg9IjE3Ni4wMzEiIGhlaWdodD0iNjAuMDk5IiB3aWR0aD0iNjAuMDk5IiBmaWxsPSIjMzRhNjY4IiBwYWludC1vcmRlcj0ibWFya2VycyBzdHJva2UgZmlsbCIvPjxwYXRoIGQ9Ik0yMDYuNDc3IDI2MC45bC0yOC45ODcgMjguOTg3YTUuMjE4IDUuMjE4IDAgMCAwIDMuNzggMS42MWg0OS42MjFjMS42OTQgMCAzLjE5LS43OTggNC4xNDYtMi4wMzd6IiBmaWxsPSIjNWM4OGM1Ii8+PHBhdGggZD0iTTIyNi43NDIgMjIyLjk4OGMtOS4yNjYgMC0xNi43NzcgNy4xNy0xNi43NzcgMTYuMDE0LjAwNyAyLjc2Mi42NjMgNS40NzQgMi4wOTMgNy44NzUuNDMuNzAzLjgzIDEuNDA4IDEuMTkgMi4xMDcuMzMzLjUwMi42NSAxLjAwNS45NSAxLjUwOC4zNDMuNDc3LjY3My45NTcuOTg4IDEuNDQgMS4zMSAxLjc2OSAyLjUgMy41MDIgMy42MzcgNS4xNjguNzkzIDEuMjc1IDEuNjgzIDIuNjQgMi40NjYgMy45OSAyLjM2MyA0LjA5NCA0LjAwNyA4LjA5MiA0LjYgMTMuOTE0di4wMTJjLjE4Mi40MTIuNTE2LjY2Ni44NzkuNjY3LjQwMy0uMDAxLjc2OC0uMzE0LjkzLS43OTkuNjAzLTUuNzU2IDIuMjM4LTkuNzI5IDQuNTg1LTEzLjc5NC43ODItMS4zNSAxLjY3My0yLjcxNSAyLjQ2NS0zLjk5IDEuMTM3LTEuNjY2IDIuMzI4LTMuNCAzLjYzOC01LjE2OS4zMTUtLjQ4Mi42NDUtLjk2Mi45ODgtMS40MzkuMy0uNTAzLjYxNy0xLjAwNi45NS0xLjUwOC4zNTktLjcuNzYtMS40MDQgMS4xOS0yLjEwNyAxLjQyNi0yLjQwMiAyLTUuMTE0IDIuMDA0LTcuODc1IDAtOC44NDQtNy41MTEtMTYuMDE0LTE2Ljc3Ni0xNi4wMTR6IiBmaWxsPSIjZGQ0YjNlIiBwYWludC1vcmRlcj0ibWFya2VycyBzdHJva2UgZmlsbCIvPjxlbGxpcHNlIHJ5PSI1LjU2NCIgcng9IjUuODI4IiBjeT0iMjM5LjAwMiIgY3g9IjIyNi43NDIiIGZpbGw9IiM4MDJkMjciIHBhaW50LW9yZGVyPSJtYXJrZXJzIHN0cm9rZSBmaWxsIi8+PHBhdGggZD0iTTE5MC4zMDEgMjM3LjI4M2MtNC42NyAwLTguNDU3IDMuODUzLTguNDU3IDguNjA2czMuNzg2IDguNjA3IDguNDU3IDguNjA3YzMuMDQzIDAgNC44MDYtLjk1OCA2LjMzNy0yLjUxNiAxLjUzLTEuNTU3IDIuMDg3LTMuOTEzIDIuMDg3LTYuMjkgMC0uMzYyLS4wMjMtLjcyMi0uMDY0LTEuMDc5aC04LjI1N3YzLjA0M2g0Ljg1Yy0uMTk3Ljc1OS0uNTMxIDEuNDUtMS4wNTggMS45ODYtLjk0Mi45NTgtMi4wMjggMS41NDgtMy45MDEgMS41NDgtMi44NzYgMC01LjIwOC0yLjM3Mi01LjIwOC01LjI5OSAwLTIuOTI2IDIuMzMyLTUuMjk5IDUuMjA4LTUuMjk5IDEuMzk5IDAgMi42MTguNDA3IDMuNTg0IDEuMjkzbDIuMzgxLTIuMzhjMC0uMDAyLS4wMDMtLjAwNC0uMDA0LS4wMDUtMS41ODgtMS41MjQtMy42Mi0yLjIxNS01Ljk1NS0yLjIxNXptNC40MyA1LjY2bC4wMDMuMDA2di0uMDAzeiIgZmlsbD0iI2ZmZiIgcGFpbnQtb3JkZXI9Im1hcmtlcnMgc3Ryb2tlIGZpbGwiLz48cGF0aCBkPSJNMjE1LjE4NCAyNTEuOTI5bC03Ljk4IDcuOTc5IDI4LjQ3NyAyOC40NzVjLjI4Ny0uNjQ5LjQ0OS0xLjM2Ni40NDktMi4xMjN2LTMxLjE2NWMtLjQ2OS42NzUtLjkzNCAxLjM0OS0xLjM4MiAyLjAwNS0uNzkyIDEuMjc1LTEuNjgyIDIuNjQtMi40NjUgMy45OS0yLjM0NyA0LjA2NS0zLjk4MiA4LjAzOC00LjU4NSAxMy43OTQtLjE2Mi40ODUtLjUyNy43OTgtLjkzLjc5OS0uMzYzLS4wMDEtLjY5Ny0uMjU1LS44NzktLjY2N3YtLjAxMmMtLjU5My01LjgyMi0yLjIzNy05LjgyLTQuNi0xMy45MTQtLjc4My0xLjM1LTEuNjczLTIuNzE1LTIuNDY2LTMuOTktMS4xMzctMS42NjYtMi4zMjctMy40LTMuNjM3LTUuMTY5bC0uMDAyLS4wMDN6IiBmaWxsPSIjYzNjM2MzIi8+PHBhdGggZD0iTTIxMi45ODMgMjQ4LjQ5NWwtMzYuOTUyIDM2Ljk1M3YuODEyYTUuMjI3IDUuMjI3IDAgMCAwIDUuMjM4IDUuMjM4aDEuMDE1bDM1LjY2Ni0zNS42NjZhMTM2LjI3NSAxMzYuMjc1IDAgMCAwLTIuNzY0LTMuOSAzNy41NzUgMzcuNTc1IDAgMCAwLS45ODktMS40NGMtLjI5OS0uNTAzLS42MTYtMS4wMDYtLjk1LTEuNTA4LS4wODMtLjE2Mi0uMTc2LS4zMjYtLjI2NC0uNDg5eiIgZmlsbD0iI2ZkZGM0ZiIgcGFpbnQtb3JkZXI9Im1hcmtlcnMgc3Ryb2tlIGZpbGwiLz48cGF0aCBkPSJNMjExLjk5OCAyNjEuMDgzbC02LjE1MiA2LjE1MSAyNC4yNjQgMjQuMjY0aC43ODFhNS4yMjcgNS4yMjcgMCAwIDAgNS4yMzktNS4yMzh2LTEuMDQ1eiIgZmlsbD0iI2ZmZiIgcGFpbnQtb3JkZXI9Im1hcmtlcnMgc3Ryb2tlIGZpbGwiLz48L2c+PC9zdmc+); } .ck-media__wrapper[data-oembed-url*="facebook.com"] .ck-media__placeholder { background: hsl(220, 46%, 48%); } .ck-media__wrapper[data-oembed-url*="facebook.com"] .ck-media__placeholder .ck-media__placeholder__icon { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIxMDI0cHgiIGhlaWdodD0iMTAyNHB4IiB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPiAgICAgICAgPHRpdGxlPkZpbGwgMTwvdGl0bGU+ICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPiAgICA8ZGVmcz48L2RlZnM+ICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICAgICAgPGcgaWQ9ImZMb2dvX1doaXRlIiBmaWxsPSIjRkZGRkZFIj4gICAgICAgICAgICA8cGF0aCBkPSJNOTY3LjQ4NCwwIEw1Ni41MTcsMCBDMjUuMzA0LDAgMCwyNS4zMDQgMCw1Ni41MTcgTDAsOTY3LjQ4MyBDMCw5OTguNjk0IDI1LjI5NywxMDI0IDU2LjUyMiwxMDI0IEw1NDcsMTAyNCBMNTQ3LDYyOCBMNDE0LDYyOCBMNDE0LDQ3MyBMNTQ3LDQ3MyBMNTQ3LDM1OS4wMjkgQzU0NywyMjYuNzY3IDYyNy43NzMsMTU0Ljc0NyA3NDUuNzU2LDE1NC43NDcgQzgwMi4yNjksMTU0Ljc0NyA4NTAuODQyLDE1OC45NTUgODY1LDE2MC44MzYgTDg2NSwyOTkgTDc4My4zODQsMjk5LjAzNyBDNzE5LjM5MSwyOTkuMDM3IDcwNywzMjkuNTI5IDcwNywzNzQuMjczIEw3MDcsNDczIEw4NjAuNDg3LDQ3MyBMODQwLjUwMSw2MjggTDcwNyw2MjggTDcwNywxMDI0IEw5NjcuNDg0LDEwMjQgQzk5OC42OTcsMTAyNCAxMDI0LDk5OC42OTcgMTAyNCw5NjcuNDg0IEwxMDI0LDU2LjUxNSBDMTAyNCwyNS4zMDMgOTk4LjY5NywwIDk2Ny40ODQsMCIgaWQ9IkZpbGwtMSI+PC9wYXRoPiAgICAgICAgPC9nPiAgICA8L2c+PC9zdmc+); } .ck-media__wrapper[data-oembed-url*="facebook.com"] .ck-media__placeholder .ck-media__placeholder__url__text { color: hsl(220, 100%, 90%); } .ck-media__wrapper[data-oembed-url*="facebook.com"] .ck-media__placeholder .ck-media__placeholder__url__text:hover { color: hsl(0, 0%, 100%); } .ck-media__wrapper[data-oembed-url*="instagram.com"] .ck-media__placeholder { background: linear-gradient( -135deg, hsl(246, 100%, 39%), hsl(302, 100%, 36%), hsl(0, 100%, 48%)); } .ck-media__wrapper[data-oembed-url*="instagram.com"] .ck-media__placeholder .ck-media__placeholder__icon { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI1MDRweCIgaGVpZ2h0PSI1MDRweCIgdmlld0JveD0iMCAwIDUwNCA1MDQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+ICAgICAgICA8dGl0bGU+Z2x5cGgtbG9nb19NYXkyMDE2PC90aXRsZT4gICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+ICAgIDxkZWZzPiAgICAgICAgPHBvbHlnb24gaWQ9InBhdGgtMSIgcG9pbnRzPSIwIDAuMTU5IDUwMy44NDEgMC4xNTkgNTAzLjg0MSA1MDMuOTQgMCA1MDMuOTQiPjwvcG9seWdvbj4gICAgPC9kZWZzPiAgICA8ZyBpZD0iZ2x5cGgtbG9nb19NYXkyMDE2IiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4gICAgICAgIDxnIGlkPSJHcm91cC0zIj4gICAgICAgICAgICA8bWFzayBpZD0ibWFzay0yIiBmaWxsPSJ3aGl0ZSI+ICAgICAgICAgICAgICAgIDx1c2UgeGxpbms6aHJlZj0iI3BhdGgtMSI+PC91c2U+ICAgICAgICAgICAgPC9tYXNrPiAgICAgICAgICAgIDxnIGlkPSJDbGlwLTIiPjwvZz4gICAgICAgICAgICA8cGF0aCBkPSJNMjUxLjkyMSwwLjE1OSBDMTgzLjUwMywwLjE1OSAxNzQuOTI0LDAuNDQ5IDE0OC4wNTQsMS42NzUgQzEyMS4yNCwyLjg5OCAxMDIuOTI3LDcuMTU3IDg2LjkwMywxMy4zODUgQzcwLjMzNywxOS44MjIgNTYuMjg4LDI4LjQzNiA0Mi4yODIsNDIuNDQxIEMyOC4yNzcsNTYuNDQ3IDE5LjY2Myw3MC40OTYgMTMuMjI2LDg3LjA2MiBDNi45OTgsMTAzLjA4NiAyLjczOSwxMjEuMzk5IDEuNTE2LDE0OC4yMTMgQzAuMjksMTc1LjA4MyAwLDE4My42NjIgMCwyNTIuMDggQzAsMzIwLjQ5NyAwLjI5LDMyOS4wNzYgMS41MTYsMzU1Ljk0NiBDMi43MzksMzgyLjc2IDYuOTk4LDQwMS4wNzMgMTMuMjI2LDQxNy4wOTcgQzE5LjY2Myw0MzMuNjYzIDI4LjI3Nyw0NDcuNzEyIDQyLjI4Miw0NjEuNzE4IEM1Ni4yODgsNDc1LjcyMyA3MC4zMzcsNDg0LjMzNyA4Ni45MDMsNDkwLjc3NSBDMTAyLjkyNyw0OTcuMDAyIDEyMS4yNCw1MDEuMjYxIDE0OC4wNTQsNTAyLjQ4NCBDMTc0LjkyNCw1MDMuNzEgMTgzLjUwMyw1MDQgMjUxLjkyMSw1MDQgQzMyMC4zMzgsNTA0IDMyOC45MTcsNTAzLjcxIDM1NS43ODcsNTAyLjQ4NCBDMzgyLjYwMSw1MDEuMjYxIDQwMC45MTQsNDk3LjAwMiA0MTYuOTM4LDQ5MC43NzUgQzQzMy41MDQsNDg0LjMzNyA0NDcuNTUzLDQ3NS43MjMgNDYxLjU1OSw0NjEuNzE4IEM0NzUuNTY0LDQ0Ny43MTIgNDg0LjE3OCw0MzMuNjYzIDQ5MC42MTYsNDE3LjA5NyBDNDk2Ljg0Myw0MDEuMDczIDUwMS4xMDIsMzgyLjc2IDUwMi4zMjUsMzU1Ljk0NiBDNTAzLjU1MSwzMjkuMDc2IDUwMy44NDEsMzIwLjQ5NyA1MDMuODQxLDI1Mi4wOCBDNTAzLjg0MSwxODMuNjYyIDUwMy41NTEsMTc1LjA4MyA1MDIuMzI1LDE0OC4yMTMgQzUwMS4xMDIsMTIxLjM5OSA0OTYuODQzLDEwMy4wODYgNDkwLjYxNiw4Ny4wNjIgQzQ4NC4xNzgsNzAuNDk2IDQ3NS41NjQsNTYuNDQ3IDQ2MS41NTksNDIuNDQxIEM0NDcuNTUzLDI4LjQzNiA0MzMuNTA0LDE5LjgyMiA0MTYuOTM4LDEzLjM4NSBDNDAwLjkxNCw3LjE1NyAzODIuNjAxLDIuODk4IDM1NS43ODcsMS42NzUgQzMyOC45MTcsMC40NDkgMzIwLjMzOCwwLjE1OSAyNTEuOTIxLDAuMTU5IFogTTI1MS45MjEsNDUuNTUgQzMxOS4xODYsNDUuNTUgMzI3LjE1NCw0NS44MDcgMzUzLjcxOCw0Ny4wMTkgQzM3OC4yOCw0OC4xMzkgMzkxLjYxOSw1Mi4yNDMgNDAwLjQ5Niw1NS42OTMgQzQxMi4yNTUsNjAuMjYzIDQyMC42NDcsNjUuNzIyIDQyOS40NjIsNzQuNTM4IEM0MzguMjc4LDgzLjM1MyA0NDMuNzM3LDkxLjc0NSA0NDguMzA3LDEwMy41MDQgQzQ1MS43NTcsMTEyLjM4MSA0NTUuODYxLDEyNS43MiA0NTYuOTgxLDE1MC4yODIgQzQ1OC4xOTMsMTc2Ljg0NiA0NTguNDUsMTg0LjgxNCA0NTguNDUsMjUyLjA4IEM0NTguNDUsMzE5LjM0NSA0NTguMTkzLDMyNy4zMTMgNDU2Ljk4MSwzNTMuODc3IEM0NTUuODYxLDM3OC40MzkgNDUxLjc1NywzOTEuNzc4IDQ0OC4zMDcsNDAwLjY1NSBDNDQzLjczNyw0MTIuNDE0IDQzOC4yNzgsNDIwLjgwNiA0MjkuNDYyLDQyOS42MjEgQzQyMC42NDcsNDM4LjQzNyA0MTIuMjU1LDQ0My44OTYgNDAwLjQ5Niw0NDguNDY2IEMzOTEuNjE5LDQ1MS45MTYgMzc4LjI4LDQ1Ni4wMiAzNTMuNzE4LDQ1Ny4xNCBDMzI3LjE1OCw0NTguMzUyIDMxOS4xOTEsNDU4LjYwOSAyNTEuOTIxLDQ1OC42MDkgQzE4NC42NSw0NTguNjA5IDE3Ni42ODQsNDU4LjM1MiAxNTAuMTIzLDQ1Ny4xNCBDMTI1LjU2MSw0NTYuMDIgMTEyLjIyMiw0NTEuOTE2IDEwMy4zNDUsNDQ4LjQ2NiBDOTEuNTg2LDQ0My44OTYgODMuMTk0LDQzOC40MzcgNzQuMzc5LDQyOS42MjEgQzY1LjU2NCw0MjAuODA2IDYwLjEwNCw0MTIuNDE0IDU1LjUzNCw0MDAuNjU1IEM1Mi4wODQsMzkxLjc3OCA0Ny45OCwzNzguNDM5IDQ2Ljg2LDM1My44NzcgQzQ1LjY0OCwzMjcuMzEzIDQ1LjM5MSwzMTkuMzQ1IDQ1LjM5MSwyNTIuMDggQzQ1LjM5MSwxODQuODE0IDQ1LjY0OCwxNzYuODQ2IDQ2Ljg2LDE1MC4yODIgQzQ3Ljk4LDEyNS43MiA1Mi4wODQsMTEyLjM4MSA1NS41MzQsMTAzLjUwNCBDNjAuMTA0LDkxLjc0NSA2NS41NjMsODMuMzUzIDc0LjM3OSw3NC41MzggQzgzLjE5NCw2NS43MjIgOTEuNTg2LDYwLjI2MyAxMDMuMzQ1LDU1LjY5MyBDMTEyLjIyMiw1Mi4yNDMgMTI1LjU2MSw0OC4xMzkgMTUwLjEyMyw0Ny4wMTkgQzE3Ni42ODcsNDUuODA3IDE4NC42NTUsNDUuNTUgMjUxLjkyMSw0NS41NSBaIiBpZD0iRmlsbC0xIiBmaWxsPSIjRkZGRkZGIiBtYXNrPSJ1cmwoI21hc2stMikiPjwvcGF0aD4gICAgICAgIDwvZz4gICAgICAgIDxwYXRoIGQ9Ik0yNTEuOTIxLDMzNi4wNTMgQzIwNS41NDMsMzM2LjA1MyAxNjcuOTQ3LDI5OC40NTcgMTY3Ljk0NywyNTIuMDggQzE2Ny45NDcsMjA1LjcwMiAyMDUuNTQzLDE2OC4xMDYgMjUxLjkyMSwxNjguMTA2IEMyOTguMjk4LDE2OC4xMDYgMzM1Ljg5NCwyMDUuNzAyIDMzNS44OTQsMjUyLjA4IEMzMzUuODk0LDI5OC40NTcgMjk4LjI5OCwzMzYuMDUzIDI1MS45MjEsMzM2LjA1MyBaIE0yNTEuOTIxLDEyMi43MTUgQzE4MC40NzQsMTIyLjcxNSAxMjIuNTU2LDE4MC42MzMgMTIyLjU1NiwyNTIuMDggQzEyMi41NTYsMzIzLjUyNiAxODAuNDc0LDM4MS40NDQgMjUxLjkyMSwzODEuNDQ0IEMzMjMuMzY3LDM4MS40NDQgMzgxLjI4NSwzMjMuNTI2IDM4MS4yODUsMjUyLjA4IEMzODEuMjg1LDE4MC42MzMgMzIzLjM2NywxMjIuNzE1IDI1MS45MjEsMTIyLjcxNSBaIiBpZD0iRmlsbC00IiBmaWxsPSIjRkZGRkZGIj48L3BhdGg+ICAgICAgICA8cGF0aCBkPSJNNDE2LjYyNywxMTcuNjA0IEM0MTYuNjI3LDEzNC4zIDQwMy4wOTIsMTQ3LjgzNCAzODYuMzk2LDE0Ny44MzQgQzM2OS43MDEsMTQ3LjgzNCAzNTYuMTY2LDEzNC4zIDM1Ni4xNjYsMTE3LjYwNCBDMzU2LjE2NiwxMDAuOTA4IDM2OS43MDEsODcuMzczIDM4Ni4zOTYsODcuMzczIEM0MDMuMDkyLDg3LjM3MyA0MTYuNjI3LDEwMC45MDggNDE2LjYyNywxMTcuNjA0IiBpZD0iRmlsbC01IiBmaWxsPSIjRkZGRkZGIj48L3BhdGg+ICAgIDwvZz48L3N2Zz4=); } .ck-media__wrapper[data-oembed-url*="instagram.com"] .ck-media__placeholder .ck-media__placeholder__url__text { color: hsl(302, 100%, 94%); } .ck-media__wrapper[data-oembed-url*="instagram.com"] .ck-media__placeholder .ck-media__placeholder__url__text:hover { color: hsl(0, 0%, 100%); } .ck-media__wrapper[data-oembed-url*="twitter.com"] .ck.ck-media__placeholder { background: linear-gradient( to right, hsl(201, 85%, 70%), hsl(201, 85%, 35%)); } .ck-media__wrapper[data-oembed-url*="twitter.com"] .ck.ck-media__placeholder .ck-media__placeholder__icon { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IldoaXRlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDQwMCA0MDAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQwMCA0MDA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5zdDB7ZmlsbDojRkZGRkZGO308L3N0eWxlPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00MDAsMjAwYzAsMTEwLjUtODkuNSwyMDAtMjAwLDIwMFMwLDMxMC41LDAsMjAwUzg5LjUsMCwyMDAsMFM0MDAsODkuNSw0MDAsMjAweiBNMTYzLjQsMzA1LjVjODguNywwLDEzNy4yLTczLjUsMTM3LjItMTM3LjJjMC0yLjEsMC00LjItMC4xLTYuMmM5LjQtNi44LDE3LjYtMTUuMywyNC4xLTI1Yy04LjYsMy44LTE3LjksNi40LTI3LjcsNy42YzEwLTYsMTcuNi0xNS40LDIxLjItMjYuN2MtOS4zLDUuNS0xOS42LDkuNS0zMC42LDExLjdjLTguOC05LjQtMjEuMy0xNS4yLTM1LjItMTUuMmMtMjYuNiwwLTQ4LjIsMjEuNi00OC4yLDQ4LjJjMCwzLjgsMC40LDcuNSwxLjMsMTFjLTQwLjEtMi03NS42LTIxLjItOTkuNC01MC40Yy00LjEsNy4xLTYuNSwxNS40LTYuNSwyNC4yYzAsMTYuNyw4LjUsMzEuNSwyMS41LDQwLjFjLTcuOS0wLjItMTUuMy0yLjQtMjEuOC02YzAsMC4yLDAsMC40LDAsMC42YzAsMjMuNCwxNi42LDQyLjgsMzguNyw0Ny4zYy00LDEuMS04LjMsMS43LTEyLjcsMS43Yy0zLjEsMC02LjEtMC4zLTkuMS0wLjljNi4xLDE5LjIsMjMuOSwzMy4xLDQ1LDMzLjVjLTE2LjUsMTIuOS0zNy4zLDIwLjYtNTkuOSwyMC42Yy0zLjksMC03LjctMC4yLTExLjUtMC43QzExMC44LDI5Ny41LDEzNi4yLDMwNS41LDE2My40LDMwNS41Ii8+PC9zdmc+); } .ck-media__wrapper[data-oembed-url*="twitter.com"] .ck.ck-media__placeholder .ck-media__placeholder__url__text { color: hsl(201, 100%, 86%); } .ck-media__wrapper[data-oembed-url*="twitter.com"] .ck.ck-media__placeholder .ck-media__placeholder__url__text:hover { color: hsl(0, 0%, 100%); } :root { --ck-color-mention-background: hsla(341, 100%, 30%, 0.1); --ck-color-mention-text: hsl(341, 100%, 30%); } .ck-content .mention { background: var(--ck-color-mention-background); color: var(--ck-color-mention-text); } :root { --ck-color-restricted-editing-exception-background: hsla(31, 100%, 65%, .2); --ck-color-restricted-editing-exception-hover-background: hsla(31, 100%, 65%, .35); --ck-color-restricted-editing-exception-brackets: hsla(31, 100%, 40%, .4); --ck-color-restricted-editing-selected-exception-background: hsla(31, 100%, 65%, .5); --ck-color-restricted-editing-selected-exception-brackets: hsla(31, 100%, 40%, .6); } .ck-editor__editable .restricted-editing-exception { transition: .2s ease-in-out background; background-color: var(--ck-color-restricted-editing-exception-background); border: 1px solid; border-image: linear-gradient( to right, var(--ck-color-restricted-editing-exception-brackets) 0%, var(--ck-color-restricted-editing-exception-brackets) 5px, hsla(0, 0%, 0%, 0) 6px, hsla(0, 0%, 0%, 0) calc(100% - 6px), var(--ck-color-restricted-editing-exception-brackets) calc(100% - 5px), var(--ck-color-restricted-editing-exception-brackets) 100%) 1; } @media (prefers-reduced-motion: reduce) { .ck-editor__editable .restricted-editing-exception { transition: none; } } .ck-editor__editable .restricted-editing-exception.restricted-editing-exception_selected { background-color: var(--ck-color-restricted-editing-selected-exception-background); border-image: linear-gradient( to right, var(--ck-color-restricted-editing-selected-exception-brackets) 0%, var(--ck-color-restricted-editing-selected-exception-brackets) 5px, var(--ck-color-restricted-editing-selected-exception-brackets) calc(100% - 5px), var(--ck-color-restricted-editing-selected-exception-brackets) 100%) 1; } .ck-editor__editable .restricted-editing-exception.restricted-editing-exception_collapsed { padding-left: 1ch; } .ck-restricted-editing_mode_restricted { cursor: default; } .ck-restricted-editing_mode_restricted * { cursor: default; } .ck-restricted-editing_mode_restricted .restricted-editing-exception { cursor: text; } .ck-restricted-editing_mode_restricted .restricted-editing-exception * { cursor: text; } .ck-restricted-editing_mode_restricted .restricted-editing-exception:hover { background: var(--ck-color-restricted-editing-exception-hover-background); } :root { --ck-character-grid-tile-size: 24px; } .ck.ck-character-grid { overflow-y: auto; overflow-x: hidden; } .ck.ck-character-grid .ck-character-grid__tiles { grid-template-columns: repeat(auto-fill, minmax(var(--ck-character-grid-tile-size), 1fr)); margin: var(--ck-spacing-standard) var(--ck-spacing-large); grid-gap: var(--ck-spacing-standard); } .ck.ck-character-grid .ck-character-grid__tile { width: var(--ck-character-grid-tile-size); height: var(--ck-character-grid-tile-size); min-width: var(--ck-character-grid-tile-size); min-height: var(--ck-character-grid-tile-size); font-size: 1.5em; padding: 0; transition: .2s ease box-shadow; border: 0; } @media (prefers-reduced-motion: reduce) { .ck.ck-character-grid .ck-character-grid__tile { transition: none; } } .ck.ck-character-grid .ck-character-grid__tile:focus:not(.ck-disabled), .ck.ck-character-grid .ck-character-grid__tile:hover:not(.ck-disabled) { border: 0; box-shadow: inset 0 0 0 1px var(--ck-color-base-background), 0 0 0 2px var(--ck-color-focus-border); } .ck.ck-character-grid .ck-character-grid__tile .ck-button__label { line-height: var(--ck-character-grid-tile-size); width: 100%; text-align: center; } .ck.ck-character-info { padding: var(--ck-spacing-small) var(--ck-spacing-large); border-top: 1px solid var(--ck-color-base-border); } .ck.ck-character-info > * { text-transform: uppercase; font-size: var(--ck-font-size-small); } .ck.ck-character-info .ck-character-info__name { max-width: 280px; text-overflow: ellipsis; overflow: hidden; } .ck.ck-character-info .ck-character-info__code { opacity: .6; } .ck.ck-special-characters-navigation > .ck-label { max-width: 160px; text-overflow: ellipsis; overflow: hidden; } .ck.ck-special-characters-navigation > .ck-dropdown .ck-dropdown__panel { max-height: 250px; overflow-y: auto; overflow-x: hidden; } @media screen and (max-width: 600px) { .ck.ck-special-characters-navigation { max-width: 190px; } .ck.ck-special-characters-navigation > .ck-form__header__label { text-overflow: ellipsis; overflow: hidden; } } .ck.ck-dropdown.ck-style-dropdown.ck-style-dropdown_multiple-active > .ck-button > .ck-button__label { font-style: italic; } :root { --ck-style-panel-button-width: 120px; --ck-style-panel-button-height: 80px; --ck-style-panel-button-label-background: hsl(0, 0%, 94.1%); --ck-style-panel-button-hover-label-background: hsl(0, 0%, 92.1%); --ck-style-panel-button-hover-border-color: hsl(0, 0%, 70%); } .ck.ck-style-panel .ck-style-grid { row-gap: var(--ck-spacing-large); column-gap: var(--ck-spacing-large); } .ck.ck-style-panel .ck-style-grid .ck-style-grid__button { --ck-color-button-default-hover-background: var(--ck-color-base-background); --ck-color-button-default-active-background: var(--ck-color-base-background); padding: 0; width: var(--ck-style-panel-button-width); height: var(--ck-style-panel-button-height); } .ck.ck-style-panel .ck-style-grid .ck-style-grid__button:not(:focus) { border: 1px solid var(--ck-color-base-border); } .ck.ck-style-panel .ck-style-grid .ck-style-grid__button .ck-button__label { height: 22px; line-height: 22px; width: 100%; padding: 0 var(--ck-spacing-medium); overflow: hidden; text-overflow: ellipsis; flex-shrink: 0; } .ck.ck-style-panel .ck-style-grid .ck-style-grid__button .ck-style-grid__button__preview { width: 100%; overflow: hidden; opacity: .9; padding: var(--ck-spacing-medium); background: var(--ck-color-base-background); border: 2px solid var(--ck-color-base-background); } .ck.ck-style-panel .ck-style-grid .ck-style-grid__button.ck-disabled { --ck-color-button-default-disabled-background: var(--ck-color-base-foreground); } .ck.ck-style-panel .ck-style-grid .ck-style-grid__button.ck-disabled:not(:focus) { border-color: var(--ck-style-panel-button-label-background); } .ck.ck-style-panel .ck-style-grid .ck-style-grid__button.ck-disabled .ck-style-grid__button__preview { opacity: .4; border-color: var(--ck-color-base-foreground); filter: saturate(.3); } .ck.ck-style-panel .ck-style-grid .ck-style-grid__button.ck-on { border-color: var(--ck-color-base-active); } .ck.ck-style-panel .ck-style-grid .ck-style-grid__button.ck-on .ck-button__label { box-shadow: 0 -1px 0 var(--ck-color-base-active); z-index: 1; } .ck.ck-style-panel .ck-style-grid .ck-style-grid__button.ck-on:hover { border-color: var(--ck-color-base-active-focus); } .ck.ck-style-panel .ck-style-grid .ck-style-grid__button:not(.ck-on) .ck-button__label { background: var(--ck-style-panel-button-label-background); } .ck.ck-style-panel .ck-style-grid .ck-style-grid__button:not(.ck-on):hover .ck-button__label { background: var(--ck-style-panel-button-hover-label-background); } .ck.ck-style-panel .ck-style-grid .ck-style-grid__button:hover:not(.ck-disabled):not(.ck-on) { border-color: var(--ck-style-panel-button-hover-border-color); } .ck.ck-style-panel .ck-style-grid .ck-style-grid__button:hover:not(.ck-disabled):not(.ck-on) .ck-style-grid__button__preview { opacity: 1; } .ck.ck-style-panel .ck-style-panel__style-group > .ck-label { margin: var(--ck-spacing-large) 0; } .ck.ck-style-panel .ck-style-panel__style-group:first-child > .ck-label { margin-top: 0; } :root { --ck-style-panel-max-height: 470px; } .ck.ck-style-panel { padding: var(--ck-spacing-large); overflow-y: auto; max-height: var(--ck-style-panel-max-height); } [dir=ltr] .ck.ck-input-color > .ck.ck-input-text { border-top-right-radius: 0; border-bottom-right-radius: 0; } [dir=rtl] .ck.ck-input-color > .ck.ck-input-text { border-top-left-radius: 0; border-bottom-left-radius: 0; } .ck.ck-input-color > .ck.ck-input-text:focus { z-index: 0; } .ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button { padding: 0; } [dir=ltr] .ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button { border-top-left-radius: 0; border-bottom-left-radius: 0; } [dir=ltr] .ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button:not(:focus) { border-left: 1px solid transparent; } [dir=rtl] .ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button { border-top-right-radius: 0; border-bottom-right-radius: 0; } [dir=rtl] .ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button:not(:focus) { border-right: 1px solid transparent; } .ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button.ck-disabled { background: var(--ck-color-input-disabled-background); } .ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button > .ck.ck-input-color__button__preview { border-radius: 0; width: 20px; height: 20px; border: 1px solid var(--ck-color-input-border); } .ck-rounded-corners .ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button > .ck.ck-input-color__button__preview, .ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button > .ck.ck-input-color__button__preview.ck-rounded-corners { border-radius: var(--ck-border-radius); } .ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button > .ck.ck-input-color__button__preview > .ck.ck-input-color__button__preview__no-color-indicator { top: -30%; left: 50%; height: 150%; width: 8%; background: hsl(0, 100%, 50%); border-radius: 2px; transform: rotate(45deg); transform-origin: 50%; } .ck.ck-input-color .ck.ck-input-color__remove-color { width: 100%; padding: calc(var(--ck-spacing-standard) / 2) var(--ck-spacing-standard); border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .ck.ck-input-color .ck.ck-input-color__remove-color:not(:focus) { border-bottom: 1px solid var(--ck-color-input-border); } [dir=ltr] .ck.ck-input-color .ck.ck-input-color__remove-color { border-top-right-radius: 0; } [dir=rtl] .ck.ck-input-color .ck.ck-input-color__remove-color { border-top-left-radius: 0; } .ck.ck-input-color .ck.ck-input-color__remove-color .ck.ck-icon { margin-right: var(--ck-spacing-standard); } [dir=rtl] .ck.ck-input-color .ck.ck-input-color__remove-color .ck.ck-icon { margin-right: 0; margin-left: var(--ck-spacing-standard); } .ck.ck-form { padding: 0 0 var(--ck-spacing-large); } .ck.ck-form:focus { outline: none; } .ck.ck-form .ck.ck-input-text { min-width: 100%; width: 0; } .ck.ck-form .ck.ck-dropdown { min-width: 100%; } .ck.ck-form .ck.ck-dropdown .ck-dropdown__button:not(:focus) { border: 1px solid var(--ck-color-base-border); } .ck.ck-form .ck.ck-dropdown .ck-dropdown__button .ck-button__label { width: 100%; } .ck.ck-form__row { padding: var(--ck-spacing-standard) var(--ck-spacing-large) 0; } [dir=ltr] .ck.ck-form__row > *:not(.ck-label) + * { margin-left: var(--ck-spacing-large); } [dir=rtl] .ck.ck-form__row > *:not(.ck-label) + * { margin-right: var(--ck-spacing-large); } .ck.ck-form__row > .ck-label { width: 100%; min-width: 100%; } .ck.ck-form__row.ck-table-form__action-row { margin-top: var(--ck-spacing-large); } .ck.ck-form__row.ck-table-form__action-row .ck-button .ck-button__label { color: var(--ck-color-text); } :root { --ck-insert-table-dropdown-padding: 10px; --ck-insert-table-dropdown-box-height: 11px; --ck-insert-table-dropdown-box-width: 12px; --ck-insert-table-dropdown-box-margin: 1px; } .ck .ck-insert-table-dropdown__grid { width: calc(var(--ck-insert-table-dropdown-box-width) * 10 + var(--ck-insert-table-dropdown-box-margin) * 20 + var(--ck-insert-table-dropdown-padding) * 2); padding: var(--ck-insert-table-dropdown-padding) var(--ck-insert-table-dropdown-padding) 0; } .ck .ck-insert-table-dropdown__label, .ck[dir=rtl] .ck-insert-table-dropdown__label { text-align: center; } .ck .ck-insert-table-dropdown-grid-box { min-width: var(--ck-insert-table-dropdown-box-width); min-height: var(--ck-insert-table-dropdown-box-height); margin: var(--ck-insert-table-dropdown-box-margin); border: 1px solid var(--ck-color-base-border); border-radius: 1px; outline: none; transition: none; } @media (prefers-reduced-motion: reduce) { .ck .ck-insert-table-dropdown-grid-box { transition: none; } } .ck .ck-insert-table-dropdown-grid-box:focus { box-shadow: none; } .ck .ck-insert-table-dropdown-grid-box.ck-on { border-color: var(--ck-color-focus-border); background: var(--ck-color-focus-outer-shadow); } .ck.ck-table-cell-properties-form { width: 320px; } .ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__padding-row { align-self: flex-end; padding: 0; width: 25%; } .ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__alignment-row .ck.ck-toolbar { background: none; margin-top: var(--ck-spacing-standard); } :root { --ck-color-selector-focused-cell-background: hsla(212, 90%, 80%, .3); } .ck-widget.table td.ck-editor__nested-editable.ck-editor__nested-editable_focused, .ck-widget.table th.ck-editor__nested-editable.ck-editor__nested-editable_focused, .ck-widget.table td.ck-editor__nested-editable:focus, .ck-widget.table th.ck-editor__nested-editable:focus { background: var(--ck-color-selector-focused-cell-background); outline: 1px solid var(--ck-color-focus-border); outline-offset: -1px; } :root { --ck-table-properties-error-arrow-size: 6px; --ck-table-properties-min-error-width: 150px; } .ck.ck-table-form .ck-form__row.ck-table-form__border-row .ck-labeled-field-view > .ck-label { font-size: var(--ck-font-size-tiny); text-align: center; } .ck.ck-table-form .ck-form__row.ck-table-form__border-row .ck-table-form__border-style, .ck.ck-table-form .ck-form__row.ck-table-form__border-row .ck-table-form__border-width { width: 80px; min-width: 80px; max-width: 80px; } .ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row { padding: 0; } .ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row .ck-table-form__dimensions-row__width, .ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row .ck-table-form__dimensions-row__height { margin: 0; } .ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row .ck-table-form__dimension-operator { align-self: flex-end; display: inline-block; height: var(--ck-ui-component-min-height); line-height: var(--ck-ui-component-min-height); margin: 0 var(--ck-spacing-small); } .ck.ck-table-form .ck.ck-labeled-field-view { padding-top: var(--ck-spacing-standard); } .ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status { border-radius: 0; background: var(--ck-color-base-error); color: var(--ck-color-base-background); padding: var(--ck-spacing-small) var(--ck-spacing-medium); min-width: var(--ck-table-properties-min-error-width); text-align: center; animation: ck-table-form-labeled-view-status-appear .15s ease both; } .ck-rounded-corners .ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status, .ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status.ck-rounded-corners { border-radius: var(--ck-border-radius); } .ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status::after { border-color: transparent transparent var(--ck-color-base-error) transparent; border-width: 0 var(--ck-table-properties-error-arrow-size) var(--ck-table-properties-error-arrow-size) var(--ck-table-properties-error-arrow-size); border-style: solid; } @media (prefers-reduced-motion: reduce) { .ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status { animation: none; } } .ck.ck-table-form .ck.ck-labeled-field-view .ck-input.ck-error:not(:focus) + .ck.ck-labeled-field-view__status { display: none; } @keyframes ck-table-form-labeled-view-status-appear { 0% { opacity: 0; } 100% { opacity: 1; } } .ck.ck-table-properties-form { width: 320px; } .ck.ck-table-properties-form .ck-form__row.ck-table-properties-form__alignment-row { align-self: flex-end; padding: 0; } .ck.ck-table-properties-form .ck-form__row.ck-table-properties-form__alignment-row .ck.ck-toolbar { background: none; margin-top: var(--ck-spacing-standard); } .ck.ck-table-properties-form .ck-form__row.ck-table-properties-form__alignment-row .ck.ck-toolbar .ck-toolbar__items > * { width: 40px; } :root { --ck-table-selected-cell-background: hsla(208, 90%, 80%, .3); } .ck.ck-editor__editable .table table td.ck-editor__editable_selected, .ck.ck-editor__editable .table table th.ck-editor__editable_selected { position: relative; caret-color: transparent; outline: unset; box-shadow: unset; } .ck.ck-editor__editable .table table td.ck-editor__editable_selected:after, .ck.ck-editor__editable .table table th.ck-editor__editable_selected:after { content: ""; pointer-events: none; background-color: var(--ck-table-selected-cell-background); position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .ck.ck-editor__editable .table table td.ck-editor__editable_selected ::selection, .ck.ck-editor__editable .table table th.ck-editor__editable_selected ::selection, .ck.ck-editor__editable .table table td.ck-editor__editable_selected:focus, .ck.ck-editor__editable .table table th.ck-editor__editable_selected:focus { background-color: transparent; } .ck.ck-editor__editable .table table td.ck-editor__editable_selected .ck-widget, .ck.ck-editor__editable .table table th.ck-editor__editable_selected .ck-widget { outline: unset; } .ck.ck-editor__editable .table table td.ck-editor__editable_selected .ck-widget > .ck-widget__selection-handle, .ck.ck-editor__editable .table table th.ck-editor__editable_selected .ck-widget > .ck-widget__selection-handle { display: none; } :root { --ck-widget-outline-thickness: 3px; --ck-widget-handler-icon-size: 16px; --ck-widget-handler-animation-duration: 200ms; --ck-widget-handler-animation-curve: ease; --ck-color-widget-blurred-border: hsl(0, 0%, 87%); --ck-color-widget-hover-border: hsl(43, 100%, 62%); --ck-color-widget-editable-focus-background: var(--ck-color-base-background); --ck-color-widget-drag-handler-icon-color: var(--ck-color-base-background); } .ck .ck-widget { outline-width: var(--ck-widget-outline-thickness); outline-style: solid; outline-color: transparent; transition: outline-color var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve); } @media (prefers-reduced-motion: reduce) { .ck .ck-widget { transition: none; } } .ck .ck-widget.ck-widget_selected, .ck .ck-widget.ck-widget_selected:hover { outline: var(--ck-widget-outline-thickness) solid var(--ck-color-focus-border); } .ck .ck-widget:hover { outline-color: var(--ck-color-widget-hover-border); } .ck .ck-editor__nested-editable { border: 1px solid transparent; } .ck .ck-editor__nested-editable.ck-editor__nested-editable_focused, .ck .ck-editor__nested-editable:focus { box-shadow: var(--ck-inner-shadow), 0 0; } @media (forced-colors: none) { .ck .ck-editor__nested-editable.ck-editor__nested-editable_focused, .ck .ck-editor__nested-editable:focus { background-color: var(--ck-color-widget-editable-focus-background); } } .ck .ck-editor__nested-editable.ck-editor__nested-editable_focused:not(td, th), .ck .ck-editor__nested-editable:focus:not(td, th) { outline: none; border: var(--ck-focus-ring); } .ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle { padding: 4px; box-sizing: border-box; background-color: transparent; opacity: 0; transition: background-color var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve), visibility var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve), opacity var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve); border-radius: var(--ck-border-radius) var(--ck-border-radius) 0 0; transform: translateY(-100%); left: calc(0px - var(--ck-widget-outline-thickness)); top: 0; } @media (prefers-reduced-motion: reduce) { .ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle { transition: none; } } .ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle .ck-icon { width: var(--ck-widget-handler-icon-size); height: var(--ck-widget-handler-icon-size); color: var(--ck-color-widget-drag-handler-icon-color); } .ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle .ck-icon .ck-icon__selected-indicator { opacity: 0; transition: opacity 300ms var(--ck-widget-handler-animation-curve); } @media (prefers-reduced-motion: reduce) { .ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle .ck-icon .ck-icon__selected-indicator { transition: none; } } .ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle:hover .ck-icon .ck-icon__selected-indicator { opacity: 1; } .ck .ck-widget.ck-widget_with-selection-handle:hover > .ck-widget__selection-handle { opacity: 1; background-color: var(--ck-color-widget-hover-border); } .ck .ck-widget.ck-widget_with-selection-handle.ck-widget_selected > .ck-widget__selection-handle, .ck .ck-widget.ck-widget_with-selection-handle.ck-widget_selected:hover > .ck-widget__selection-handle { opacity: 1; background-color: var(--ck-color-focus-border); } .ck .ck-widget.ck-widget_with-selection-handle.ck-widget_selected > .ck-widget__selection-handle .ck-icon .ck-icon__selected-indicator, .ck .ck-widget.ck-widget_with-selection-handle.ck-widget_selected:hover > .ck-widget__selection-handle .ck-icon .ck-icon__selected-indicator { opacity: 1; } .ck[dir=rtl] .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle { left: auto; right: calc(0px - var(--ck-widget-outline-thickness)); } .ck.ck-editor__editable.ck-read-only .ck-widget { transition: none; } .ck.ck-editor__editable.ck-read-only .ck-widget:not(.ck-widget_selected) { --ck-widget-outline-thickness: 0px; } .ck.ck-editor__editable.ck-read-only .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle, .ck.ck-editor__editable.ck-read-only .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle:hover { background: var(--ck-color-widget-blurred-border); } .ck.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected, .ck.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected:hover { outline-color: var(--ck-color-widget-blurred-border); } .ck.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected.ck-widget_with-selection-handle > .ck-widget__selection-handle, .ck.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected.ck-widget_with-selection-handle:hover > .ck-widget__selection-handle, .ck.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected.ck-widget_with-selection-handle > .ck-widget__selection-handle:hover, .ck.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected.ck-widget_with-selection-handle:hover > .ck-widget__selection-handle:hover { background: var(--ck-color-widget-blurred-border); } .ck.ck-editor__editable > .ck-widget.ck-widget_with-selection-handle:first-child, .ck.ck-editor__editable blockquote > .ck-widget.ck-widget_with-selection-handle:first-child { margin-top: calc(1em + var(--ck-widget-handler-icon-size)); } :root { --ck-resizer-size: 10px; --ck-resizer-offset: calc( ( var(--ck-resizer-size) / -2 ) - 2px); --ck-resizer-border-width: 1px; } .ck .ck-widget__resizer { outline: 1px solid var(--ck-color-resizer); } .ck .ck-widget__resizer__handle { width: var(--ck-resizer-size); height: var(--ck-resizer-size); background: var(--ck-color-focus-border); border: var(--ck-resizer-border-width) solid hsl(0, 0%, 100%); border-radius: var(--ck-resizer-border-radius); } .ck .ck-widget__resizer__handle.ck-widget__resizer__handle-top-left { top: var(--ck-resizer-offset); left: var(--ck-resizer-offset); } .ck .ck-widget__resizer__handle.ck-widget__resizer__handle-top-right { top: var(--ck-resizer-offset); right: var(--ck-resizer-offset); } .ck .ck-widget__resizer__handle.ck-widget__resizer__handle-bottom-right { bottom: var(--ck-resizer-offset); right: var(--ck-resizer-offset); } .ck .ck-widget__resizer__handle.ck-widget__resizer__handle-bottom-left { bottom: var(--ck-resizer-offset); left: var(--ck-resizer-offset); } :root { --ck-widget-type-around-button-size: 20px; --ck-color-widget-type-around-button-active: var(--ck-color-focus-border); --ck-color-widget-type-around-button-hover: var(--ck-color-widget-hover-border); --ck-color-widget-type-around-button-blurred-editable: var(--ck-color-widget-blurred-border); --ck-color-widget-type-around-button-radar-start-alpha: 0; --ck-color-widget-type-around-button-radar-end-alpha: .3; --ck-color-widget-type-around-button-icon: var(--ck-color-base-background); } .ck .ck-widget .ck-widget__type-around__button { width: var(--ck-widget-type-around-button-size); height: var(--ck-widget-type-around-button-size); background: var(--ck-color-widget-type-around-button); border-radius: 100px; transition: opacity var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve), background var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve); opacity: 0; pointer-events: none; } @media (prefers-reduced-motion: reduce) { .ck .ck-widget .ck-widget__type-around__button { transition: none; } } .ck .ck-widget .ck-widget__type-around__button svg { width: 10px; height: 8px; transform: translate(-50%, -50%); transition: transform .5s ease; margin-top: 1px; } @media (prefers-reduced-motion: reduce) { .ck .ck-widget .ck-widget__type-around__button svg { transition: none; } } .ck .ck-widget .ck-widget__type-around__button svg * { stroke-dasharray: 10; stroke-dashoffset: 0; fill: none; stroke: var(--ck-color-widget-type-around-button-icon); stroke-width: 1.5px; stroke-linecap: round; stroke-linejoin: round; } .ck .ck-widget .ck-widget__type-around__button svg line { stroke-dasharray: 7; } .ck .ck-widget .ck-widget__type-around__button:hover { animation: ck-widget-type-around-button-sonar 1s ease infinite; } .ck .ck-widget .ck-widget__type-around__button:hover svg polyline { animation: ck-widget-type-around-arrow-dash 2s linear; } .ck .ck-widget .ck-widget__type-around__button:hover svg line { animation: ck-widget-type-around-arrow-tip-dash 2s linear; } @media (prefers-reduced-motion: reduce) { .ck .ck-widget .ck-widget__type-around__button:hover { animation: none; } .ck .ck-widget .ck-widget__type-around__button:hover svg polyline { animation: none; } .ck .ck-widget .ck-widget__type-around__button:hover svg line { animation: none; } } .ck .ck-widget.ck-widget_selected > .ck-widget__type-around > .ck-widget__type-around__button, .ck .ck-widget:hover > .ck-widget__type-around > .ck-widget__type-around__button { opacity: 1; pointer-events: auto; } .ck .ck-widget:not(.ck-widget_selected) > .ck-widget__type-around > .ck-widget__type-around__button { background: var(--ck-color-widget-type-around-button-hover); } .ck .ck-widget.ck-widget_selected > .ck-widget__type-around > .ck-widget__type-around__button, .ck .ck-widget > .ck-widget__type-around > .ck-widget__type-around__button:hover { background: var(--ck-color-widget-type-around-button-active); } .ck .ck-widget.ck-widget_selected > .ck-widget__type-around > .ck-widget__type-around__button::after, .ck .ck-widget > .ck-widget__type-around > .ck-widget__type-around__button:hover::after { width: calc(var(--ck-widget-type-around-button-size) - 2px); height: calc(var(--ck-widget-type-around-button-size) - 2px); border-radius: 100px; background: linear-gradient( 135deg, hsla(0, 0%, 100%, 0) 0%, hsla(0, 0%, 100%, .3) 100%); } .ck .ck-widget.ck-widget_with-selection-handle > .ck-widget__type-around > .ck-widget__type-around__button_before { margin-left: 20px; } .ck .ck-widget .ck-widget__type-around__fake-caret { pointer-events: none; height: 1px; animation: ck-widget-type-around-fake-caret-pulse linear 1s infinite normal forwards; outline: solid 1px hsla(0, 0%, 100%, .5); background: var(--ck-color-base-text); } .ck .ck-widget.ck-widget_selected.ck-widget_type-around_show-fake-caret_before, .ck .ck-widget.ck-widget_selected.ck-widget_type-around_show-fake-caret_after { outline-color: transparent; } .ck .ck-widget.ck-widget_type-around_show-fake-caret_before.ck-widget_selected:hover, .ck .ck-widget.ck-widget_type-around_show-fake-caret_after.ck-widget_selected:hover { outline-color: var(--ck-color-widget-hover-border); } .ck .ck-widget.ck-widget_type-around_show-fake-caret_before > .ck-widget__type-around > .ck-widget__type-around__button, .ck .ck-widget.ck-widget_type-around_show-fake-caret_after > .ck-widget__type-around > .ck-widget__type-around__button { opacity: 0; pointer-events: none; } .ck .ck-widget.ck-widget_type-around_show-fake-caret_before.ck-widget_with-selection-handle.ck-widget_selected > .ck-widget__selection-handle, .ck .ck-widget.ck-widget_type-around_show-fake-caret_after.ck-widget_with-selection-handle.ck-widget_selected > .ck-widget__selection-handle, .ck .ck-widget.ck-widget_type-around_show-fake-caret_before.ck-widget_with-selection-handle.ck-widget_selected:hover > .ck-widget__selection-handle, .ck .ck-widget.ck-widget_type-around_show-fake-caret_after.ck-widget_with-selection-handle.ck-widget_selected:hover > .ck-widget__selection-handle { opacity: 0; } .ck .ck-widget.ck-widget_type-around_show-fake-caret_before.ck-widget_selected.ck-widget_with-resizer > .ck-widget__resizer, .ck .ck-widget.ck-widget_type-around_show-fake-caret_after.ck-widget_selected.ck-widget_with-resizer > .ck-widget__resizer { opacity: 0; } .ck[dir=rtl] .ck-widget.ck-widget_with-selection-handle .ck-widget__type-around > .ck-widget__type-around__button_before { margin-left: 0; margin-right: 20px; } .ck-editor__nested-editable.ck-editor__editable_selected .ck-widget.ck-widget_selected > .ck-widget__type-around > .ck-widget__type-around__button, .ck-editor__nested-editable.ck-editor__editable_selected .ck-widget:hover > .ck-widget__type-around > .ck-widget__type-around__button { opacity: 0; pointer-events: none; } .ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected > .ck-widget__type-around > .ck-widget__type-around__button:not(:hover) { background: var(--ck-color-widget-type-around-button-blurred-editable); } .ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected > .ck-widget__type-around > .ck-widget__type-around__button:not(:hover) svg * { stroke: hsl(0, 0%, 60%); } @keyframes ck-widget-type-around-arrow-dash { 0% { stroke-dashoffset: 10; } 20%, 100% { stroke-dashoffset: 0; } } @keyframes ck-widget-type-around-arrow-tip-dash { 0%, 20% { stroke-dashoffset: 7; } 40%, 100% { stroke-dashoffset: 0; } } @keyframes ck-widget-type-around-button-sonar { 0% { box-shadow: 0 0 0 0 hsla(var(--ck-color-focus-border-coordinates), var(--ck-color-widget-type-around-button-radar-start-alpha)); } 50% { box-shadow: 0 0 0 5px hsla(var(--ck-color-focus-border-coordinates), var(--ck-color-widget-type-around-button-radar-end-alpha)); } 100% { box-shadow: 0 0 0 5px hsla(var(--ck-color-focus-border-coordinates), var(--ck-color-widget-type-around-button-radar-start-alpha)); } } @keyframes ck-widget-type-around-fake-caret-pulse { 0% { opacity: 1; } 49% { opacity: 1; } 50% { opacity: 0; } 99% { opacity: 0; } 100% { opacity: 1; } } .ck-content code { background-color: hsla(0, 0%, 78%, 0.3); padding: .15em; border-radius: 2px; } .ck.ck-editor__editable .ck-code_selected { background-color: hsla(0, 0%, 78%, 0.5); } .ck-content blockquote { overflow: hidden; padding-right: 1.5em; padding-left: 1.5em; margin-left: 0; margin-right: 0; font-style: italic; border-left: solid 5px hsl(0, 0%, 80%); } .ck-content[dir=rtl] blockquote { border-left: 0; border-right: solid 5px hsl(0, 0%, 80%); } :root { --ck-image-processing-highlight-color: hsl(220, 10%, 98%); --ck-image-processing-background-color: hsl(220, 10%, 90%); } .ck.ck-editor__editable .image.image-processing { position: relative; } .ck.ck-editor__editable .image.image-processing:before { content: ""; position: absolute; top: 0; left: 0; z-index: 1; height: 100%; width: 100%; background: linear-gradient( 90deg, var(--ck-image-processing-background-color), var(--ck-image-processing-highlight-color), var(--ck-image-processing-background-color)); background-size: 200% 100%; animation: ck-image-processing-animation 2s linear infinite; } .ck.ck-editor__editable .image.image-processing img { height: 100%; } @keyframes ck-image-processing-animation { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } } .ck.ck-editor__editable .ck.ck-clipboard-drop-target-position { display: inline; position: relative; pointer-events: none; } .ck.ck-editor__editable .ck.ck-clipboard-drop-target-position span { position: absolute; width: 0; } .ck.ck-editor__editable .ck-widget:-webkit-drag > .ck-widget__selection-handle { display: none; } .ck.ck-editor__editable .ck-widget:-webkit-drag > .ck-widget__type-around { display: none; } .ck.ck-clipboard-drop-target-line { position: absolute; pointer-events: none; } .ck-content pre { padding: 1em; color: hsl(0, 0%, 20.8%); background: hsla(0, 0%, 78%, 0.3); border: 1px solid hsl(0, 0%, 77%); border-radius: 2px; text-align: left; direction: ltr; -moz-tab-size: 4; tab-size: 4; white-space: pre-wrap; font-style: normal; min-width: 200px; } .ck-content pre code { background: unset; padding: 0; border-radius: 0; } .ck.ck-editor__editable pre { position: relative; } .ck.ck-editor__editable pre[data-language]::after { content: attr(data-language); position: absolute; } .ck.ck-editor { position: relative; } .ck.ck-editor .ck-editor__top .ck-sticky-panel .ck-toolbar { z-index: var(--ck-z-panel); } .ck.ck-menu-bar { border: none; border-bottom: 1px solid var(--ck-color-toolbar-border); } .ck.ck-placeholder, .ck .ck-placeholder { position: relative; } .ck.ck-placeholder::before, .ck .ck-placeholder::before { position: absolute; left: 0; right: 0; content: attr(data-placeholder); pointer-events: none; } .ck.ck-read-only .ck-placeholder::before { display: none; } .ck.ck-reset_all .ck-placeholder { position: relative; } .ck.ck-editor__editable span[data-ck-unsafe-element] { display: none; } .ck-find-result { background: var(--ck-color-highlight-background); color: var(--ck-color-text); } .ck-find-result_selected { background: hsl(29, 100%, 60%); } .ck.ck-find-and-replace-form { max-width: 100%; } .ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs, .ck.ck-find-and-replace-form .ck-find-and-replace-form__actions { display: flex; } .ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs.ck-find-and-replace-form__inputs .ck-results-counter, .ck.ck-find-and-replace-form .ck-find-and-replace-form__actions.ck-find-and-replace-form__inputs .ck-results-counter { position: absolute; } .ck-content .text-tiny { font-size: .7em; } .ck-content .text-small { font-size: .85em; } .ck-content .text-big { font-size: 1.4em; } .ck-content .text-huge { font-size: 1.8em; } .ck.ck-heading_heading1 .ck-button__label { font-size: 20px; } .ck.ck-heading_heading2 .ck-button__label { font-size: 17px; } .ck.ck-heading_heading3 .ck-button__label { font-size: 14px; } .ck[class*=ck-heading_heading] { font-weight: bold; } :root { --ck-highlight-marker-yellow: hsl(60, 97%, 73%); --ck-highlight-marker-green: hsl(120, 93%, 68%); --ck-highlight-marker-pink: hsl(345, 96%, 73%); --ck-highlight-marker-blue: hsl(201, 97%, 72%); --ck-highlight-pen-red: hsl(0, 85%, 49%); --ck-highlight-pen-green: hsl(112, 100%, 27%); } .ck-content .marker-yellow { background-color: var(--ck-highlight-marker-yellow); } .ck-content .marker-green { background-color: var(--ck-highlight-marker-green); } .ck-content .marker-pink { background-color: var(--ck-highlight-marker-pink); } .ck-content .marker-blue { background-color: var(--ck-highlight-marker-blue); } .ck-content .pen-red { color: var(--ck-highlight-pen-red); background-color: transparent; } .ck-content .pen-green { color: var(--ck-highlight-pen-green); background-color: transparent; } .ck-editor__editable .ck-horizontal-line { display: flow-root; } .ck-content hr { margin: 15px 0; height: 4px; background: hsl(0, 0%, 87%); border: 0; } .ck-widget.raw-html-embed { margin: 0.9em auto; position: relative; display: flow-root; min-width: 15em; font-style: normal; } .ck-widget.raw-html-embed::before { position: absolute; z-index: 1; } .ck-widget.raw-html-embed .raw-html-embed__buttons-wrapper { position: absolute; display: flex; flex-direction: column; } .ck-widget.raw-html-embed .raw-html-embed__preview { position: relative; overflow: hidden; display: flex; } .ck-widget.raw-html-embed .raw-html-embed__preview-content { width: 100%; position: relative; margin: auto; display: table; border-collapse: separate; border-spacing: 7px; } .ck-widget.raw-html-embed .raw-html-embed__preview-placeholder { position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center; } :root { --ck-html-object-embed-unfocused-outline-width: 1px; } .ck-widget.html-object-embed { font-size: var(--ck-font-size-base); background-color: var(--ck-color-base-foreground); padding: var(--ck-spacing-small); padding-top: calc(var(--ck-font-size-tiny) + var(--ck-spacing-large)); min-width: calc(76px + var(--ck-spacing-standard)); } .ck-widget.html-object-embed:not(.ck-widget_selected):not(:hover) { outline: var(--ck-html-object-embed-unfocused-outline-width) dashed var(--ck-color-widget-blurred-border); } .ck-widget.html-object-embed::before { font-weight: normal; font-style: normal; position: absolute; content: attr(data-html-object-embed-label); top: 0; left: var(--ck-spacing-standard); background: hsl(0, 0%, 60%); transition: background var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve); padding: calc(var(--ck-spacing-tiny) + var(--ck-html-object-embed-unfocused-outline-width)) var(--ck-spacing-small) var(--ck-spacing-tiny); border-radius: 0 0 var(--ck-border-radius) var(--ck-border-radius); color: var(--ck-color-base-background); font-size: var(--ck-font-size-tiny); font-family: var(--ck-font-face); } .ck-widget.html-object-embed .ck-widget__type-around .ck-widget__type-around__button.ck-widget__type-around__button_before { margin-left: 50px; } .ck-widget.html-object-embed .html-object-embed__content { pointer-events: none; } div.ck-widget.html-object-embed { margin: 1em auto; } span.ck-widget.html-object-embed { display: inline-block; } :root { --ck-color-image-caption-background: hsl(0, 0%, 97%); --ck-color-image-caption-text: hsl(0, 0%, 20%); --ck-color-image-caption-highlighted-background: hsl(52deg 100% 50%); } .ck-content .image > figcaption { display: table-caption; caption-side: bottom; word-break: break-word; color: var(--ck-color-image-caption-text); background-color: var(--ck-color-image-caption-background); padding: .6em; font-size: .75em; outline-offset: -1px; } @media (forced-colors: active) { .ck-content .image > figcaption { background-color: unset; color: unset; } } @media (forced-colors: none) { .ck.ck-editor__editable .image > figcaption.image__caption_highlighted { animation: ck-image-caption-highlight .6s ease-out; } } @media (prefers-reduced-motion: reduce) { .ck.ck-editor__editable .image > figcaption.image__caption_highlighted { animation: none; } } @keyframes ck-image-caption-highlight { 0% { background-color: var(--ck-color-image-caption-highlighted-background); } 100% { background-color: var(--ck-color-image-caption-background); } } .ck.ck-image-insert-url { width: 400px; padding: var(--ck-spacing-large) var(--ck-spacing-large) 0; } .ck.ck-image-insert-url .ck-image-insert-url__action-row { display: grid; grid-template-columns: repeat(2, 1fr); } .ck-content img.image_resized { height: auto; } .ck-content .image.image_resized { max-width: 100%; display: block; box-sizing: border-box; } .ck-content .image.image_resized img { width: 100%; } .ck-content .image.image_resized > figcaption { display: block; } .ck.ck-editor__editable td .image-inline.image_resized img, .ck.ck-editor__editable th .image-inline.image_resized img { max-width: 100%; } [dir=ltr] .ck.ck-button.ck-button_with-text.ck-resize-image-button .ck-button__icon { margin-right: var(--ck-spacing-standard); } [dir=rtl] .ck.ck-button.ck-button_with-text.ck-resize-image-button .ck-button__icon { margin-left: var(--ck-spacing-standard); } .ck.ck-dropdown .ck-button.ck-resize-image-button .ck-button__label { width: 4em; } .ck.ck-image-custom-resize-form { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: flex-start; } .ck.ck-image-custom-resize-form .ck-labeled-field-view { display: inline-block; } .ck.ck-image-custom-resize-form .ck-label { display: none; } @media screen and (max-width: 600px) { .ck.ck-image-custom-resize-form { flex-wrap: wrap; } .ck.ck-image-custom-resize-form .ck-labeled-field-view { flex-basis: 100%; } .ck.ck-image-custom-resize-form .ck-button { flex-basis: 50%; } } :root { --ck-image-style-spacing: 1.5em; --ck-inline-image-style-spacing: calc(var(--ck-image-style-spacing) / 2); } .ck-content .image.image-style-block-align-left, .ck-content .image.image-style-block-align-right { max-width: calc(100% - var(--ck-image-style-spacing)); } .ck-content .image.image-style-align-left, .ck-content .image.image-style-align-right { clear: none; } .ck-content .image.image-style-side { float: right; margin-left: var(--ck-image-style-spacing); max-width: 50%; } .ck-content .image.image-style-align-left { float: left; margin-right: var(--ck-image-style-spacing); } .ck-content .image.image-style-align-right { float: right; margin-left: var(--ck-image-style-spacing); } .ck-content .image.image-style-block-align-right { margin-right: 0; margin-left: auto; } .ck-content .image.image-style-block-align-left { margin-left: 0; margin-right: auto; } .ck-content .image-style-align-center { margin-left: auto; margin-right: auto; } .ck-content .image-style-align-left { float: left; margin-right: var(--ck-image-style-spacing); } .ck-content .image-style-align-right { float: right; margin-left: var(--ck-image-style-spacing); } .ck-content p + .image.image-style-align-left, .ck-content p + .image.image-style-align-right, .ck-content p + .image.image-style-side { margin-top: 0; } .ck-content .image-inline.image-style-align-left, .ck-content .image-inline.image-style-align-right { margin-top: var(--ck-inline-image-style-spacing); margin-bottom: var(--ck-inline-image-style-spacing); } .ck-content .image-inline.image-style-align-left { margin-right: var(--ck-inline-image-style-spacing); } .ck-content .image-inline.image-style-align-right { margin-left: var(--ck-inline-image-style-spacing); } .ck.ck-splitbutton.ck-splitbutton_flatten:hover > .ck-splitbutton__action:not(.ck-disabled), .ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open > .ck-splitbutton__action:not(.ck-disabled), .ck.ck-splitbutton.ck-splitbutton_flatten:hover > .ck-splitbutton__arrow:not(.ck-disabled), .ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open > .ck-splitbutton__arrow:not(.ck-disabled), .ck.ck-splitbutton.ck-splitbutton_flatten:hover > .ck-splitbutton__arrow:not(.ck-disabled):not(:hover), .ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open > .ck-splitbutton__arrow:not(.ck-disabled):not(:hover) { background-color: var(--ck-color-button-on-background); } .ck.ck-splitbutton.ck-splitbutton_flatten:hover > .ck-splitbutton__action:not(.ck-disabled)::after, .ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open > .ck-splitbutton__action:not(.ck-disabled)::after, .ck.ck-splitbutton.ck-splitbutton_flatten:hover > .ck-splitbutton__arrow:not(.ck-disabled)::after, .ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open > .ck-splitbutton__arrow:not(.ck-disabled)::after, .ck.ck-splitbutton.ck-splitbutton_flatten:hover > .ck-splitbutton__arrow:not(.ck-disabled):not(:hover)::after, .ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open > .ck-splitbutton__arrow:not(.ck-disabled):not(:hover)::after { display: none; } .ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open:hover > .ck-splitbutton__action:not(.ck-disabled), .ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open:hover > .ck-splitbutton__arrow:not(.ck-disabled), .ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open:hover > .ck-splitbutton__arrow:not(.ck-disabled):not(:hover) { background-color: var(--ck-color-button-on-hover-background); } .ck.ck-text-alternative-form { display: flex; flex-direction: row; flex-wrap: nowrap; } .ck.ck-text-alternative-form .ck-labeled-field-view { display: inline-block; } .ck.ck-text-alternative-form .ck-label { display: none; } @media screen and (max-width: 600px) { .ck.ck-text-alternative-form { flex-wrap: wrap; } .ck.ck-text-alternative-form .ck-labeled-field-view { flex-basis: 100%; } .ck.ck-text-alternative-form .ck-button { flex-basis: 50%; } } .ck.ck-editor__editable .image, .ck.ck-editor__editable .image-inline { position: relative; } .ck.ck-editor__editable .image .ck-progress-bar, .ck.ck-editor__editable .image-inline .ck-progress-bar { position: absolute; top: 0; left: 0; } .ck-image-upload-complete-icon { display: block; position: absolute; top: min(var(--ck-spacing-medium), 6%); right: min(var(--ck-spacing-medium), 6%); border-radius: 50%; z-index: 1; } .ck-image-upload-complete-icon::after { content: ""; position: absolute; } .ck .ck-upload-placeholder-loader { position: absolute; display: flex; align-items: center; justify-content: center; top: 0; left: 0; } .ck .ck-upload-placeholder-loader::before { content: ""; position: relative; } .ck-content .image { display: table; clear: both; text-align: center; margin: 0.9em auto; min-width: 50px; } .ck-content .image img { display: block; margin: 0 auto; max-width: 100%; min-width: 100%; height: auto; } .ck-content .image-inline { display: inline-flex; max-width: 100%; align-items: flex-start; } .ck-content .image-inline picture { display: flex; } .ck-content .image-inline picture, .ck-content .image-inline img { flex-grow: 1; flex-shrink: 1; max-width: 100%; } .ck.ck-editor__editable .image > figcaption.ck-placeholder::before { padding-left: inherit; padding-right: inherit; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .ck.ck-editor__editable .image { z-index: 1; } .ck.ck-editor__editable .image.ck-widget_selected { z-index: 2; } .ck.ck-editor__editable .image-inline { z-index: 1; } .ck.ck-editor__editable .image-inline.ck-widget_selected { z-index: 2; } .ck.ck-editor__editable .image-inline.ck-widget_selected ::selection { display: none; } .ck.ck-editor__editable .image-inline img { height: auto; } .ck.ck-editor__editable td .image-inline img, .ck.ck-editor__editable th .image-inline img { max-width: none; } .ck.ck-editor__editable img.image_placeholder { background-size: 100% 100%; } .ck.ck-editor__editable figure.image > a::after, .ck.ck-editor__editable a span.image-inline::after { display: block; position: absolute; } .ck.ck-link-actions { display: flex; flex-direction: row; flex-wrap: nowrap; } .ck.ck-link-actions .ck-link-actions__preview { display: inline-block; } .ck.ck-link-actions .ck-link-actions__preview .ck-button__label { overflow: hidden; } @media screen and (max-width: 600px) { .ck.ck-link-actions { flex-wrap: wrap; } .ck.ck-link-actions .ck-link-actions__preview { flex-basis: 100%; } .ck.ck-link-actions .ck-button:not(.ck-link-actions__preview) { flex-basis: 50%; } } .ck.ck-link-form { display: flex; align-items: flex-start; } .ck.ck-link-form .ck-label { display: none; } @media screen and (max-width: 600px) { .ck.ck-link-form { flex-wrap: wrap; } .ck.ck-link-form .ck-labeled-field-view { flex-basis: 100%; } .ck.ck-link-form .ck-button { flex-basis: 50%; } } .ck.ck-link-form_layout-vertical { display: block; } .ck.ck-link-form_layout-vertical .ck-button.ck-button-save, .ck.ck-link-form_layout-vertical .ck-button.ck-button-cancel { margin-top: var(--ck-spacing-medium); } .ck-editor__editable .ck-list-bogus-paragraph { display: block; } .ck.ck-list-styles-list { display: grid; } .ck-content ol { list-style-type: decimal; } .ck-content ol ol { list-style-type: lower-latin; } .ck-content ol ol ol { list-style-type: lower-roman; } .ck-content ol ol ol ol { list-style-type: upper-latin; } .ck-content ol ol ol ol ol { list-style-type: upper-roman; } .ck-content ul { list-style-type: disc; } .ck-content ul ul { list-style-type: circle; } .ck-content ul ul ul { list-style-type: square; } .ck-content ul ul ul ul { list-style-type: square; } :root { --ck-todo-list-checkmark-size: 16px; } .ck-content .todo-list { list-style: none; } .ck-content .todo-list li { position: relative; margin-bottom: 5px; } .ck-content .todo-list li .todo-list { margin-top: 5px; } .ck-content .todo-list .todo-list__label > input { -webkit-appearance: none; display: inline-block; position: relative; width: var(--ck-todo-list-checkmark-size); height: var(--ck-todo-list-checkmark-size); vertical-align: middle; border: 0; left: -25px; margin-right: -15px; right: 0; margin-left: 0; } .ck-content[dir=rtl] .todo-list .todo-list__label > input { left: 0; margin-right: 0; right: -25px; margin-left: -15px; } .ck-content .todo-list .todo-list__label > input::before { display: block; position: absolute; box-sizing: border-box; content: ""; width: 100%; height: 100%; border: 1px solid hsl(0, 0%, 20%); border-radius: 2px; transition: 250ms ease-in-out box-shadow; } @media (prefers-reduced-motion: reduce) { .ck-content .todo-list .todo-list__label > input::before { transition: none; } } .ck-content .todo-list .todo-list__label > input::after { display: block; position: absolute; box-sizing: content-box; pointer-events: none; content: ""; left: calc(var(--ck-todo-list-checkmark-size) / 3); top: calc(var(--ck-todo-list-checkmark-size) / 5.3); width: calc(var(--ck-todo-list-checkmark-size) / 5.3); height: calc(var(--ck-todo-list-checkmark-size) / 2.6); border-style: solid; border-color: transparent; border-width: 0 calc(var(--ck-todo-list-checkmark-size) / 8) calc(var(--ck-todo-list-checkmark-size) / 8) 0; transform: rotate(45deg); } .ck-content .todo-list .todo-list__label > input[checked]::before { background: hsl(126, 64%, 41%); border-color: hsl(126, 64%, 41%); } .ck-content .todo-list .todo-list__label > input[checked]::after { border-color: hsl(0, 0%, 100%); } .ck-content .todo-list .todo-list__label .todo-list__label__description { vertical-align: middle; } .ck-content .todo-list .todo-list__label.todo-list__label_without-description input[type=checkbox] { position: absolute; } .ck-editor__editable.ck-content .todo-list .todo-list__label > input, .ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable=false] > input { cursor: pointer; } .ck-editor__editable.ck-content .todo-list .todo-list__label > input:hover::before, .ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable=false] > input:hover::before { box-shadow: 0 0 0 5px hsla(0, 0%, 0%, 0.1); } .ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable=false] > input { -webkit-appearance: none; display: inline-block; position: relative; width: var(--ck-todo-list-checkmark-size); height: var(--ck-todo-list-checkmark-size); vertical-align: middle; border: 0; left: -25px; margin-right: -15px; right: 0; margin-left: 0; } .ck-editor__editable.ck-content[dir=rtl] .todo-list .todo-list__label > span[contenteditable=false] > input { left: 0; margin-right: 0; right: -25px; margin-left: -15px; } .ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable=false] > input::before { display: block; position: absolute; box-sizing: border-box; content: ""; width: 100%; height: 100%; border: 1px solid hsl(0, 0%, 20%); border-radius: 2px; transition: 250ms ease-in-out box-shadow; } @media (prefers-reduced-motion: reduce) { .ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable=false] > input::before { transition: none; } } .ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable=false] > input::after { display: block; position: absolute; box-sizing: content-box; pointer-events: none; content: ""; left: calc(var(--ck-todo-list-checkmark-size) / 3); top: calc(var(--ck-todo-list-checkmark-size) / 5.3); width: calc(var(--ck-todo-list-checkmark-size) / 5.3); height: calc(var(--ck-todo-list-checkmark-size) / 2.6); border-style: solid; border-color: transparent; border-width: 0 calc(var(--ck-todo-list-checkmark-size) / 8) calc(var(--ck-todo-list-checkmark-size) / 8) 0; transform: rotate(45deg); } .ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable=false] > input[checked]::before { background: hsl(126, 64%, 41%); border-color: hsl(126, 64%, 41%); } .ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable=false] > input[checked]::after { border-color: hsl(0, 0%, 100%); } .ck-editor__editable.ck-content .todo-list .todo-list__label.todo-list__label_without-description input[type=checkbox] { position: absolute; } .ck-content .media { clear: both; margin: 0.9em 0; display: block; min-width: 15em; } .ck-media__wrapper .ck-media__placeholder { display: flex; flex-direction: column; align-items: center; } .ck-media__wrapper .ck-media__placeholder .ck-media__placeholder__url { max-width: 100%; position: relative; } .ck-media__wrapper .ck-media__placeholder .ck-media__placeholder__url .ck-media__placeholder__url__text { overflow: hidden; display: block; } .ck-media__wrapper[data-oembed-url*="twitter.com"] .ck-media__placeholder__icon *, .ck-media__wrapper[data-oembed-url*="google.com/maps"] .ck-media__placeholder__icon *, .ck-media__wrapper[data-oembed-url*="goo.gl/maps"] .ck-media__placeholder__icon *, .ck-media__wrapper[data-oembed-url*="maps.google.com"] .ck-media__placeholder__icon *, .ck-media__wrapper[data-oembed-url*="maps.app.goo.gl"] .ck-media__placeholder__icon *, .ck-media__wrapper[data-oembed-url*="facebook.com"] .ck-media__placeholder__icon *, .ck-media__wrapper[data-oembed-url*="instagram.com"] .ck-media__placeholder__icon * { display: none; } .ck-editor__editable:not(.ck-read-only) .ck-media__wrapper > *:not(.ck-media__placeholder) { pointer-events: none; } .ck-editor__editable:not(.ck-read-only) .ck-widget:not(.ck-widget_selected) .ck-media__placeholder { pointer-events: none; } .ck-vertical-form .ck-button::after { content: ""; width: 0; position: absolute; right: -1px; top: -1px; bottom: -1px; z-index: 1; } .ck-vertical-form .ck-button:focus::after { display: none; } @media screen and (max-width: 600px) { .ck.ck-responsive-form .ck-button::after { content: ""; width: 0; position: absolute; right: -1px; top: -1px; bottom: -1px; z-index: 1; } .ck.ck-responsive-form .ck-button:focus::after { display: none; } } .ck.ck-media-form { display: flex; align-items: flex-start; flex-direction: row; flex-wrap: nowrap; width: 400px; } .ck.ck-media-form .ck-labeled-field-view { display: inline-block; width: 100%; } .ck.ck-media-form .ck-label { display: none; } .ck.ck-media-form .ck-input { width: 100%; } @media screen and (max-width: 600px) { .ck.ck-media-form { flex-wrap: wrap; } .ck.ck-media-form .ck-labeled-field-view { flex-basis: 100%; } .ck.ck-media-form .ck-button { flex-basis: 50%; } } :root { --ck-mention-list-max-height: 300px; } .ck.ck-mentions { max-height: var(--ck-mention-list-max-height); overflow-y: auto; overflow-x: hidden; overscroll-behavior: contain; } .ck.ck-mentions > .ck-list__item { overflow: hidden; flex-shrink: 0; } :root { --ck-color-minimap-tracker-background: 208, 0%, 51%; --ck-color-minimap-iframe-outline: hsl(0deg 0% 75%); --ck-color-minimap-iframe-shadow: hsl(0deg 0% 0% / 11%); --ck-color-minimap-progress-background: hsl(0,0%,40%); } .ck.ck-minimap { position: absolute; -webkit-user-select: none; -moz-user-select: -moz-none; user-select: none; background: var(--ck-color-base-background); } .ck.ck-minimap, .ck.ck-minimap iframe { width: 100%; height: 100%; } .ck.ck-minimap iframe { border: 0; pointer-events: none; position: relative; outline: 1px solid var(--ck-color-minimap-iframe-outline); box-shadow: 0 2px 5px var(--ck-color-minimap-iframe-shadow); margin: 0; } .ck.ck-minimap .ck.ck-minimap__position-tracker { position: absolute; width: 100%; top: 0; background: hsla(var(--ck-color-minimap-tracker-background), .2); z-index: 1; transition: background 100ms ease-in-out; } @media (prefers-reduced-motion: reduce) { .ck.ck-minimap .ck.ck-minimap__position-tracker { transition: none; } } .ck.ck-minimap .ck.ck-minimap__position-tracker:hover { background: hsla(var(--ck-color-minimap-tracker-background), .3); } .ck.ck-minimap .ck.ck-minimap__position-tracker.ck-minimap__position-tracker_dragging, .ck.ck-minimap .ck.ck-minimap__position-tracker.ck-minimap__position-tracker_dragging:hover { background: hsla(var(--ck-color-minimap-tracker-background), .4); } .ck.ck-minimap .ck.ck-minimap__position-tracker.ck-minimap__position-tracker_dragging::after, .ck.ck-minimap .ck.ck-minimap__position-tracker.ck-minimap__position-tracker_dragging:hover::after { opacity: 1; } .ck.ck-minimap .ck.ck-minimap__position-tracker::after { content: attr(data-progress) "%"; position: absolute; top: 5px; right: 5px; background: var(--ck-color-minimap-progress-background); color: var(--ck-color-base-background); border: 1px solid var(--ck-color-base-background); padding: 2px 4px; font-size: 10px; border-radius: 3px; opacity: 0; transition: opacity 100ms ease-in-out; } @media (prefers-reduced-motion: reduce) { .ck.ck-minimap .ck.ck-minimap__position-tracker::after { transition: none; } } .ck-content .page-break { position: relative; clear: both; padding: 5px 0; display: flex; align-items: center; justify-content: center; } .ck-content .page-break::after { content: ""; position: absolute; border-bottom: 2px dashed hsl(0, 0%, 77%); width: 100%; } .ck-content .page-break__label { position: relative; z-index: 1; padding: .3em .6em; display: block; text-transform: uppercase; border: 1px solid hsl(0, 0%, 77%); border-radius: 2px; font-family: Helvetica, Arial, Tahoma, Verdana, Sans-Serif; font-size: 0.75em; font-weight: bold; color: hsl(0, 0%, 20%); background: hsl(0, 0%, 100%); box-shadow: 2px 2px 1px hsla(0, 0%, 0%, 0.15); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } @media print { .ck-content .page-break { padding: 0; } .ck-content .page-break::after { display: none; } .ck-content *:has(+ .page-break) { margin-bottom: 0; } } :root { --ck-show-blocks-border-color: hsl(0, 0%, 46%); } .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) address { background-repeat: no-repeat; padding-top: 15px; } [dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) address { background-image: url("data:image/svg+xml;utf8,ADDRESS"); background-position: 1px 1px; } [dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) address { background-image: url("data:image/svg+xml;utf8,ADDRESS"); background-position: calc(100% - 1px) 1px; } .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) address:not(.ck-widget_selected):not(.ck-widget:hover) { outline: 1px dashed var(--ck-show-blocks-border-color); } [dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) address { background-image: url("data:image/svg+xml;utf8,ADDRESS"); background-position: 1px 1px; } [dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) address { background-image: url("data:image/svg+xml;utf8,ADDRESS"); background-position: calc(100% - 1px) 1px; } .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) aside { background-repeat: no-repeat; padding-top: 15px; } [dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) aside { background-image: url("data:image/svg+xml;utf8,ASIDE"); background-position: 1px 1px; } [dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) aside { background-image: url("data:image/svg+xml;utf8,ASIDE"); background-position: calc(100% - 1px) 1px; } .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) aside:not(.ck-widget_selected):not(.ck-widget:hover) { outline: 1px dashed var(--ck-show-blocks-border-color); } [dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) aside { background-image: url("data:image/svg+xml;utf8,ASIDE"); background-position: 1px 1px; } [dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) aside { background-image: url("data:image/svg+xml;utf8,ASIDE"); background-position: calc(100% - 1px) 1px; } .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) blockquote { background-repeat: no-repeat; padding-top: 15px; } [dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) blockquote { background-image: url("data:image/svg+xml;utf8,BLOCKQUOTE"); background-position: 1px 1px; } [dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) blockquote { background-image: url("data:image/svg+xml;utf8,BLOCKQUOTE"); background-position: calc(100% - 1px) 1px; } .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) blockquote:not(.ck-widget_selected):not(.ck-widget:hover) { outline: 1px dashed var(--ck-show-blocks-border-color); } [dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) blockquote { background-image: url("data:image/svg+xml;utf8,BLOCKQUOTE"); background-position: 1px 1px; } [dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) blockquote { background-image: url("data:image/svg+xml;utf8,BLOCKQUOTE"); background-position: calc(100% - 1px) 1px; } .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) details { background-repeat: no-repeat; padding-top: 15px; } [dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) details { background-image: url("data:image/svg+xml;utf8,DETAILS"); background-position: 1px 1px; } [dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) details { background-image: url("data:image/svg+xml;utf8,DETAILS"); background-position: calc(100% - 1px) 1px; } .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) details:not(.ck-widget_selected):not(.ck-widget:hover) { outline: 1px dashed var(--ck-show-blocks-border-color); } [dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) details { background-image: url("data:image/svg+xml;utf8,DETAILS"); background-position: 1px 1px; } [dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) details { background-image: url("data:image/svg+xml;utf8,DETAILS"); background-position: calc(100% - 1px) 1px; } .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) div:not(.ck-widget, .ck-widget *) { background-repeat: no-repeat; padding-top: 15px; } [dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) div:not(.ck-widget, .ck-widget *) { background-image: url("data:image/svg+xml;utf8,DIV"); background-position: 1px 1px; } [dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) div:not(.ck-widget, .ck-widget *) { background-image: url("data:image/svg+xml;utf8,DIV"); background-position: calc(100% - 1px) 1px; } .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) div:not(.ck-widget, .ck-widget *):not(.ck-widget_selected):not(.ck-widget:hover) { outline: 1px dashed var(--ck-show-blocks-border-color); } [dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) div:not(.ck-widget, .ck-widget *) { background-image: url("data:image/svg+xml;utf8,DIV"); background-position: 1px 1px; } [dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) div:not(.ck-widget, .ck-widget *) { background-image: url("data:image/svg+xml;utf8,DIV"); background-position: calc(100% - 1px) 1px; } .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) footer { background-repeat: no-repeat; padding-top: 15px; } [dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) footer { background-image: url("data:image/svg+xml;utf8,FOOTER"); background-position: 1px 1px; } [dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) footer { background-image: url("data:image/svg+xml;utf8,FOOTER"); background-position: calc(100% - 1px) 1px; } .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) footer:not(.ck-widget_selected):not(.ck-widget:hover) { outline: 1px dashed var(--ck-show-blocks-border-color); } [dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) footer { background-image: url("data:image/svg+xml;utf8,FOOTER"); background-position: 1px 1px; } [dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) footer { background-image: url("data:image/svg+xml;utf8,FOOTER"); background-position: calc(100% - 1px) 1px; } .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h1 { background-repeat: no-repeat; padding-top: 15px; } [dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h1 { background-image: url("data:image/svg+xml;utf8,H1"); background-position: 1px 1px; } [dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h1 { background-image: url("data:image/svg+xml;utf8,H1"); background-position: calc(100% - 1px) 1px; } .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h1:not(.ck-widget_selected):not(.ck-widget:hover) { outline: 1px dashed var(--ck-show-blocks-border-color); } [dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h1 { background-image: url("data:image/svg+xml;utf8,H1"); background-position: 1px 1px; } [dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h1 { background-image: url("data:image/svg+xml;utf8,H1"); background-position: calc(100% - 1px) 1px; } .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h2 { background-repeat: no-repeat; padding-top: 15px; } [dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h2 { background-image: url("data:image/svg+xml;utf8,H2"); background-position: 1px 1px; } [dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h2 { background-image: url("data:image/svg+xml;utf8,H2"); background-position: calc(100% - 1px) 1px; } .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h2:not(.ck-widget_selected):not(.ck-widget:hover) { outline: 1px dashed var(--ck-show-blocks-border-color); } [dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h2 { background-image: url("data:image/svg+xml;utf8,H2"); background-position: 1px 1px; } [dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h2 { background-image: url("data:image/svg+xml;utf8,H2"); background-position: calc(100% - 1px) 1px; } .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h3 { background-repeat: no-repeat; padding-top: 15px; } [dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h3 { background-image: url("data:image/svg+xml;utf8,H3"); background-position: 1px 1px; } [dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h3 { background-image: url("data:image/svg+xml;utf8,H3"); background-position: calc(100% - 1px) 1px; } .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h3:not(.ck-widget_selected):not(.ck-widget:hover) { outline: 1px dashed var(--ck-show-blocks-border-color); } [dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h3 { background-image: url("data:image/svg+xml;utf8,H3"); background-position: 1px 1px; } [dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h3 { background-image: url("data:image/svg+xml;utf8,H3"); background-position: calc(100% - 1px) 1px; } .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h4 { background-repeat: no-repeat; padding-top: 15px; } [dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h4 { background-image: url("data:image/svg+xml;utf8,H4"); background-position: 1px 1px; } [dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h4 { background-image: url("data:image/svg+xml;utf8,H4"); background-position: calc(100% - 1px) 1px; } .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h4:not(.ck-widget_selected):not(.ck-widget:hover) { outline: 1px dashed var(--ck-show-blocks-border-color); } [dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h4 { background-image: url("data:image/svg+xml;utf8,H4"); background-position: 1px 1px; } [dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h4 { background-image: url("data:image/svg+xml;utf8,H4"); background-position: calc(100% - 1px) 1px; } .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h5 { background-repeat: no-repeat; padding-top: 15px; } [dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h5 { background-image: url("data:image/svg+xml;utf8,H5"); background-position: 1px 1px; } [dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h5 { background-image: url("data:image/svg+xml;utf8,H5"); background-position: calc(100% - 1px) 1px; } .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h5:not(.ck-widget_selected):not(.ck-widget:hover) { outline: 1px dashed var(--ck-show-blocks-border-color); } [dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h5 { background-image: url("data:image/svg+xml;utf8,H5"); background-position: 1px 1px; } [dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h5 { background-image: url("data:image/svg+xml;utf8,H5"); background-position: calc(100% - 1px) 1px; } .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h6 { background-repeat: no-repeat; padding-top: 15px; } [dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h6 { background-image: url("data:image/svg+xml;utf8,H6"); background-position: 1px 1px; } [dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h6 { background-image: url("data:image/svg+xml;utf8,H6"); background-position: calc(100% - 1px) 1px; } .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h6:not(.ck-widget_selected):not(.ck-widget:hover) { outline: 1px dashed var(--ck-show-blocks-border-color); } [dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h6 { background-image: url("data:image/svg+xml;utf8,H6"); background-position: 1px 1px; } [dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h6 { background-image: url("data:image/svg+xml;utf8,H6"); background-position: calc(100% - 1px) 1px; } .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) header { background-repeat: no-repeat; padding-top: 15px; } [dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) header { background-image: url("data:image/svg+xml;utf8,HEADER"); background-position: 1px 1px; } [dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) header { background-image: url("data:image/svg+xml;utf8,HEADER"); background-position: calc(100% - 1px) 1px; } .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) header:not(.ck-widget_selected):not(.ck-widget:hover) { outline: 1px dashed var(--ck-show-blocks-border-color); } [dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) header { background-image: url("data:image/svg+xml;utf8,HEADER"); background-position: 1px 1px; } [dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) header { background-image: url("data:image/svg+xml;utf8,HEADER"); background-position: calc(100% - 1px) 1px; } .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) main { background-repeat: no-repeat; padding-top: 15px; } [dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) main { background-image: url("data:image/svg+xml;utf8,MAIN"); background-position: 1px 1px; } [dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) main { background-image: url("data:image/svg+xml;utf8,MAIN"); background-position: calc(100% - 1px) 1px; } .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) main:not(.ck-widget_selected):not(.ck-widget:hover) { outline: 1px dashed var(--ck-show-blocks-border-color); } [dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) main { background-image: url("data:image/svg+xml;utf8,MAIN"); background-position: 1px 1px; } [dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) main { background-image: url("data:image/svg+xml;utf8,MAIN"); background-position: calc(100% - 1px) 1px; } .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) nav { background-repeat: no-repeat; padding-top: 15px; } [dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) nav { background-image: url("data:image/svg+xml;utf8,NAV"); background-position: 1px 1px; } [dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) nav { background-image: url("data:image/svg+xml;utf8,NAV"); background-position: calc(100% - 1px) 1px; } .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) nav:not(.ck-widget_selected):not(.ck-widget:hover) { outline: 1px dashed var(--ck-show-blocks-border-color); } [dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) nav { background-image: url("data:image/svg+xml;utf8,NAV"); background-position: 1px 1px; } [dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) nav { background-image: url("data:image/svg+xml;utf8,NAV"); background-position: calc(100% - 1px) 1px; } .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) pre { background-repeat: no-repeat; padding-top: 15px; } [dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) pre { background-image: url("data:image/svg+xml;utf8,PRE"); background-position: 1px 1px; } [dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) pre { background-image: url("data:image/svg+xml;utf8,PRE"); background-position: calc(100% - 1px) 1px; } .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) pre:not(.ck-widget_selected):not(.ck-widget:hover) { outline: 1px dashed var(--ck-show-blocks-border-color); } [dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) pre { background-image: url("data:image/svg+xml;utf8,PRE"); background-position: 1px 1px; } [dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) pre { background-image: url("data:image/svg+xml;utf8,PRE"); background-position: calc(100% - 1px) 1px; } .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) ol { background-repeat: no-repeat; padding-top: 15px; } [dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) ol { background-image: url("data:image/svg+xml;utf8,OL"); background-position: 1px 1px; } [dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) ol { background-image: url("data:image/svg+xml;utf8,OL"); background-position: calc(100% - 1px) 1px; } .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) ol:not(.ck-widget_selected):not(.ck-widget:hover) { outline: 1px dashed var(--ck-show-blocks-border-color); } [dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) ol { background-image: url("data:image/svg+xml;utf8,OL"); background-position: 1px 1px; } [dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) ol { background-image: url("data:image/svg+xml;utf8,OL"); background-position: calc(100% - 1px) 1px; } .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) ul { background-repeat: no-repeat; padding-top: 15px; } [dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) ul { background-image: url("data:image/svg+xml;utf8,UL"); background-position: 1px 1px; } [dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) ul { background-image: url("data:image/svg+xml;utf8,UL"); background-position: calc(100% - 1px) 1px; } .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) ul:not(.ck-widget_selected):not(.ck-widget:hover) { outline: 1px dashed var(--ck-show-blocks-border-color); } [dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) ul { background-image: url("data:image/svg+xml;utf8,UL"); background-position: 1px 1px; } [dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) ul { background-image: url("data:image/svg+xml;utf8,UL"); background-position: calc(100% - 1px) 1px; } .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) p { background-repeat: no-repeat; padding-top: 15px; } [dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) p { background-image: url("data:image/svg+xml;utf8,P"); background-position: 1px 1px; } [dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) p { background-image: url("data:image/svg+xml;utf8,P"); background-position: calc(100% - 1px) 1px; } .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) p:not(.ck-widget_selected):not(.ck-widget:hover) { outline: 1px dashed var(--ck-show-blocks-border-color); } [dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) p { background-image: url("data:image/svg+xml;utf8,P"); background-position: 1px 1px; } [dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) p { background-image: url("data:image/svg+xml;utf8,P"); background-position: calc(100% - 1px) 1px; } .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) section { background-repeat: no-repeat; padding-top: 15px; } [dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) section { background-image: url("data:image/svg+xml;utf8,SECTION"); background-position: 1px 1px; } [dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) section { background-image: url("data:image/svg+xml;utf8,SECTION"); background-position: calc(100% - 1px) 1px; } .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) section:not(.ck-widget_selected):not(.ck-widget:hover) { outline: 1px dashed var(--ck-show-blocks-border-color); } [dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) section { background-image: url("data:image/svg+xml;utf8,SECTION"); background-position: 1px 1px; } [dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) section { background-image: url("data:image/svg+xml;utf8,SECTION"); background-position: calc(100% - 1px) 1px; } .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) :where(figure.image, figure.table) figcaption { background-repeat: no-repeat; padding-top: 15px; } [dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) :where(figure.image, figure.table) figcaption { background-image: url("data:image/svg+xml;utf8,FIGCAPTION"); background-position: 1px 1px; } [dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) :where(figure.image, figure.table) figcaption { background-image: url("data:image/svg+xml;utf8,FIGCAPTION"); background-position: calc(100% - 1px) 1px; } .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) :where(figure.image, figure.table) figcaption:not(.ck-widget_selected):not(.ck-widget:hover) { outline: 1px dashed var(--ck-show-blocks-border-color); } [dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) :where(figure.image, figure.table) figcaption { background-image: url("data:image/svg+xml;utf8,FIGCAPTION"); background-position: 1px 1px; } [dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) :where(figure.image, figure.table) figcaption { background-image: url("data:image/svg+xml;utf8,FIGCAPTION"); background-position: calc(100% - 1px) 1px; } .ck-source-editing-area { position: relative; overflow: hidden; } .ck-source-editing-area::after, .ck-source-editing-area textarea { padding: var(--ck-spacing-large); margin: 0; border: 1px solid transparent; line-height: var(--ck-line-height-base); font-size: var(--ck-font-size-normal); font-family: monospace; white-space: pre-wrap; } .ck-source-editing-area::after { content: attr(data-value) " "; visibility: hidden; display: block; } .ck-source-editing-area textarea { position: absolute; width: 100%; height: 100%; resize: none; outline: none; overflow: hidden; box-sizing: border-box; border-color: var(--ck-color-base-border); border-radius: 0; } .ck-rounded-corners .ck-source-editing-area textarea, .ck-source-editing-area textarea.ck-rounded-corners { border-radius: var(--ck-border-radius); border-top-left-radius: 0; border-top-right-radius: 0; } .ck-source-editing-area textarea:not([readonly]):focus { outline: none; border: var(--ck-focus-ring); box-shadow: var(--ck-inner-shadow), 0 0; } .ck.ck-character-grid { max-width: 100%; } .ck.ck-character-grid .ck-character-grid__tiles { display: grid; } .ck.ck-character-info { display: flex; justify-content: space-between; } .ck.ck-special-characters > .ck-dialog__content > div { width: 350px; max-width: 100%; height: 100%; display: grid; grid-column-gap: 0px; grid-row-gap: 0px; grid-template-columns: 1fr; grid-template-rows: auto 1fr auto; } .ck.ck-special-characters > .ck-dialog__content > div > .ck-character-categories { grid-area: 1 / 1 / 2 / 2; padding: var(--ck-spacing-medium) var(--ck-spacing-large); } .ck.ck-special-characters > .ck-dialog__content > div > .ck-character-categories > .ck-labeled-field-view { padding-top: var(--ck-spacing-standard); width: 100%; } .ck.ck-special-characters > .ck-dialog__content > div > .ck-character-categories > .ck-labeled-field-view .ck.ck-labeled-field-view__status { background: var(--ck-color-base-error); color: var(--ck-color-base-background); padding: var(--ck-spacing-small) var(--ck-spacing-medium); min-width: var(--ck-table-properties-min-error-width); text-align: center; animation: ck-table-form-labeled-view-status-appear .15s ease both; } .ck.ck-special-characters > .ck-dialog__content > div > .ck-character-categories > .ck-labeled-field-view .ck.ck-labeled-field-view__status::after { border-color: transparent transparent var(--ck-color-base-error) transparent; border-width: 0 var(--ck-table-properties-error-arrow-size) var(--ck-table-properties-error-arrow-size) var(--ck-table-properties-error-arrow-size); border-style: solid; } @media (prefers-reduced-motion: reduce) { .ck.ck-special-characters > .ck-dialog__content > div > .ck-character-categories > .ck-labeled-field-view .ck.ck-labeled-field-view__status { animation: none; } } .ck.ck-special-characters > .ck-dialog__content > div > .ck-character-categories > .ck-labeled-field-view .ck-input.ck-error:not(:focus) + .ck.ck-labeled-field-view__status { display: none; } .ck.ck-special-characters > .ck-dialog__content > div > .ck-character-categories > .ck-labeled-field-view > .ck-label { font-size: var(--ck-font-size-tiny); text-align: center; } .ck.ck-special-characters > .ck-dialog__content > div > .ck-character-categories .ck-dropdown { display: block; width: 100%; } .ck.ck-special-characters > .ck-dialog__content > div > .ck-character-categories .ck-dropdown > button:not(:focus) { border: 1px solid var(--ck-color-base-border); } .ck.ck-special-characters > .ck-dialog__content > div > .ck-character-categories .ck-dropdown > button > span { width: 100%; } .ck.ck-special-characters > .ck-dialog__content > div > .ck-character-grid { grid-area: 2 / 1 / 3 / 2; max-height: 200px; } .ck.ck-special-characters > .ck-dialog__content > div > .ck-character-info { grid-area: 3 / 1 / 4 / 2; } :root { --ck-style-panel-columns: 3; } .ck.ck-style-panel .ck-style-grid { display: grid; grid-template-columns: repeat(var(--ck-style-panel-columns), auto); justify-content: start; } .ck.ck-style-panel .ck-style-grid .ck-style-grid__button { display: flex; justify-content: space-between; flex-direction: column; } .ck.ck-style-panel .ck-style-grid .ck-style-grid__button .ck-style-grid__button__preview { display: flex; align-content: center; justify-content: flex-start; align-items: center; flex-grow: 1; flex-basis: 100%; } .ck-content .table { margin: 0.9em auto; display: table; } .ck-content .table table { border-collapse: collapse; border-spacing: 0; width: 100%; height: 100%; border: 1px double hsl(0, 0%, 70%); } .ck-content .table table td, .ck-content .table table th { min-width: 2em; padding: .4em; border: 1px solid hsl(0, 0%, 75%); } .ck-content .table table th { font-weight: bold; background: hsla(0, 0%, 0%, 0.05); } @media print { .ck-content .table table { height: initial; } } .ck-content[dir=rtl] .table th { text-align: right; } .ck-content[dir=ltr] .table th { text-align: left; } .ck-editor__editable .ck-table-bogus-paragraph { display: inline-block; width: 100%; } .ck .ck-insert-table-dropdown__grid { display: flex; flex-direction: row; flex-wrap: wrap; } .ck.ck-form__row { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; } .ck.ck-form__row > *:not(.ck-label) { flex-grow: 1; } .ck.ck-form__row.ck-table-form__action-row .ck-button-save, .ck.ck-form__row.ck-table-form__action-row .ck-button-cancel { justify-content: center; } .ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__alignment-row { flex-wrap: wrap; } .ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__alignment-row .ck.ck-toolbar:first-of-type { flex-grow: 0.57; } .ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__alignment-row .ck.ck-toolbar:last-of-type { flex-grow: 0.43; } .ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__alignment-row .ck.ck-toolbar .ck-button { flex-grow: 1; } .ck.ck-input-color { width: 100%; display: flex; flex-direction: row-reverse; } .ck.ck-input-color > input.ck.ck-input-text { min-width: auto; flex-grow: 1; } .ck.ck-input-color > div.ck.ck-dropdown { min-width: auto; } .ck.ck-input-color > div.ck.ck-dropdown > .ck-input-color__button .ck-dropdown__arrow { display: none; } .ck.ck-input-color .ck.ck-input-color__button { display: flex; } .ck.ck-input-color .ck.ck-input-color__button .ck.ck-input-color__button__preview { position: relative; overflow: hidden; } .ck.ck-input-color .ck.ck-input-color__button .ck.ck-input-color__button__preview > .ck.ck-input-color__button__preview__no-color-indicator { position: absolute; display: block; } .ck.ck-table-form .ck-form__row.ck-table-form__border-row { flex-wrap: wrap; } .ck.ck-table-form .ck-form__row.ck-table-form__background-row { flex-wrap: wrap; } .ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row { flex-wrap: wrap; align-items: center; } .ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row .ck-labeled-field-view { display: flex; flex-direction: column-reverse; align-items: center; } .ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row .ck-labeled-field-view .ck.ck-dropdown { flex-grow: 0; } .ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row .ck-table-form__dimension-operator { flex-grow: 0; } .ck.ck-table-form .ck.ck-labeled-field-view { position: relative; } .ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status { position: absolute; left: 50%; bottom: calc(-1 * var(--ck-table-properties-error-arrow-size)); transform: translate(-50%, 100%); z-index: 1; } .ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status::after { content: ""; position: absolute; top: calc(-1 * var(--ck-table-properties-error-arrow-size)); left: 50%; transform: translateX(-50%); } .ck.ck-table-properties-form .ck-form__row.ck-table-properties-form__alignment-row { flex-wrap: wrap; flex-basis: 0; align-content: baseline; } .ck.ck-table-properties-form .ck-form__row.ck-table-properties-form__alignment-row .ck.ck-toolbar .ck-toolbar__items { flex-wrap: nowrap; } :root { --ck-color-selector-caption-background: hsl(0, 0%, 97%); --ck-color-selector-caption-text: hsl(0, 0%, 20%); --ck-color-selector-caption-highlighted-background: hsl(52deg 100% 50%); } .ck-content .table > figcaption { display: table-caption; caption-side: top; word-break: break-word; text-align: center; color: var(--ck-color-selector-caption-text); background-color: var(--ck-color-selector-caption-background); padding: .6em; font-size: .75em; outline-offset: -1px; } @media (forced-colors: active) { .ck-content .table > figcaption { background-color: unset; color: unset; } } @media (forced-colors: none) { .ck.ck-editor__editable .table > figcaption.table__caption_highlighted { animation: ck-table-caption-highlight .6s ease-out; } } .ck.ck-editor__editable .table > figcaption.ck-placeholder::before { padding-left: inherit; padding-right: inherit; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } @keyframes ck-table-caption-highlight { 0% { background-color: var(--ck-color-selector-caption-highlighted-background); } 100% { background-color: var(--ck-color-selector-caption-background); } } :root { --ck-color-selector-column-resizer-hover: var(--ck-color-base-active); --ck-table-column-resizer-width: 7px; --ck-table-column-resizer-position-offset: calc(var(--ck-table-column-resizer-width) * -0.5 - 0.5px); } .ck-content .table .ck-table-resized { table-layout: fixed; } .ck-content .table table { overflow: hidden; } .ck-content .table td, .ck-content .table th { overflow-wrap: break-word; position: relative; } .ck.ck-editor__editable .table .ck-table-column-resizer { position: absolute; top: 0; bottom: 0; right: var(--ck-table-column-resizer-position-offset); width: var(--ck-table-column-resizer-width); cursor: col-resize; -webkit-user-select: none; -moz-user-select: -moz-none; user-select: none; z-index: var(--ck-z-default); } .ck.ck-editor__editable.ck-column-resize_disabled .table .ck-table-column-resizer { display: none; } .ck.ck-editor__editable .table[draggable] .ck-table-column-resizer { display: none; } .ck.ck-editor__editable .table .ck-table-column-resizer:hover, .ck.ck-editor__editable .table .ck-table-column-resizer__active { background-color: var(--ck-color-selector-column-resizer-hover); opacity: 0.25; top: -999999px; bottom: -999999px; } .ck.ck-editor__editable[dir=rtl] .table .ck-table-column-resizer { left: var(--ck-table-column-resizer-position-offset); right: unset; } .ck-hidden { display: none !important; } :root { --ck-z-default: 1; --ck-z-panel: calc( var(--ck-z-default) + 999 ); --ck-z-dialog: 9999; } .ck-transitions-disabled, .ck-transitions-disabled * { transition: none !important; } :root { --ck-powered-by-line-height: 10px; --ck-powered-by-padding-vertical: 2px; --ck-powered-by-padding-horizontal: 4px; --ck-powered-by-text-color: hsl(0, 0%, 31%); --ck-powered-by-border-radius: var(--ck-border-radius); --ck-powered-by-background: hsl(0, 0%, 100%); --ck-powered-by-border-color: var(--ck-color-focus-border); } .ck.ck-balloon-panel.ck-powered-by-balloon { --ck-border-radius: var(--ck-powered-by-border-radius); box-shadow: none; background: var(--ck-powered-by-background); min-height: unset; z-index: calc(var(--ck-z-panel) - 1); } .ck.ck-balloon-panel.ck-powered-by-balloon .ck.ck-powered-by { line-height: var(--ck-powered-by-line-height); } .ck.ck-balloon-panel.ck-powered-by-balloon .ck.ck-powered-by a { cursor: pointer; display: flex; align-items: center; opacity: .66; filter: grayscale(80%); line-height: var(--ck-powered-by-line-height); padding: var(--ck-powered-by-padding-vertical) var(--ck-powered-by-padding-horizontal); } .ck.ck-balloon-panel.ck-powered-by-balloon .ck.ck-powered-by .ck-powered-by__label { font-size: 7.5px; letter-spacing: -.2px; padding-left: 2px; text-transform: uppercase; font-weight: bold; margin-right: 4px; cursor: pointer; line-height: normal; color: var(--ck-powered-by-text-color); } .ck.ck-balloon-panel.ck-powered-by-balloon .ck.ck-powered-by .ck-icon { display: block; cursor: pointer; } .ck.ck-balloon-panel.ck-powered-by-balloon .ck.ck-powered-by:hover a { filter: grayscale(0%); opacity: 1; } .ck.ck-balloon-panel.ck-powered-by-balloon[class*=position_inside] { border-color: transparent; } .ck.ck-balloon-panel.ck-powered-by-balloon[class*=position_border] { border: var(--ck-focus-ring); border-color: var(--ck-powered-by-border-color); } .ck.ck-button, a.ck.ck-button { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; position: relative; display: inline-flex; align-items: center; } [dir=ltr] .ck.ck-button, [dir=ltr] a.ck.ck-button { justify-content: left; } [dir=rtl] .ck.ck-button, [dir=rtl] a.ck.ck-button { justify-content: right; } .ck.ck-button .ck-button__label, a.ck.ck-button .ck-button__label { display: none; } .ck.ck-button.ck-button_with-text .ck-button__label, a.ck.ck-button.ck-button_with-text .ck-button__label { display: inline-block; } .ck.ck-button:not(.ck-button_with-text), a.ck.ck-button:not(.ck-button_with-text) { justify-content: center; } .ck.ck-button.ck-switchbutton .ck-button__toggle { display: block; } .ck.ck-button.ck-switchbutton .ck-button__toggle .ck-button__toggle__inner { display: block; } .ck.ck-list-item-button { min-height: unset; width: 100%; border-radius: 0; } [dir=ltr] .ck.ck-list-item-button { text-align: left; } [dir=rtl] .ck.ck-list-item-button { text-align: right; } [dir=ltr] .ck.ck-list-item-button.ck-list-item-button_toggleable { padding-left: var(--ck-spacing-small); } [dir=rtl] .ck.ck-list-item-button.ck-list-item-button_toggleable { padding-right: var(--ck-spacing-small); } .ck.ck-list-item-button .ck-list-item-button__check-holder { display: inline-flex; width: .9em; height: .9em; } [dir=ltr] .ck.ck-list-item-button .ck-list-item-button__check-holder { margin-right: var(--ck-spacing-small); } [dir=rtl] .ck.ck-list-item-button .ck-list-item-button__check-holder { margin-left: var(--ck-spacing-small); } .ck.ck-list-item-button .ck-list-item-button__check-icon { height: 100%; } .ck.ck-collapsible.ck-collapsible_collapsed > .ck-collapsible__children { display: none; } .ck.ck-color-grid { display: grid; } .color-picker-hex-input { width: max-content; } .color-picker-hex-input .ck.ck-input { min-width: unset; } .ck.ck-color-picker__row { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; margin: var(--ck-spacing-large) 0 0; width: unset; } .ck.ck-color-picker__row .ck.ck-labeled-field-view { padding-top: unset; } .ck.ck-color-picker__row .ck.ck-input-text { width: unset; } .ck.ck-color-picker__row .ck-color-picker__hash-view { padding-top: var(--ck-spacing-tiny); padding-right: var(--ck-spacing-medium); } .ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__remove-color, .ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__color-picker { display: flex; align-items: center; } [dir=rtl] .ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__remove-color, [dir=rtl] .ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__color-picker { justify-content: flex-start; } .ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-selector_action-bar { display: flex; flex-direction: row; justify-content: space-around; } .ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-selector_action-bar .ck-button-save, .ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-selector_action-bar .ck-button-cancel { flex: 1; } .ck.ck-dialog .ck.ck-dialog__actions { display: flex; justify-content: flex-end; } .ck.ck-dialog-overlay { -webkit-user-select: none; -moz-user-select: -moz-none; user-select: none; overscroll-behavior: none; position: fixed; bottom: 0; left: 0; right: 0; top: 0; } .ck.ck-dialog-overlay.ck-dialog-overlay__transparent { pointer-events: none; animation: none; background: none; } .ck.ck-dialog { overscroll-behavior: none; width: fit-content; position: absolute; } .ck.ck-dialog .ck.ck-form__header { flex-shrink: 0; } .ck.ck-dialog:not(.ck-dialog_modal) .ck.ck-form__header .ck-form__header__label { cursor: grab; } .ck.ck-dialog-overlay.ck-dialog-overlay__transparent .ck.ck-dialog { pointer-events: all; } :root { --ck-dropdown-max-width: 75vw; } .ck.ck-dropdown { display: inline-block; position: relative; } .ck.ck-dropdown .ck-dropdown__arrow { pointer-events: none; z-index: var(--ck-z-default); } .ck.ck-dropdown .ck-button.ck-dropdown__button { width: 100%; } .ck.ck-dropdown .ck-dropdown__panel { display: none; z-index: var(--ck-z-panel); max-width: var(--ck-dropdown-max-width); position: absolute; } .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel-visible { display: inline-block; } .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_ne, .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_nw, .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_n, .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_nmw, .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_nme { bottom: 100%; } .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_se, .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_sw, .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_smw, .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_sme, .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_s { top: 100%; bottom: auto; } .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_ne, .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_se { left: 0px; } .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_nw, .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_sw { right: 0px; } .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_s, .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_n { left: 50%; transform: translateX(-50%); } .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_nmw, .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_smw { left: 75%; transform: translateX(-75%); } .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_nme, .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_sme { left: 25%; transform: translateX(-25%); } .ck.ck-toolbar .ck-dropdown__panel { z-index: calc(var(--ck-z-panel) + 1); } .ck.ck-splitbutton { font-size: inherit; } .ck.ck-splitbutton .ck-splitbutton__action:focus { z-index: calc(var(--ck-z-default) + 1); } :root { --ck-toolbar-dropdown-max-width: 60vw; } .ck.ck-toolbar-dropdown > .ck-dropdown__panel { width: max-content; max-width: var(--ck-toolbar-dropdown-max-width); } .ck.ck-toolbar-dropdown > .ck-dropdown__panel .ck-button:focus { z-index: calc(var(--ck-z-default) + 1); } .ck.ck-dropdown-menu-list__nested-menu__button > .ck-dropdown-menu-list__nested-menu__button__arrow { pointer-events: none; z-index: var(--ck-z-default); } .ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel { position: absolute; max-height: 314px; overflow-y: auto; z-index: calc(var(--ck-z-panel) + 1); } .ck.ck-dropdown-menu-list__nested-menu { display: block; } .ck.ck-aria-live-announcer { position: absolute; left: -10000px; top: -10000px; } .ck.ck-aria-live-region-list { list-style-type: none; } .ck.ck-form__header { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: space-between; } .ck.ck-form__header h2.ck-form__header__label { flex-grow: 1; } .ck.ck-icon { vertical-align: middle; } .ck.ck-label { display: block; } .ck.ck-voice-label { display: none; } .ck.ck-labeled-field-view > .ck.ck-labeled-field-view__input-wrapper { display: flex; position: relative; } .ck.ck-labeled-field-view .ck.ck-label { display: block; position: absolute; } .ck.ck-list { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; display: flex; flex-direction: column; } .ck.ck-list .ck-list__item, .ck.ck-list .ck-list__separator { display: block; } .ck.ck-list .ck-list__item > *:focus { position: relative; z-index: var(--ck-z-default); } :root { --ck-balloon-panel-arrow-z-index: calc(var(--ck-z-default) - 3); } .ck.ck-balloon-panel { display: none; position: absolute; z-index: var(--ck-z-panel); } .ck.ck-balloon-panel.ck-balloon-panel_with-arrow::before, .ck.ck-balloon-panel.ck-balloon-panel_with-arrow::after { content: ""; position: absolute; } .ck.ck-balloon-panel.ck-balloon-panel_with-arrow::before { z-index: var(--ck-balloon-panel-arrow-z-index); } .ck.ck-balloon-panel.ck-balloon-panel_with-arrow::after { z-index: calc(var(--ck-balloon-panel-arrow-z-index) + 1); } .ck.ck-balloon-panel[class*=arrow_n]::before { z-index: var(--ck-balloon-panel-arrow-z-index); } .ck.ck-balloon-panel[class*=arrow_n]::after { z-index: calc(var(--ck-balloon-panel-arrow-z-index) + 1); } .ck.ck-balloon-panel[class*=arrow_s]::before { z-index: var(--ck-balloon-panel-arrow-z-index); } .ck.ck-balloon-panel[class*=arrow_s]::after { z-index: calc(var(--ck-balloon-panel-arrow-z-index) + 1); } .ck.ck-balloon-panel.ck-balloon-panel_visible { display: block; } .ck .ck-balloon-rotator__navigation { display: flex; align-items: center; justify-content: center; } .ck .ck-balloon-rotator__content .ck-toolbar { justify-content: center; } .ck .ck-fake-panel { position: absolute; z-index: calc(var(--ck-z-panel) - 1); } .ck .ck-fake-panel div { position: absolute; } .ck .ck-fake-panel div:nth-child(1) { z-index: 2; } .ck .ck-fake-panel div:nth-child(2) { z-index: 1; } .ck.ck-sticky-panel .ck-sticky-panel__content_sticky { z-index: var(--ck-z-panel); position: fixed; top: 0; } .ck.ck-sticky-panel .ck-sticky-panel__content_sticky_bottom-limit { top: auto; position: absolute; } .ck.ck-autocomplete { position: relative; } .ck.ck-autocomplete > .ck-search__results { position: absolute; z-index: var(--ck-z-panel); } .ck.ck-autocomplete > .ck-search__results.ck-search__results_n { bottom: 100%; } .ck.ck-autocomplete > .ck-search__results.ck-search__results_s { top: 100%; bottom: auto; } .ck.ck-search > .ck-labeled-field-view > .ck-labeled-field-view__input-wrapper > .ck-icon { position: absolute; top: 50%; transform: translateY(-50%); } [dir=ltr] .ck.ck-search > .ck-labeled-field-view > .ck-labeled-field-view__input-wrapper > .ck-icon { left: var(--ck-spacing-medium); } [dir=rtl] .ck.ck-search > .ck-labeled-field-view > .ck-labeled-field-view__input-wrapper > .ck-icon { right: var(--ck-spacing-medium); } .ck.ck-search > .ck-labeled-field-view .ck-search__reset { position: absolute; top: 50%; transform: translateY(-50%); } .ck.ck-search > .ck-search__results > .ck-search__info > span:first-child { display: block; } .ck.ck-search > .ck-search__results > .ck-search__info:not(.ck-hidden) ~ * { display: none; } .ck.ck-highlighted-text mark { background: var(--ck-color-highlight-background); vertical-align: initial; font-weight: inherit; line-height: inherit; font-size: inherit; } .ck.ck-balloon-panel.ck-tooltip { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; z-index: calc(var(--ck-z-dialog) + 100); } :root { --ck-toolbar-spinner-size: 18px; } .ck.ck-spinner-container { display: block; position: relative; } .ck.ck-spinner { position: absolute; top: 50%; left: 0; right: 0; margin: 0 auto; transform: translateY(-50%); z-index: 1; } .ck.ck-toolbar { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; display: flex; flex-flow: row nowrap; align-items: center; } .ck.ck-toolbar > .ck-toolbar__items { display: flex; flex-flow: row wrap; align-items: center; flex-grow: 1; } .ck.ck-toolbar .ck.ck-toolbar__separator { display: inline-block; } .ck.ck-toolbar .ck.ck-toolbar__separator:first-child, .ck.ck-toolbar .ck.ck-toolbar__separator:last-child { display: none; } .ck.ck-toolbar .ck-toolbar__line-break { flex-basis: 100%; } .ck.ck-toolbar.ck-toolbar_grouping > .ck-toolbar__items { flex-wrap: nowrap; } .ck.ck-toolbar.ck-toolbar_vertical > .ck-toolbar__items { flex-direction: column; } .ck.ck-toolbar.ck-toolbar_floating > .ck-toolbar__items { flex-wrap: nowrap; } .ck.ck-toolbar > .ck.ck-toolbar__grouped-dropdown > .ck-dropdown__button .ck-dropdown__arrow { display: none; } .ck.ck-block-toolbar-button { position: absolute; z-index: var(--ck-z-default); } .ck.ck-menu-bar__menu > .ck-menu-bar__menu__button > .ck-menu-bar__menu__button__arrow { pointer-events: none; z-index: var(--ck-z-default); } :root { --ck-menu-bar-menu-max-width: 75vw; --ck-menu-bar-nested-menu-horizontal-offset: 5px; } .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel { z-index: var(--ck-z-panel); max-width: var(--ck-menu-bar-menu-max-width); position: absolute; } .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_ne, .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_nw { bottom: 100%; } .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_se, .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_sw { top: 100%; bottom: auto; } .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_ne, .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_se { left: 0px; } .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_nw, .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_sw { right: 0px; } .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_es, .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_en { left: calc(100% - var(--ck-menu-bar-nested-menu-horizontal-offset)); } .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_es { top: 0px; } .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_en { bottom: 0px; } .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_ws, .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_wn { right: calc(100% - var(--ck-menu-bar-nested-menu-horizontal-offset)); } .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_ws { top: 0px; } .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_wn { bottom: 0px; } .ck.ck-menu-bar__menu { display: block; position: relative; } :root { --ck-color-resizer: var(--ck-color-focus-border); --ck-color-resizer-tooltip-background: hsl(0, 0%, 15%); --ck-color-resizer-tooltip-text: hsl(0, 0%, 95%); --ck-resizer-border-radius: var(--ck-border-radius); --ck-resizer-tooltip-offset: 10px; --ck-resizer-tooltip-height: calc(var(--ck-spacing-small) * 2 + 10px); } .ck .ck-widget { position: relative; } .ck .ck-widget.ck-widget_with-selection-handle { position: relative; } .ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle { position: absolute; } .ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle .ck-icon { display: block; } .ck .ck-widget.ck-widget_with-selection-handle:hover > .ck-widget__selection-handle { visibility: visible; } .ck .ck-widget.ck-widget_with-selection-handle.ck-widget_selected > .ck-widget__selection-handle { visibility: visible; } .ck .ck-size-view { background: var(--ck-color-resizer-tooltip-background); color: var(--ck-color-resizer-tooltip-text); border: 1px solid var(--ck-color-resizer-tooltip-text); border-radius: var(--ck-resizer-border-radius); font-size: var(--ck-font-size-tiny); display: block; padding: 0 var(--ck-spacing-small); height: var(--ck-resizer-tooltip-height); line-height: var(--ck-resizer-tooltip-height); } .ck .ck-size-view.ck-orientation-top-left, .ck .ck-size-view.ck-orientation-top-right, .ck .ck-size-view.ck-orientation-bottom-right, .ck .ck-size-view.ck-orientation-bottom-left, .ck .ck-size-view.ck-orientation-above-center { position: absolute; } .ck .ck-size-view.ck-orientation-top-left { top: var(--ck-resizer-tooltip-offset); left: var(--ck-resizer-tooltip-offset); } .ck .ck-size-view.ck-orientation-top-right { top: var(--ck-resizer-tooltip-offset); right: var(--ck-resizer-tooltip-offset); } .ck .ck-size-view.ck-orientation-bottom-right { bottom: var(--ck-resizer-tooltip-offset); right: var(--ck-resizer-tooltip-offset); } .ck .ck-size-view.ck-orientation-bottom-left { bottom: var(--ck-resizer-tooltip-offset); left: var(--ck-resizer-tooltip-offset); } .ck .ck-size-view.ck-orientation-above-center { top: calc(var(--ck-resizer-tooltip-height) * -1); left: 50%; transform: translate(-50%); } .ck .ck-widget_with-resizer { position: relative; } .ck .ck-widget__resizer { display: none; position: absolute; pointer-events: none; left: 0; top: 0; } .ck-focused .ck-widget_with-resizer.ck-widget_selected > .ck-widget__resizer { display: block; } .ck .ck-widget__resizer__handle { position: absolute; pointer-events: all; } .ck .ck-widget__resizer__handle.ck-widget__resizer__handle-top-left, .ck .ck-widget__resizer__handle.ck-widget__resizer__handle-bottom-right { cursor: nwse-resize; } .ck .ck-widget__resizer__handle.ck-widget__resizer__handle-top-right, .ck .ck-widget__resizer__handle.ck-widget__resizer__handle-bottom-left { cursor: nesw-resize; } .ck .ck-widget .ck-widget__type-around__button { display: block; position: absolute; overflow: hidden; z-index: var(--ck-z-default); } .ck .ck-widget .ck-widget__type-around__button svg { position: absolute; top: 50%; left: 50%; z-index: calc(var(--ck-z-default) + 2); } .ck .ck-widget .ck-widget__type-around__button.ck-widget__type-around__button_before { top: calc(-0.5 * var(--ck-widget-outline-thickness)); left: min(10%, 30px); transform: translateY(-50%); } .ck .ck-widget .ck-widget__type-around__button.ck-widget__type-around__button_after { bottom: calc(-0.5 * var(--ck-widget-outline-thickness)); right: min(10%, 30px); transform: translateY(50%); } .ck .ck-widget.ck-widget_selected > .ck-widget__type-around > .ck-widget__type-around__button::after, .ck .ck-widget > .ck-widget__type-around > .ck-widget__type-around__button:hover::after { content: ""; display: block; position: absolute; top: 1px; left: 1px; z-index: calc(var(--ck-z-default) + 1); } .ck .ck-widget > .ck-widget__type-around > .ck-widget__type-around__fake-caret { display: none; position: absolute; left: 0; right: 0; } .ck .ck-widget:hover > .ck-widget__type-around > .ck-widget__type-around__fake-caret { left: calc(-1 * var(--ck-widget-outline-thickness)); right: calc(-1 * var(--ck-widget-outline-thickness)); } .ck .ck-widget.ck-widget_type-around_show-fake-caret_before > .ck-widget__type-around > .ck-widget__type-around__fake-caret { top: calc(-1 * var(--ck-widget-outline-thickness) - 1px); display: block; } .ck .ck-widget.ck-widget_type-around_show-fake-caret_after > .ck-widget__type-around > .ck-widget__type-around__fake-caret { bottom: calc(-1 * var(--ck-widget-outline-thickness) - 1px); display: block; } .ck.ck-editor__editable.ck-read-only .ck-widget__type-around { display: none; } .ck.ck-editor__editable.ck-restricted-editing_mode_restricted .ck-widget__type-around { display: none; } .ck.ck-editor__editable.ck-widget__type-around_disabled .ck-widget__type-around { display: none; } /* node_modules/iosselect/src/iosSelect.css */ div, ul, li { margin: 0; padding: 0; } ul, li { list-style: none outside none; } .ios-select-widget-box.olay { position: fixed; z-index: 500; top: 0; left: 0; width: 100%; height: 100%; opacity: 1; background: rgba(0, 0, 0, 0.75); } .ios-select-widget-box.olay > div { position: fixed; z-index: 1000; width: 100%; height: 100%; background-color: #f2f2f2; bottom: 0; left: 0; visibility: visible; } .ios-select-widget-box header.iosselect-header { height: 44px; line-height: 44px; background-color: #eee; width: 100%; z-index: 9999; text-align: center; } .ios-select-widget-box header.iosselect-header a { font-size: 16px; color: #e94643; text-decoration: none; } .ios-select-widget-box header.iosselect-header a.close { float: left; padding-left: 15px; height: 44px; line-height: 44px; } .ios-select-widget-box header.iosselect-header a.sure { float: right; padding-right: 15px; height: 44px; line-height: 44px; } .ios-select-widget-box { padding-top: 44px; } .ios-select-widget-box .one-level-contain, .ios-select-widget-box .two-level-contain, .ios-select-widget-box .three-level-contain, .ios-select-widget-box .four-level-contain, .ios-select-widget-box .five-level-contain { height: 100%; overflow: hidden; } .ios-select-widget-box .iosselect-box { overflow: hidden; } .ios-select-widget-box .iosselect-box > div { display: block; float: left; } .ios-select-widget-box ul { background-color: #fff; } .ios-select-widget-box ul li { font-size: 13px; height: 35px; line-height: 35px; background-color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center; color: #111; opacity: .3; } .ios-select-widget-box ul li.at { font-size: 16px; opacity: 1; } .ios-select-widget-box ul li.side1 { font-size: 15px; opacity: .7; } .ios-select-widget-box ul li.side2 { font-size: 14px; opacity: .5; } .ios-select-widget-box.one-level-box .one-level-contain { width: 100%; } .ios-select-widget-box.one-level-box .two-level-contain, .ios-select-widget-box.one-level-box .three-level-contain, .ios-select-widget-box.one-level-box .four-level-contain, .ios-select-widget-box.one-level-box .five-level-contain, .ios-select-widget-box.one-level-box .six-level-contain { width: 0; } .ios-select-widget-box.two-level-box .one-level-contain, .ios-select-widget-box.two-level-box .two-level-contain { width: 50%; } .ios-select-widget-box.two-level-box .three-level-contain, .ios-select-widget-box.two-level-box .four-level-contain, .ios-select-widget-box.two-level-box .five-level-contain, .ios-select-widget-box.two-level-box .six-level-contain { width: 0; } .ios-select-widget-box.three-level-box .one-level-contain, .ios-select-widget-box.three-level-box .two-level-contain { width: 30%; } .ios-select-widget-box.three-level-box .three-level-contain { width: 40%; } .ios-select-widget-box.three-level-box .four-level-contain .ios-select-widget-box.three-level-box .five-level-contain, .ios-select-widget-box.three-level-box .six-level-contain { width: 0%; } .ios-select-widget-box.four-level-box .one-level-contain, .ios-select-widget-box.four-level-box .two-level-contain, .ios-select-widget-box.four-level-box .three-level-contain, .ios-select-widget-box.four-level-box .four-level-contain { width: 25%; } .ios-select-widget-box.four-level-box .five-level-contain, .ios-select-widget-box.four-level-box .six-level-contain { width: 0%; } .ios-select-widget-box.five-level-box .one-level-contain, .ios-select-widget-box.five-level-box .two-level-contain, .ios-select-widget-box.five-level-box .three-level-contain, .ios-select-widget-box.five-level-box .four-level-contain, .ios-select-widget-box.five-level-box .five-level-contain { width: 20%; } .ios-select-widget-box.five-level-box .six-level-contain { width: 0%; } .ios-select-widget-box.six-level-box .one-level-contain, .ios-select-widget-box.six-level-box .two-level-contain, .ios-select-widget-box.six-level-box .three-level-contain, .ios-select-widget-box.six-level-box .four-level-contain, .ios-select-widget-box.six-level-box .five-level-contain { width: 16%; } .ios-select-widget-box.six-level-box .six-level-contain { width: 20%; } .ios-select-widget-box .cover-area1 { width: 100%; border: none; border-top: 1px solid #d9d9d9; position: absolute; top: 149px; margin: 0; height: 0; } .ios-select-widget-box .cover-area2 { width: 100%; border: none; border-top: 1px solid #d9d9d9; position: absolute; top: 183px; margin: 0; height: 0; } .ios-select-widget-box #iosSelectTitle { margin: 0; padding: 0; display: inline-block; font-size: 16px; font-weight: normal; color: #333; } .ios-select-body-class { overflow: hidden; } .ios-select-body-class body { touch-action: none; } .ios-select-widget-box.olay > div > .ios-select-loading-box { width: 100%; height: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0, 0, 0, .5); display: none; } .ios-select-widget-box.olay > div > .ios-select-loading-box > .ios-select-loading { width: 50px; height: 50px; position: absolute; left: 50%; top: 50%; margin-top: -25px; margin-left: -25px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1OEMxMEI3NDI3MEIxMUU2ODVGMzhFNjYyMDIyOUFCMCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1OEMxMEI3NTI3MEIxMUU2ODVGMzhFNjYyMDIyOUFCMCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU4QzEwQjcyMjcwQjExRTY4NUYzOEU2NjIwMjI5QUIwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU4QzEwQjczMjcwQjExRTY4NUYzOEU2NjIwMjI5QUIwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+GeWqMwAAA+BJREFUeNrMmVlsTGEUx+9cXZQiLZWKklhbQSSlSMUWSxAiJGJ5aSQehOiDF7yI4EFILW99I3iRSJGUPkiILSKp2OuJVtHWkrRVapn2jv+R/ycnn5l27rQz10l+mWlyl/+c833nO+c0FIlEnATMBbPAIn5OBuPAENAKToC74BtoB59AG/D9spBPgaPBdrAFjJH7Fa66TkRuNe8gP8Bb8Ap8j/eFaXFelwv286WZfKG2WL9SX5cFCuntBvAc/OoPD64HJ8EI5Q3tmW7whl4pAl/AUfAEDKZnQ1HuFXGPQGOiAsW7x8A26wUhirgMLnGtfe3hGcO5NApARpRnSchrY0UhlkAJxxmw0npYBzgOKinSj6WDCfRyphWFJnAPdMUjUH71WbDKElcDykGL0zcbCEroVf389+CW7Uk3ygNk/azghYIHDoCN/SDO4W6+A55aAiUrzImWz7StA2WWuF2gIpEc1ovVgQeWyELm06gCc8ARJU44DM45yTPZII8tkXO5DP4RuI8iPYqr4YmQbJN8+E4JlA1abAuUBbtZeU526O4khDWW3QdhK9TZWmAZd6/x3inw0UmdSZJ/pgSKlilGoMvTwoiTw/20k3p7yTyovRgScTNAvgrvFSbkVJuE+LU6GiXEefJHqfKefF5zgrMGVRnJZ4HEerryXjdzU1DWbB2BI10mRuPBej+1WhKsi8vLeDDXZRllwtvoBG8davNmS4gHUZyTQIWSrM1iQpyZptafo4QGabp9+JNmOijMY9MTtGWpEHe5PDHMGsz/DwQOUwI7XVYUZheP1ZVEAJbOFsGswTYR+EKF2NWVRABWwHPYeLDFZWKOKJFLAhRYpMQJjS7rsWYlcjlTT6pNOr5pahfL5m12KaparUPpZTcEILCEjjGniCy9iMk3F9hImzCXcZqQKhOnLFShjbBX/psQP4Aq5UUpdfZEGXEkKzGvZf4zu/exOdV0T1LJCZTx4gK2msm2Uq494z1pS29Ea5ra2RPrrm4HpwvJsplgtTW/kXq0M1ZffF2F2uMNe+nJUD+HVWaLm8AAtXNrOXTqcfQh2fwQmKdST4TTgAp6ui+WTWFTrUpedu15Fs29Do/kuDsIZlsiW7njryZQ2MrAaD5Yqko88+w6zoPCfsdv5VwjnnXayA67zYmUdGM/e0i+E7nWivnDPUWEz6iyPedngLkY7ARDrQeb72GOz5roVY/eylMHvxflXjkpLoKHfZ2wmhJIkvcylUi9BAnTa9U9DD59CzQm/csaZv0cn0JbOeK4ye/xbfcE/w0hYZvElnU8GEXBGRQjeewzi5B6rtP6RGY9vwUYACMHTam1T1ebAAAAAElFTkSuQmCC) no-repeat 0 0; background-size: contain; -webkit-animation: loading-keyframe 1s infinite linear; animation: loading-keyframe 1s infinite linear; } .fadeInUp .layer { -webkit-animation: fadeInUp .5s; animation: fadeInUp .5s; } .fadeOutDown .layer { -webkit-animation: fadeOutDown .5s !important; animation: fadeOutDown .5s !important; } @-webkit-keyframes loading-keyframe { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } @keyframes loading-keyframe { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; } } @keyframes fadeInUp { from { opacity: 0; transform: translate3d(0, 100%, 0); } to { opacity: 1; transform: none; } } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, 100%, 0); } } /* src/scss/app.scss */ :root { --themcolor: #0098ed; --active-themeColor: #0081ca; --rgbnum: 0, 129, 202; --placeholder-color: #cccccc; } button, [type=button], [type=reset], [type=submit] { -webkit-appearance: unset; -moz-appearance: unset; appearance: unset; } .modal-dialog-bottom { display: flex; align-items: flex-end; min-height: 50px; margin: 0; } .modal-dialog-bottom::before { display: block; height: 100vh; content: ""; } .modal-dialog-bottom.modal-dialog-scrollable { flex-direction: column; justify-content: center; height: 100%; } .modal-dialog-bottom.modal-dialog-scrollable .modal-content { max-height: none; } .modal-dialog-bottom.modal-dialog-scrollable::before { content: none; } .dropdown-toggle::after { display: none; } .caret { vertical-align: middle; display: inline-block; width: 0; height: 0; margin-left: 2px; border-top: 5px dashed; border-right: 4px solid transparent; border-left: 4px solid transparent; } .avatar { width: 40px; height: 40px; border-radius: 20px; } .is-pc-device .avatar { width: 60px; height: 60px; border-radius: 30px; } .rolldate-container-pc .rolldate-panel { width: 600px !important; height: 290px !important; padding: 10px 24px 24px 24px; border-radius: 16px; bottom: 0; left: 0; top: 0; right: 0; margin: auto; } .rolldate-mask, .rolldate-panel { z-index: 1099 !important; } .bs-datepicker-body table td span.selected { background-color: rgba(var(--rgbnum), 0.8) !important; } /*! * Bootstrap v4.6.2 (https://getbootstrap.com/) * Copyright 2011-2022 The Bootstrap Authors * Copyright 2011-2022 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) */ :root { --blue: #007bff; --indigo: #6610f2; --purple: #6f42c1; --pink: #e83e8c; --red: #dc3545; --orange: #fd7e14; --yellow: #ffc107; --green: #28a745; --teal: #20c997; --cyan: #17a2b8; --white: #fff; --gray: #6c757d; --gray-dark: #343a40; --primary: #007bff; --secondary: #6c757d; --success: #28a745; --info: #17a2b8; --warning: #ffc107; --danger: #dc3545; --light: #f8f9fa; --dark: #343a40; --breakpoint-xs: 0; --breakpoint-sm: 576px; --breakpoint-md: 768px; --breakpoint-lg: 992px; --breakpoint-xl: 1200px; --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } *, *::before, *::after { box-sizing: border-box; } html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; } body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; text-align: left; background-color: #fff; } [tabindex="-1"]:focus:not(:focus-visible) { outline: 0 !important; } hr { box-sizing: content-box; height: 0; overflow: visible; } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0.5rem; } p { margin-top: 0; margin-bottom: 1rem; } abbr[title], abbr[data-original-title] { text-decoration: underline; text-decoration: underline dotted; cursor: help; border-bottom: 0; text-decoration-skip-ink: none; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul, dl { margin-top: 0; margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dt { font-weight: 700; } dd { margin-bottom: 0.5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } b, strong { font-weight: bolder; } small { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } a { color: #007bff; text-decoration: none; background-color: transparent; } a:hover { color: rgb(0, 86.1, 178.5); text-decoration: underline; } a:not([href]):not([class]) { color: inherit; text-decoration: none; } a:not([href]):not([class]):hover { color: inherit; text-decoration: none; } pre, code, kbd, samp { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 1em; } pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; -ms-overflow-style: scrollbar; } figure { margin: 0 0 1rem; } img { vertical-align: middle; border-style: none; } svg { overflow: hidden; vertical-align: middle; } table { border-collapse: collapse; } caption { padding-top: 0.75rem; padding-bottom: 0.75rem; color: #6c757d; text-align: left; caption-side: bottom; } th { text-align: inherit; text-align: -webkit-match-parent; } label { display: inline-block; margin-bottom: 0.5rem; } button { border-radius: 0; } button:focus:not(:focus-visible) { outline: 0; } input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } button, input { overflow: visible; } button, select { text-transform: none; } [role=button] { cursor: pointer; } select { word-wrap: normal; } button, [type=button], [type=reset], [type=submit] { -webkit-appearance: button; } button:not(:disabled), [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled) { cursor: pointer; } button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { padding: 0; border-style: none; } input[type=radio], input[type=checkbox] { box-sizing: border-box; padding: 0; } textarea { overflow: auto; resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: 0.5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal; } progress { vertical-align: baseline; } [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; } [type=search] { outline-offset: -2px; -webkit-appearance: none; } [type=search]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } output { display: inline-block; } summary { display: list-item; cursor: pointer; } template { display: none; } [hidden] { display: none !important; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin-bottom: 0.5rem; font-weight: 500; line-height: 1.2; } h1, .h1 { font-size: 2.5rem; } h2, .h2 { font-size: 2rem; } h3, .h3 { font-size: 1.75rem; } h4, .h4 { font-size: 1.5rem; } h5, .h5 { font-size: 1.25rem; } h6, .h6 { font-size: 1rem; } .lead { font-size: 1.25rem; font-weight: 300; } .display-1 { font-size: 6rem; font-weight: 300; line-height: 1.2; } .display-2 { font-size: 5.5rem; font-weight: 300; line-height: 1.2; } .display-3 { font-size: 4.5rem; font-weight: 300; line-height: 1.2; } .display-4 { font-size: 3.5rem; font-weight: 300; line-height: 1.2; } hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); } small, .small { font-size: 0.875em; font-weight: 400; } mark, .mark { padding: 0.2em; background-color: #fcf8e3; } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; list-style: none; } .list-inline-item { display: inline-block; } .list-inline-item:not(:last-child) { margin-right: 0.5rem; } .initialism { font-size: 90%; text-transform: uppercase; } .blockquote { margin-bottom: 1rem; font-size: 1.25rem; } .blockquote-footer { display: block; font-size: 0.875em; color: #6c757d; } .blockquote-footer::before { content: "\2014\a0"; } .img-fluid { max-width: 100%; height: auto; } .img-thumbnail { padding: 0.25rem; background-color: #fff; border: 1px solid #dee2e6; border-radius: 0.25rem; max-width: 100%; height: auto; } .figure { display: inline-block; } .figure-img { margin-bottom: 0.5rem; line-height: 1; } .figure-caption { font-size: 90%; color: #6c757d; } code { font-size: 87.5%; color: #e83e8c; word-wrap: break-word; } a > code { color: inherit; } kbd { padding: 0.2rem 0.4rem; font-size: 87.5%; color: #fff; background-color: #212529; border-radius: 0.2rem; } kbd kbd { padding: 0; font-size: 100%; font-weight: 700; } pre { display: block; font-size: 87.5%; color: #212529; } pre code { font-size: inherit; color: inherit; word-break: normal; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } .container, .container-fluid, .container-xl, .container-lg, .container-md, .container-sm { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container-sm, .container { max-width: 540px; } } @media (min-width: 768px) { .container-md, .container-sm, .container { max-width: 720px; } } @media (min-width: 992px) { .container-lg, .container-md, .container-sm, .container { max-width: 960px; } } @media (min-width: 1200px) { .container-xl, .container-lg, .container-md, .container-sm, .container { max-width: 1140px; } } .row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters > .col, .no-gutters > [class*=col-] { padding-right: 0; padding-left: 0; } .col-xl, .col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, .col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, .col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, .col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, .col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; } .col { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .row-cols-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-1 { flex: 0 0 8.33333333%; max-width: 8.33333333%; } .col-2 { flex: 0 0 16.66666667%; max-width: 16.66666667%; } .col-3 { flex: 0 0 25%; max-width: 25%; } .col-4 { flex: 0 0 33.33333333%; max-width: 33.33333333%; } .col-5 { flex: 0 0 41.66666667%; max-width: 41.66666667%; } .col-6 { flex: 0 0 50%; max-width: 50%; } .col-7 { flex: 0 0 58.33333333%; max-width: 58.33333333%; } .col-8 { flex: 0 0 66.66666667%; max-width: 66.66666667%; } .col-9 { flex: 0 0 75%; max-width: 75%; } .col-10 { flex: 0 0 83.33333333%; max-width: 83.33333333%; } .col-11 { flex: 0 0 91.66666667%; max-width: 91.66666667%; } .col-12 { flex: 0 0 100%; max-width: 100%; } .order-first { order: -1; } .order-last { order: 13; } .order-0 { order: 0; } .order-1 { order: 1; } .order-2 { order: 2; } .order-3 { order: 3; } .order-4 { order: 4; } .order-5 { order: 5; } .order-6 { order: 6; } .order-7 { order: 7; } .order-8 { order: 8; } .order-9 { order: 9; } .order-10 { order: 10; } .order-11 { order: 11; } .order-12 { order: 12; } .offset-1 { margin-left: 8.33333333%; } .offset-2 { margin-left: 16.66666667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.33333333%; } .offset-5 { margin-left: 41.66666667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.33333333%; } .offset-8 { margin-left: 66.66666667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.33333333%; } .offset-11 { margin-left: 91.66666667%; } @media (min-width: 576px) { .col-sm { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-sm-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-sm-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-sm-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .row-cols-sm-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-sm-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-sm-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-sm-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-sm-1 { flex: 0 0 8.33333333%; max-width: 8.33333333%; } .col-sm-2 { flex: 0 0 16.66666667%; max-width: 16.66666667%; } .col-sm-3 { flex: 0 0 25%; max-width: 25%; } .col-sm-4 { flex: 0 0 33.33333333%; max-width: 33.33333333%; } .col-sm-5 { flex: 0 0 41.66666667%; max-width: 41.66666667%; } .col-sm-6 { flex: 0 0 50%; max-width: 50%; } .col-sm-7 { flex: 0 0 58.33333333%; max-width: 58.33333333%; } .col-sm-8 { flex: 0 0 66.66666667%; max-width: 66.66666667%; } .col-sm-9 { flex: 0 0 75%; max-width: 75%; } .col-sm-10 { flex: 0 0 83.33333333%; max-width: 83.33333333%; } .col-sm-11 { flex: 0 0 91.66666667%; max-width: 91.66666667%; } .col-sm-12 { flex: 0 0 100%; max-width: 100%; } .order-sm-first { order: -1; } .order-sm-last { order: 13; } .order-sm-0 { order: 0; } .order-sm-1 { order: 1; } .order-sm-2 { order: 2; } .order-sm-3 { order: 3; } .order-sm-4 { order: 4; } .order-sm-5 { order: 5; } .order-sm-6 { order: 6; } .order-sm-7 { order: 7; } .order-sm-8 { order: 8; } .order-sm-9 { order: 9; } .order-sm-10 { order: 10; } .order-sm-11 { order: 11; } .order-sm-12 { order: 12; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.33333333%; } .offset-sm-2 { margin-left: 16.66666667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.33333333%; } .offset-sm-5 { margin-left: 41.66666667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.33333333%; } .offset-sm-8 { margin-left: 66.66666667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.33333333%; } .offset-sm-11 { margin-left: 91.66666667%; } } @media (min-width: 768px) { .col-md { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-md-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-md-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-md-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .row-cols-md-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-md-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-md-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-md-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-md-1 { flex: 0 0 8.33333333%; max-width: 8.33333333%; } .col-md-2 { flex: 0 0 16.66666667%; max-width: 16.66666667%; } .col-md-3 { flex: 0 0 25%; max-width: 25%; } .col-md-4 { flex: 0 0 33.33333333%; max-width: 33.33333333%; } .col-md-5 { flex: 0 0 41.66666667%; max-width: 41.66666667%; } .col-md-6 { flex: 0 0 50%; max-width: 50%; } .col-md-7 { flex: 0 0 58.33333333%; max-width: 58.33333333%; } .col-md-8 { flex: 0 0 66.66666667%; max-width: 66.66666667%; } .col-md-9 { flex: 0 0 75%; max-width: 75%; } .col-md-10 { flex: 0 0 83.33333333%; max-width: 83.33333333%; } .col-md-11 { flex: 0 0 91.66666667%; max-width: 91.66666667%; } .col-md-12 { flex: 0 0 100%; max-width: 100%; } .order-md-first { order: -1; } .order-md-last { order: 13; } .order-md-0 { order: 0; } .order-md-1 { order: 1; } .order-md-2 { order: 2; } .order-md-3 { order: 3; } .order-md-4 { order: 4; } .order-md-5 { order: 5; } .order-md-6 { order: 6; } .order-md-7 { order: 7; } .order-md-8 { order: 8; } .order-md-9 { order: 9; } .order-md-10 { order: 10; } .order-md-11 { order: 11; } .order-md-12 { order: 12; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.33333333%; } .offset-md-2 { margin-left: 16.66666667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.33333333%; } .offset-md-5 { margin-left: 41.66666667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.33333333%; } .offset-md-8 { margin-left: 66.66666667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.33333333%; } .offset-md-11 { margin-left: 91.66666667%; } } @media (min-width: 992px) { .col-lg { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-lg-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-lg-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-lg-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .row-cols-lg-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-lg-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-lg-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-lg-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-lg-1 { flex: 0 0 8.33333333%; max-width: 8.33333333%; } .col-lg-2 { flex: 0 0 16.66666667%; max-width: 16.66666667%; } .col-lg-3 { flex: 0 0 25%; max-width: 25%; } .col-lg-4 { flex: 0 0 33.33333333%; max-width: 33.33333333%; } .col-lg-5 { flex: 0 0 41.66666667%; max-width: 41.66666667%; } .col-lg-6 { flex: 0 0 50%; max-width: 50%; } .col-lg-7 { flex: 0 0 58.33333333%; max-width: 58.33333333%; } .col-lg-8 { flex: 0 0 66.66666667%; max-width: 66.66666667%; } .col-lg-9 { flex: 0 0 75%; max-width: 75%; } .col-lg-10 { flex: 0 0 83.33333333%; max-width: 83.33333333%; } .col-lg-11 { flex: 0 0 91.66666667%; max-width: 91.66666667%; } .col-lg-12 { flex: 0 0 100%; max-width: 100%; } .order-lg-first { order: -1; } .order-lg-last { order: 13; } .order-lg-0 { order: 0; } .order-lg-1 { order: 1; } .order-lg-2 { order: 2; } .order-lg-3 { order: 3; } .order-lg-4 { order: 4; } .order-lg-5 { order: 5; } .order-lg-6 { order: 6; } .order-lg-7 { order: 7; } .order-lg-8 { order: 8; } .order-lg-9 { order: 9; } .order-lg-10 { order: 10; } .order-lg-11 { order: 11; } .order-lg-12 { order: 12; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.33333333%; } .offset-lg-2 { margin-left: 16.66666667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.33333333%; } .offset-lg-5 { margin-left: 41.66666667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.33333333%; } .offset-lg-8 { margin-left: 66.66666667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.33333333%; } .offset-lg-11 { margin-left: 91.66666667%; } } @media (min-width: 1200px) { .col-xl { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-xl-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-xl-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-xl-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .row-cols-xl-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-xl-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-xl-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-xl-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-xl-1 { flex: 0 0 8.33333333%; max-width: 8.33333333%; } .col-xl-2 { flex: 0 0 16.66666667%; max-width: 16.66666667%; } .col-xl-3 { flex: 0 0 25%; max-width: 25%; } .col-xl-4 { flex: 0 0 33.33333333%; max-width: 33.33333333%; } .col-xl-5 { flex: 0 0 41.66666667%; max-width: 41.66666667%; } .col-xl-6 { flex: 0 0 50%; max-width: 50%; } .col-xl-7 { flex: 0 0 58.33333333%; max-width: 58.33333333%; } .col-xl-8 { flex: 0 0 66.66666667%; max-width: 66.66666667%; } .col-xl-9 { flex: 0 0 75%; max-width: 75%; } .col-xl-10 { flex: 0 0 83.33333333%; max-width: 83.33333333%; } .col-xl-11 { flex: 0 0 91.66666667%; max-width: 91.66666667%; } .col-xl-12 { flex: 0 0 100%; max-width: 100%; } .order-xl-first { order: -1; } .order-xl-last { order: 13; } .order-xl-0 { order: 0; } .order-xl-1 { order: 1; } .order-xl-2 { order: 2; } .order-xl-3 { order: 3; } .order-xl-4 { order: 4; } .order-xl-5 { order: 5; } .order-xl-6 { order: 6; } .order-xl-7 { order: 7; } .order-xl-8 { order: 8; } .order-xl-9 { order: 9; } .order-xl-10 { order: 10; } .order-xl-11 { order: 11; } .order-xl-12 { order: 12; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.33333333%; } .offset-xl-2 { margin-left: 16.66666667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.33333333%; } .offset-xl-5 { margin-left: 41.66666667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.33333333%; } .offset-xl-8 { margin-left: 66.66666667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.33333333%; } .offset-xl-11 { margin-left: 91.66666667%; } } .table { width: 100%; margin-bottom: 1rem; color: #212529; } .table th, .table td { padding: 0.75rem; vertical-align: top; border-top: 1px solid #dee2e6; } .table thead th { vertical-align: bottom; border-bottom: 2px solid #dee2e6; } .table tbody + tbody { border-top: 2px solid #dee2e6; } .table-sm th, .table-sm td { padding: 0.3rem; } .table-bordered { border: 1px solid #dee2e6; } .table-bordered th, .table-bordered td { border: 1px solid #dee2e6; } .table-bordered thead th, .table-bordered thead td { border-bottom-width: 2px; } .table-borderless th, .table-borderless td, .table-borderless thead th, .table-borderless tbody + tbody { border: 0; } .table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, 0.05); } .table-hover tbody tr:hover { color: #212529; background-color: rgba(0, 0, 0, 0.075); } .table-primary, .table-primary > th, .table-primary > td { background-color: rgb(183.6, 218.04, 255); } .table-primary th, .table-primary td, .table-primary thead th, .table-primary tbody + tbody { border-color: rgb(122.4, 186.36, 255); } .table-hover .table-primary:hover { background-color: rgb(158.1, 204.84, 255); } .table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th { background-color: rgb(158.1, 204.84, 255); } .table-secondary, .table-secondary > th, .table-secondary > td { background-color: rgb(213.84, 216.36, 218.6); } .table-secondary th, .table-secondary td, .table-secondary thead th, .table-secondary tbody + tbody { border-color: rgb(178.56, 183.24, 187.4); } .table-hover .table-secondary:hover { background-color: rgb(200.3075090253, 203.6560288809, 206.6324909747); } .table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th { background-color: rgb(200.3075090253, 203.6560288809, 206.6324909747); } .table-success, .table-success > th, .table-success > td { background-color: rgb(194.8, 230.36, 202.92); } .table-success th, .table-success td, .table-success thead th, .table-success tbody + tbody { border-color: rgb(143.2, 209.24, 158.28); } .table-hover .table-success:hover { background-color: rgb(176.7059405941, 222.9540594059, 187.2665346535); } .table-hover .table-success:hover > td, .table-hover .table-success:hover > th { background-color: rgb(176.7059405941, 222.9540594059, 187.2665346535); } .table-info, .table-info > th, .table-info > td { background-color: rgb(190.04, 228.96, 235.12); } .table-info th, .table-info td, .table-info thead th, .table-info tbody + tbody { border-color: rgb(134.36, 206.64, 218.08); } .table-hover .table-info:hover { background-color: rgb(170.5152475248, 221.1332673267, 229.1447524752); } .table-hover .table-info:hover > td, .table-hover .table-info:hover > th { background-color: rgb(170.5152475248, 221.1332673267, 229.1447524752); } .table-warning, .table-warning > th, .table-warning > td { background-color: rgb(255, 237.64, 185.56); } .table-warning th, .table-warning td, .table-warning thead th, .table-warning tbody + tbody { border-color: rgb(255, 222.76, 126.04); } .table-hover .table-warning:hover { background-color: rgb(255, 231.265, 160.06); } .table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th { background-color: rgb(255, 231.265, 160.06); } .table-danger, .table-danger > th, .table-danger > td { background-color: rgb(245.2, 198.44, 202.92); } .table-danger th, .table-danger td, .table-danger thead th, .table-danger tbody + tbody { border-color: rgb(236.8, 149.96, 158.28); } .table-hover .table-danger:hover { background-color: rgb(241.4341772152, 176.7058227848, 182.9073417722); } .table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th { background-color: rgb(241.4341772152, 176.7058227848, 182.9073417722); } .table-light, .table-light > th, .table-light > td { background-color: rgb(253.04, 253.32, 253.6); } .table-light th, .table-light td, .table-light thead th, .table-light tbody + tbody { border-color: rgb(251.36, 251.88, 252.4); } .table-hover .table-light:hover { background-color: rgb(238.165, 240.57, 242.975); } .table-hover .table-light:hover > td, .table-hover .table-light:hover > th { background-color: rgb(238.165, 240.57, 242.975); } .table-dark, .table-dark > th, .table-dark > td { background-color: rgb(198.16, 199.84, 201.52); } .table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody { border-color: rgb(149.44, 152.56, 155.68); } .table-hover .table-dark:hover { background-color: rgb(185.0216751269, 187.09, 189.1583248731); } .table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th { background-color: rgb(185.0216751269, 187.09, 189.1583248731); } .table-active, .table-active > th, .table-active > td { background-color: rgba(0, 0, 0, 0.075); } .table-hover .table-active:hover { background-color: rgba(0, 0, 0, 0.075); } .table-hover .table-active:hover > td, .table-hover .table-active:hover > th { background-color: rgba(0, 0, 0, 0.075); } .table .thead-dark th { color: #fff; background-color: #343a40; border-color: rgb(69.1465517241, 77.125, 85.1034482759); } .table .thead-light th { color: #495057; background-color: #e9ecef; border-color: #dee2e6; } .table-dark { color: #fff; background-color: #343a40; } .table-dark th, .table-dark td, .table-dark thead th { border-color: rgb(69.1465517241, 77.125, 85.1034482759); } .table-dark.table-bordered { border: 0; } .table-dark.table-striped tbody tr:nth-of-type(odd) { background-color: rgba(255, 255, 255, 0.05); } .table-dark.table-hover tbody tr:hover { color: #fff; background-color: rgba(255, 255, 255, 0.075); } @media (max-width: 575.98px) { .table-responsive-sm { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-sm > .table-bordered { border: 0; } } @media (max-width: 767.98px) { .table-responsive-md { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-md > .table-bordered { border: 0; } } @media (max-width: 991.98px) { .table-responsive-lg { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-lg > .table-bordered { border: 0; } } @media (max-width: 1199.98px) { .table-responsive-xl { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-xl > .table-bordered { border: 0; } } .table-responsive { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive > .table-bordered { border: 0; } .form-control { display: block; width: 100%; height: calc(1.5em + 0.75rem + 2px); padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: 0.25rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-control { transition: none; } } .form-control::-ms-expand { background-color: transparent; border: 0; } .form-control:focus { color: #495057; background-color: #fff; border-color: rgb(127.5, 189, 255); outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .form-control::placeholder { color: #6c757d; opacity: 1; } .form-control:disabled, .form-control[readonly] { background-color: #e9ecef; opacity: 1; } input[type=date].form-control, input[type=time].form-control, input[type=datetime-local].form-control, input[type=month].form-control { -webkit-appearance: none; -moz-appearance: none; appearance: none; } select.form-control:-moz-focusring { color: transparent; text-shadow: 0 0 0 #495057; } select.form-control:focus::-ms-value { color: #495057; background-color: #fff; } .form-control-file, .form-control-range { display: block; width: 100%; } .col-form-label { padding-top: calc(0.375rem + 1px); padding-bottom: calc(0.375rem + 1px); margin-bottom: 0; font-size: inherit; line-height: 1.5; } .col-form-label-lg { padding-top: calc(0.5rem + 1px); padding-bottom: calc(0.5rem + 1px); font-size: 1.25rem; line-height: 1.5; } .col-form-label-sm { padding-top: calc(0.25rem + 1px); padding-bottom: calc(0.25rem + 1px); font-size: 0.875rem; line-height: 1.5; } .form-control-plaintext { display: block; width: 100%; padding: 0.375rem 0; margin-bottom: 0; font-size: 1rem; line-height: 1.5; color: #212529; background-color: transparent; border: solid transparent; border-width: 1px 0; } .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { padding-right: 0; padding-left: 0; } .form-control-sm { height: calc(1.5em + 0.5rem + 2px); padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; } .form-control-lg { height: calc(1.5em + 1rem + 2px); padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; } select.form-control[size], select.form-control[multiple] { height: auto; } textarea.form-control { height: auto; } .form-group { margin-bottom: 1rem; } .form-text { display: block; margin-top: 0.25rem; } .form-row { display: flex; flex-wrap: wrap; margin-right: -5px; margin-left: -5px; } .form-row > .col, .form-row > [class*=col-] { padding-right: 5px; padding-left: 5px; } .form-check { position: relative; display: block; padding-left: 1.25rem; } .form-check-input { position: absolute; margin-top: 0.3rem; margin-left: -1.25rem; } .form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { color: #6c757d; } .form-check-label { margin-bottom: 0; } .form-check-inline { display: inline-flex; align-items: center; padding-left: 0; margin-right: 0.75rem; } .form-check-inline .form-check-input { position: static; margin-top: 0; margin-right: 0.3125rem; margin-left: 0; } .valid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 0.875em; color: #28a745; } .valid-tooltip { position: absolute; top: 100%; left: 0; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: 0.1rem; font-size: 0.875rem; line-height: 1.5; color: #fff; background-color: rgba(40, 167, 69, 0.9); border-radius: 0.25rem; } .form-row > .col > .valid-tooltip, .form-row > [class*=col-] > .valid-tooltip { left: 5px; } .was-validated :valid ~ .valid-feedback, .was-validated :valid ~ .valid-tooltip, .is-valid ~ .valid-feedback, .is-valid ~ .valid-tooltip { display: block; } .was-validated .form-control:valid, .form-control.is-valid { border-color: #28a745; padding-right: calc(1.5em + 0.75rem) !important; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(0.375em + 0.1875rem) center; background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .form-control:valid:focus, .form-control.is-valid:focus { border-color: #28a745; box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } .was-validated select.form-control:valid, select.form-control.is-valid { padding-right: 3rem !important; background-position: right 1.5rem center; } .was-validated textarea.form-control:valid, textarea.form-control.is-valid { padding-right: calc(1.5em + 0.75rem); background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); } .was-validated .custom-select:valid, .custom-select.is-valid { border-color: #28a745; padding-right: calc(0.75em + 2.3125rem) !important; background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat; } .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { border-color: #28a745; box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { color: #28a745; } .was-validated .form-check-input:valid ~ .valid-feedback, .was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, .form-check-input.is-valid ~ .valid-tooltip { display: block; } .was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { color: #28a745; } .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { border-color: #28a745; } .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { border-color: rgb(51.6956521739, 206.3043478261, 87); background-color: rgb(51.6956521739, 206.3043478261, 87); } .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } .was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { border-color: #28a745; } .was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { border-color: #28a745; } .was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { border-color: #28a745; box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } .invalid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 0.875em; color: #dc3545; } .invalid-tooltip { position: absolute; top: 100%; left: 0; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: 0.1rem; font-size: 0.875rem; line-height: 1.5; color: #fff; background-color: rgba(220, 53, 69, 0.9); border-radius: 0.25rem; } .form-row > .col > .invalid-tooltip, .form-row > [class*=col-] > .invalid-tooltip { left: 5px; } .was-validated :invalid ~ .invalid-feedback, .was-validated :invalid ~ .invalid-tooltip, .is-invalid ~ .invalid-feedback, .is-invalid ~ .invalid-tooltip { display: block; } .was-validated .form-control:invalid, .form-control.is-invalid { border-color: #dc3545; padding-right: calc(1.5em + 0.75rem) !important; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(0.375em + 0.1875rem) center; background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } .was-validated select.form-control:invalid, select.form-control.is-invalid { padding-right: 3rem !important; background-position: right 1.5rem center; } .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { padding-right: calc(1.5em + 0.75rem); background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); } .was-validated .custom-select:invalid, .custom-select.is-invalid { border-color: #dc3545; padding-right: calc(0.75em + 2.3125rem) !important; background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat; } .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { color: #dc3545; } .was-validated .form-check-input:invalid ~ .invalid-feedback, .was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, .form-check-input.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { color: #dc3545; } .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { border-color: #dc3545; } .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { border-color: rgb(227.5316455696, 96.4683544304, 109.0253164557); background-color: rgb(227.5316455696, 96.4683544304, 109.0253164557); } .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } .was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { border-color: #dc3545; } .was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { border-color: #dc3545; } .was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { border-color: #dc3545; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } .form-inline { display: flex; flex-flow: row wrap; align-items: center; } .form-inline .form-check { width: 100%; } @media (min-width: 576px) { .form-inline label { display: flex; align-items: center; justify-content: center; margin-bottom: 0; } .form-inline .form-group { display: flex; flex: 0 0 auto; flex-flow: row wrap; align-items: center; margin-bottom: 0; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .form-control-plaintext { display: inline-block; } .form-inline .input-group, .form-inline .custom-select { width: auto; } .form-inline .form-check { display: flex; align-items: center; justify-content: center; width: auto; padding-left: 0; } .form-inline .form-check-input { position: relative; flex-shrink: 0; margin-top: 0; margin-right: 0.25rem; margin-left: 0; } .form-inline .custom-control { align-items: center; justify-content: center; } .form-inline .custom-control-label { margin-bottom: 0; } } .btn { display: inline-block; font-weight: 400; color: #212529; text-align: center; vertical-align: middle; -webkit-user-select: none; -moz-user-select: -moz-none; user-select: none; background-color: transparent; border: 1px solid transparent; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5; border-radius: 0.25rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .btn { transition: none; } } .btn:hover { color: #212529; text-decoration: none; } .btn:focus, .btn.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .btn.disabled, .btn:disabled { opacity: 0.65; } .btn:not(:disabled):not(.disabled) { cursor: pointer; } a.btn.disabled, fieldset:disabled a.btn { pointer-events: none; } .btn-primary { color: #fff; background-color: #007bff; border-color: #007bff; } .btn-primary:hover { color: #fff; background-color: rgb(0, 104.55, 216.75); border-color: rgb(0, 98.4, 204); } .btn-primary:focus, .btn-primary.focus { color: #fff; background-color: rgb(0, 104.55, 216.75); border-color: rgb(0, 98.4, 204); box-shadow: 0 0 0 0.2rem rgba(38.25, 142.8, 255, 0.5); } .btn-primary.disabled, .btn-primary:disabled { color: #fff; background-color: #007bff; border-color: #007bff; } .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { color: #fff; background-color: rgb(0, 98.4, 204); border-color: rgb(0, 92.25, 191.25); } .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(38.25, 142.8, 255, 0.5); } .btn-secondary { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-secondary:hover { color: #fff; background-color: rgb(90.2703862661, 97.7929184549, 104.4796137339); border-color: rgb(84.3605150215, 91.3905579399, 97.6394849785); } .btn-secondary:focus, .btn-secondary.focus { color: #fff; background-color: rgb(90.2703862661, 97.7929184549, 104.4796137339); border-color: rgb(84.3605150215, 91.3905579399, 97.6394849785); box-shadow: 0 0 0 0.2rem rgba(130.05, 137.7, 144.5, 0.5); } .btn-secondary.disabled, .btn-secondary:disabled { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { color: #fff; background-color: rgb(84.3605150215, 91.3905579399, 97.6394849785); border-color: rgb(78.4506437768, 84.9881974249, 90.7993562232); } .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(130.05, 137.7, 144.5, 0.5); } .btn-success { color: #fff; background-color: #28a745; border-color: #28a745; } .btn-success:hover { color: #fff; background-color: rgb(32.6086956522, 136.1413043478, 56.25); border-color: rgb(30.1449275362, 125.8550724638, 52); } .btn-success:focus, .btn-success.focus { color: #fff; background-color: rgb(32.6086956522, 136.1413043478, 56.25); border-color: rgb(30.1449275362, 125.8550724638, 52); box-shadow: 0 0 0 0.2rem rgba(72.25, 180.2, 96.9, 0.5); } .btn-success.disabled, .btn-success:disabled { color: #fff; background-color: #28a745; border-color: #28a745; } .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { color: #fff; background-color: rgb(30.1449275362, 125.8550724638, 52); border-color: rgb(27.6811594203, 115.5688405797, 47.75); } .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(72.25, 180.2, 96.9, 0.5); } .btn-info { color: #fff; background-color: #17a2b8; border-color: #17a2b8; } .btn-info:hover { color: #fff; background-color: rgb(18.75, 132.0652173913, 150); border-color: rgb(17.3333333333, 122.0869565217, 138.6666666667); } .btn-info:focus, .btn-info.focus { color: #fff; background-color: rgb(18.75, 132.0652173913, 150); border-color: rgb(17.3333333333, 122.0869565217, 138.6666666667); box-shadow: 0 0 0 0.2rem rgba(57.8, 175.95, 194.65, 0.5); } .btn-info.disabled, .btn-info:disabled { color: #fff; background-color: #17a2b8; border-color: #17a2b8; } .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { color: #fff; background-color: rgb(17.3333333333, 122.0869565217, 138.6666666667); border-color: rgb(15.9166666667, 112.1086956522, 127.3333333333); } .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(57.8, 175.95, 194.65, 0.5); } .btn-warning { color: #212529; background-color: #ffc107; border-color: #ffc107; } .btn-warning:hover { color: #212529; background-color: rgb(223.75, 167.8125, 0); border-color: rgb(211, 158.25, 0); } .btn-warning:focus, .btn-warning.focus { color: #212529; background-color: rgb(223.75, 167.8125, 0); border-color: rgb(211, 158.25, 0); box-shadow: 0 0 0 0.2rem rgba(221.7, 169.6, 12.1, 0.5); } .btn-warning.disabled, .btn-warning:disabled { color: #212529; background-color: #ffc107; border-color: #ffc107; } .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { color: #212529; background-color: rgb(211, 158.25, 0); border-color: rgb(198.25, 148.6875, 0); } .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(221.7, 169.6, 12.1, 0.5); } .btn-danger { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-danger:hover { color: #fff; background-color: rgb(200.082278481, 34.667721519, 50.5158227848); border-color: rgb(189.2151898734, 32.7848101266, 47.7721518987); } .btn-danger:focus, .btn-danger.focus { color: #fff; background-color: rgb(200.082278481, 34.667721519, 50.5158227848); border-color: rgb(189.2151898734, 32.7848101266, 47.7721518987); box-shadow: 0 0 0 0.2rem rgba(225.25, 83.3, 96.9, 0.5); } .btn-danger.disabled, .btn-danger:disabled { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { color: #fff; background-color: rgb(189.2151898734, 32.7848101266, 47.7721518987); border-color: rgb(178.3481012658, 30.9018987342, 45.0284810127); } .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(225.25, 83.3, 96.9, 0.5); } .btn-light { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-light:hover { color: #212529; background-color: rgb(225.6875, 229.875, 234.0625); border-color: rgb(218.25, 223.5, 228.75); } .btn-light:focus, .btn-light.focus { color: #212529; background-color: rgb(225.6875, 229.875, 234.0625); border-color: rgb(218.25, 223.5, 228.75); box-shadow: 0 0 0 0.2rem rgba(215.75, 217.2, 218.65, 0.5); } .btn-light.disabled, .btn-light:disabled { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { color: #212529; background-color: rgb(218.25, 223.5, 228.75); border-color: rgb(210.8125, 217.125, 223.4375); } .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(215.75, 217.2, 218.65, 0.5); } .btn-dark { color: #fff; background-color: #343a40; border-color: #343a40; } .btn-dark:hover { color: #fff; background-color: rgb(34.8534482759, 38.875, 42.8965517241); border-color: rgb(29.1379310345, 32.5, 35.8620689655); } .btn-dark:focus, .btn-dark.focus { color: #fff; background-color: rgb(34.8534482759, 38.875, 42.8965517241); border-color: rgb(29.1379310345, 32.5, 35.8620689655); box-shadow: 0 0 0 0.2rem rgba(82.45, 87.55, 92.65, 0.5); } .btn-dark.disabled, .btn-dark:disabled { color: #fff; background-color: #343a40; border-color: #343a40; } .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { color: #fff; background-color: rgb(29.1379310345, 32.5, 35.8620689655); border-color: rgb(23.4224137931, 26.125, 28.8275862069); } .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(82.45, 87.55, 92.65, 0.5); } .btn-outline-primary { color: #007bff; border-color: #007bff; } .btn-outline-primary:hover { color: #fff; background-color: #007bff; border-color: #007bff; } .btn-outline-primary:focus, .btn-outline-primary.focus { box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); } .btn-outline-primary.disabled, .btn-outline-primary:disabled { color: #007bff; background-color: transparent; } .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { color: #fff; background-color: #007bff; border-color: #007bff; } .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); } .btn-outline-secondary { color: #6c757d; border-color: #6c757d; } .btn-outline-secondary:hover { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-outline-secondary:focus, .btn-outline-secondary.focus { box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { color: #6c757d; background-color: transparent; } .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } .btn-outline-success { color: #28a745; border-color: #28a745; } .btn-outline-success:hover { color: #fff; background-color: #28a745; border-color: #28a745; } .btn-outline-success:focus, .btn-outline-success.focus { box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); } .btn-outline-success.disabled, .btn-outline-success:disabled { color: #28a745; background-color: transparent; } .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { color: #fff; background-color: #28a745; border-color: #28a745; } .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); } .btn-outline-info { color: #17a2b8; border-color: #17a2b8; } .btn-outline-info:hover { color: #fff; background-color: #17a2b8; border-color: #17a2b8; } .btn-outline-info:focus, .btn-outline-info.focus { box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); } .btn-outline-info.disabled, .btn-outline-info:disabled { color: #17a2b8; background-color: transparent; } .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { color: #fff; background-color: #17a2b8; border-color: #17a2b8; } .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); } .btn-outline-warning { color: #ffc107; border-color: #ffc107; } .btn-outline-warning:hover { color: #212529; background-color: #ffc107; border-color: #ffc107; } .btn-outline-warning:focus, .btn-outline-warning.focus { box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); } .btn-outline-warning.disabled, .btn-outline-warning:disabled { color: #ffc107; background-color: transparent; } .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { color: #212529; background-color: #ffc107; border-color: #ffc107; } .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); } .btn-outline-danger { color: #dc3545; border-color: #dc3545; } .btn-outline-danger:hover { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-outline-danger:focus, .btn-outline-danger.focus { box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); } .btn-outline-danger.disabled, .btn-outline-danger:disabled { color: #dc3545; background-color: transparent; } .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); } .btn-outline-light { color: #f8f9fa; border-color: #f8f9fa; } .btn-outline-light:hover { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-outline-light:focus, .btn-outline-light.focus { box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } .btn-outline-light.disabled, .btn-outline-light:disabled { color: #f8f9fa; background-color: transparent; } .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } .btn-outline-dark { color: #343a40; border-color: #343a40; } .btn-outline-dark:hover { color: #fff; background-color: #343a40; border-color: #343a40; } .btn-outline-dark:focus, .btn-outline-dark.focus { box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); } .btn-outline-dark.disabled, .btn-outline-dark:disabled { color: #343a40; background-color: transparent; } .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { color: #fff; background-color: #343a40; border-color: #343a40; } .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); } .btn-link { font-weight: 400; color: #007bff; text-decoration: none; } .btn-link:hover { color: rgb(0, 86.1, 178.5); text-decoration: underline; } .btn-link:focus, .btn-link.focus { text-decoration: underline; } .btn-link:disabled, .btn-link.disabled { color: #6c757d; pointer-events: none; } .btn-lg, .btn-group-lg > .btn { padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; } .btn-sm, .btn-group-sm > .btn { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; } .btn-block { display: block; width: 100%; } .btn-block + .btn-block { margin-top: 0.5rem; } input[type=submit].btn-block, input[type=reset].btn-block, input[type=button].btn-block { width: 100%; } .fade { transition: opacity 0.15s linear; } @media (prefers-reduced-motion: reduce) { .fade { transition: none; } } .fade:not(.show) { opacity: 0; } .collapse:not(.show) { display: none; } .collapsing { position: relative; height: 0; overflow: hidden; transition: height 0.35s ease; } @media (prefers-reduced-motion: reduce) { .collapsing { transition: none; } } .collapsing.width { width: 0; height: auto; transition: width 0.35s ease; } @media (prefers-reduced-motion: reduce) { .collapsing.width { transition: none; } } .dropup, .dropright, .dropdown, .dropleft { position: relative; } .dropdown-toggle { white-space: nowrap; } .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-bottom: 0; border-left: 0.3em solid transparent; } .dropdown-toggle:empty::after { margin-left: 0; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 10rem; padding: 0.5rem 0; margin: 0.125rem 0 0; font-size: 1rem; color: #212529; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0.25rem; } .dropdown-menu-left { right: auto; left: 0; } .dropdown-menu-right { right: 0; left: auto; } @media (min-width: 576px) { .dropdown-menu-sm-left { right: auto; left: 0; } .dropdown-menu-sm-right { right: 0; left: auto; } } @media (min-width: 768px) { .dropdown-menu-md-left { right: auto; left: 0; } .dropdown-menu-md-right { right: 0; left: auto; } } @media (min-width: 992px) { .dropdown-menu-lg-left { right: auto; left: 0; } .dropdown-menu-lg-right { right: 0; left: auto; } } @media (min-width: 1200px) { .dropdown-menu-xl-left { right: auto; left: 0; } .dropdown-menu-xl-right { right: 0; left: auto; } } .dropup .dropdown-menu { top: auto; bottom: 100%; margin-top: 0; margin-bottom: 0.125rem; } .dropup .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0; border-right: 0.3em solid transparent; border-bottom: 0.3em solid; border-left: 0.3em solid transparent; } .dropup .dropdown-toggle:empty::after { margin-left: 0; } .dropright .dropdown-menu { top: 0; right: auto; left: 100%; margin-top: 0; margin-left: 0.125rem; } .dropright .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0; border-bottom: 0.3em solid transparent; border-left: 0.3em solid; } .dropright .dropdown-toggle:empty::after { margin-left: 0; } .dropright .dropdown-toggle::after { vertical-align: 0; } .dropleft .dropdown-menu { top: 0; right: 100%; left: auto; margin-top: 0; margin-right: 0.125rem; } .dropleft .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; } .dropleft .dropdown-toggle::after { display: none; } .dropleft .dropdown-toggle::before { display: inline-block; margin-right: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0.3em solid; border-bottom: 0.3em solid transparent; } .dropleft .dropdown-toggle:empty::after { margin-left: 0; } .dropleft .dropdown-toggle::before { vertical-align: 0; } .dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] { right: auto; bottom: auto; } .dropdown-divider { height: 0; margin: 0.5rem 0; overflow: hidden; border-top: 1px solid #e9ecef; } .dropdown-item { display: block; width: 100%; padding: 0.25rem 1.5rem; clear: both; font-weight: 400; color: #212529; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0; } .dropdown-item:hover, .dropdown-item:focus { color: rgb(21.6283783784, 24.25, 26.8716216216); text-decoration: none; background-color: #e9ecef; } .dropdown-item.active, .dropdown-item:active { color: #fff; text-decoration: none; background-color: #007bff; } .dropdown-item.disabled, .dropdown-item:disabled { color: #adb5bd; pointer-events: none; background-color: transparent; } .dropdown-menu.show { display: block; } .dropdown-header { display: block; padding: 0.5rem 1.5rem; margin-bottom: 0; font-size: 0.875rem; color: #6c757d; white-space: nowrap; } .dropdown-item-text { display: block; padding: 0.25rem 1.5rem; color: #212529; } .btn-group, .btn-group-vertical { position: relative; display: inline-flex; vertical-align: middle; } .btn-group > .btn, .btn-group-vertical > .btn { position: relative; flex: 1 1 auto; } .btn-group > .btn:hover, .btn-group-vertical > .btn:hover { z-index: 1; } .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active { z-index: 1; } .btn-toolbar { display: flex; flex-wrap: wrap; justify-content: flex-start; } .btn-toolbar .input-group { width: auto; } .btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) { margin-left: -1px; } .btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .btn-group:not(:last-child) > .btn { border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; } .dropdown-toggle-split { padding-right: 0.5625rem; padding-left: 0.5625rem; } .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { margin-left: 0; } .dropleft .dropdown-toggle-split::before { margin-right: 0; } .btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { padding-right: 0.375rem; padding-left: 0.375rem; } .btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { padding-right: 0.75rem; padding-left: 0.75rem; } .btn-group-vertical { flex-direction: column; align-items: flex-start; justify-content: center; } .btn-group-vertical > .btn, .btn-group-vertical > .btn-group { width: 100%; } .btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) { margin-top: -1px; } .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), .btn-group-vertical > .btn-group:not(:last-child) > .btn { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-top-right-radius: 0; } .btn-group-toggle > .btn, .btn-group-toggle > .btn-group > .btn { margin-bottom: 0; } .btn-group-toggle > .btn input[type=radio], .btn-group-toggle > .btn input[type=checkbox], .btn-group-toggle > .btn-group > .btn input[type=radio], .btn-group-toggle > .btn-group > .btn input[type=checkbox] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .input-group { position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100%; } .input-group > .form-control, .input-group > .form-control-plaintext, .input-group > .custom-select, .input-group > .custom-file { position: relative; flex: 1 1 auto; width: 1%; min-width: 0; margin-bottom: 0; } .input-group > .form-control + .form-control, .input-group > .form-control + .custom-select, .input-group > .form-control + .custom-file, .input-group > .form-control-plaintext + .form-control, .input-group > .form-control-plaintext + .custom-select, .input-group > .form-control-plaintext + .custom-file, .input-group > .custom-select + .form-control, .input-group > .custom-select + .custom-select, .input-group > .custom-select + .custom-file, .input-group > .custom-file + .form-control, .input-group > .custom-file + .custom-select, .input-group > .custom-file + .custom-file { margin-left: -1px; } .input-group > .form-control:focus, .input-group > .custom-select:focus, .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { z-index: 3; } .input-group > .custom-file .custom-file-input:focus { z-index: 4; } .input-group > .form-control:not(:first-child), .input-group > .custom-select:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group > .custom-file { display: flex; align-items: center; } .input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .custom-file:not(:first-child) .custom-file-label { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group:not(.has-validation) > .form-control:not(:last-child), .input-group:not(.has-validation) > .custom-select:not(:last-child), .input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label, .input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label::after { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group.has-validation > .form-control:nth-last-child(n+3), .input-group.has-validation > .custom-select:nth-last-child(n+3), .input-group.has-validation > .custom-file:nth-last-child(n+3) .custom-file-label, .input-group.has-validation > .custom-file:nth-last-child(n+3) .custom-file-label::after { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group-prepend, .input-group-append { display: flex; } .input-group-prepend .btn, .input-group-append .btn { position: relative; z-index: 2; } .input-group-prepend .btn:focus, .input-group-append .btn:focus { z-index: 3; } .input-group-prepend .btn + .btn, .input-group-prepend .btn + .input-group-text, .input-group-prepend .input-group-text + .input-group-text, .input-group-prepend .input-group-text + .btn, .input-group-append .btn + .btn, .input-group-append .btn + .input-group-text, .input-group-append .input-group-text + .input-group-text, .input-group-append .input-group-text + .btn { margin-left: -1px; } .input-group-prepend { margin-right: -1px; } .input-group-append { margin-left: -1px; } .input-group-text { display: flex; align-items: center; padding: 0.375rem 0.75rem; margin-bottom: 0; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; text-align: center; white-space: nowrap; background-color: #e9ecef; border: 1px solid #ced4da; border-radius: 0.25rem; } .input-group-text input[type=radio], .input-group-text input[type=checkbox] { margin-top: 0; } .input-group-lg > .form-control:not(textarea), .input-group-lg > .custom-select { height: calc(1.5em + 1rem + 2px); } .input-group-lg > .form-control, .input-group-lg > .custom-select, .input-group-lg > .input-group-prepend > .input-group-text, .input-group-lg > .input-group-append > .input-group-text, .input-group-lg > .input-group-prepend > .btn, .input-group-lg > .input-group-append > .btn { padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; } .input-group-sm > .form-control:not(textarea), .input-group-sm > .custom-select { height: calc(1.5em + 0.5rem + 2px); } .input-group-sm > .form-control, .input-group-sm > .custom-select, .input-group-sm > .input-group-prepend > .input-group-text, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-append > .btn { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; } .input-group-lg > .custom-select, .input-group-sm > .custom-select { padding-right: 1.75rem; } .input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .input-group-text, .input-group:not(.has-validation) > .input-group-append:not(:last-child) > .btn, .input-group:not(.has-validation) > .input-group-append:not(:last-child) > .input-group-text, .input-group.has-validation > .input-group-append:nth-last-child(n+3) > .btn, .input-group.has-validation > .input-group-append:nth-last-child(n+3) > .input-group-text, .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text, .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .custom-control { position: relative; z-index: 1; display: block; min-height: 1.5rem; padding-left: 1.5rem; -webkit-print-color-adjust: exact; print-color-adjust: exact; } .custom-control-inline { display: inline-flex; margin-right: 1rem; } .custom-control-input { position: absolute; left: 0; z-index: -1; width: 1rem; height: 1.25rem; opacity: 0; } .custom-control-input:checked ~ .custom-control-label::before { color: #fff; border-color: #007bff; background-color: #007bff; } .custom-control-input:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-control-input:focus:not(:checked) ~ .custom-control-label::before { border-color: rgb(127.5, 189, 255); } .custom-control-input:not(:disabled):active ~ .custom-control-label::before { color: #fff; background-color: rgb(178.5, 215.4, 255); border-color: rgb(178.5, 215.4, 255); } .custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { color: #6c757d; } .custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { background-color: #e9ecef; } .custom-control-label { position: relative; margin-bottom: 0; vertical-align: top; } .custom-control-label::before { position: absolute; top: 0.25rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; pointer-events: none; content: ""; background-color: #fff; border: 1px solid #adb5bd; } .custom-control-label::after { position: absolute; top: 0.25rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; content: ""; background: 50%/50% 50% no-repeat; } .custom-checkbox .custom-control-label::before { border-radius: 0.25rem; } .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { border-color: #007bff; background-color: #007bff; } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e"); } .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(0, 123, 255, 0.5); } .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { background-color: rgba(0, 123, 255, 0.5); } .custom-radio .custom-control-label::before { border-radius: 50%; } .custom-radio .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); } .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(0, 123, 255, 0.5); } .custom-switch { padding-left: 2.25rem; } .custom-switch .custom-control-label::before { left: -2.25rem; width: 1.75rem; pointer-events: all; border-radius: 0.5rem; } .custom-switch .custom-control-label::after { top: calc(0.25rem + 2px); left: calc(-2.25rem + 2px); width: calc(1rem - 4px); height: calc(1rem - 4px); background-color: #adb5bd; border-radius: 0.5rem; transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .custom-switch .custom-control-label::after { transition: none; } } .custom-switch .custom-control-input:checked ~ .custom-control-label::after { background-color: #fff; transform: translateX(0.75rem); } .custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(0, 123, 255, 0.5); } .custom-select { display: inline-block; width: 100%; height: calc(1.5em + 0.75rem + 2px); padding: 0.375rem 1.75rem 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; vertical-align: middle; background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat; border: 1px solid #ced4da; border-radius: 0.25rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .custom-select:focus { border-color: rgb(127.5, 189, 255); outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-select:focus::-ms-value { color: #495057; background-color: #fff; } .custom-select[multiple], .custom-select[size]:not([size="1"]) { height: auto; padding-right: 0.75rem; background-image: none; } .custom-select:disabled { color: #6c757d; background-color: #e9ecef; } .custom-select::-ms-expand { display: none; } .custom-select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #495057; } .custom-select-sm { height: calc(1.5em + 0.5rem + 2px); padding-top: 0.25rem; padding-bottom: 0.25rem; padding-left: 0.5rem; font-size: 0.875rem; } .custom-select-lg { height: calc(1.5em + 1rem + 2px); padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1rem; font-size: 1.25rem; } .custom-file { position: relative; display: inline-block; width: 100%; height: calc(1.5em + 0.75rem + 2px); margin-bottom: 0; } .custom-file-input { position: relative; z-index: 2; width: 100%; height: calc(1.5em + 0.75rem + 2px); margin: 0; overflow: hidden; opacity: 0; } .custom-file-input:focus ~ .custom-file-label { border-color: rgb(127.5, 189, 255); box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { background-color: #e9ecef; } .custom-file-input:lang(en) ~ .custom-file-label::after { content: "Browse"; } .custom-file-input ~ .custom-file-label[data-browse]::after { content: attr(data-browse); } .custom-file-label { position: absolute; top: 0; right: 0; left: 0; z-index: 1; height: calc(1.5em + 0.75rem + 2px); padding: 0.375rem 0.75rem; overflow: hidden; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; border: 1px solid #ced4da; border-radius: 0.25rem; } .custom-file-label::after { position: absolute; top: 0; right: 0; bottom: 0; z-index: 3; display: block; height: calc(1.5em + 0.75rem); padding: 0.375rem 0.75rem; line-height: 1.5; color: #495057; content: "Browse"; background-color: #e9ecef; border-left: inherit; border-radius: 0 0.25rem 0.25rem 0; } .custom-range { width: 100%; height: 1.4rem; padding: 0; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .custom-range:focus { outline: 0; } .custom-range:focus::-webkit-slider-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-range:focus::-ms-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-range::-moz-focus-outer { border: 0; } .custom-range::-webkit-slider-thumb { width: 1rem; height: 1rem; margin-top: -0.25rem; background-color: #007bff; border: 0; border-radius: 1rem; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -webkit-appearance: none; -moz-appearance: none; appearance: none; } @media (prefers-reduced-motion: reduce) { .custom-range::-webkit-slider-thumb { transition: none; } } .custom-range::-webkit-slider-thumb:active { background-color: rgb(178.5, 215.4, 255); } .custom-range::-webkit-slider-runnable-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem; } .custom-range::-moz-range-thumb { width: 1rem; height: 1rem; background-color: #007bff; border: 0; border-radius: 1rem; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -webkit-appearance: none; -moz-appearance: none; appearance: none; } @media (prefers-reduced-motion: reduce) { .custom-range::-moz-range-thumb { transition: none; } } .custom-range::-moz-range-thumb:active { background-color: rgb(178.5, 215.4, 255); } .custom-range::-moz-range-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem; } .custom-range::-ms-thumb { width: 1rem; height: 1rem; margin-top: 0; margin-right: 0.2rem; margin-left: 0.2rem; background-color: #007bff; border: 0; border-radius: 1rem; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -webkit-appearance: none; -moz-appearance: none; appearance: none; } @media (prefers-reduced-motion: reduce) { .custom-range::-ms-thumb { transition: none; } } .custom-range::-ms-thumb:active { background-color: rgb(178.5, 215.4, 255); } .custom-range::-ms-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: transparent; border-color: transparent; border-width: 0.5rem; } .custom-range::-ms-fill-lower { background-color: #dee2e6; border-radius: 1rem; } .custom-range::-ms-fill-upper { margin-right: 15px; background-color: #dee2e6; border-radius: 1rem; } .custom-range:disabled::-webkit-slider-thumb { background-color: #adb5bd; } .custom-range:disabled::-webkit-slider-runnable-track { cursor: default; } .custom-range:disabled::-moz-range-thumb { background-color: #adb5bd; } .custom-range:disabled::-moz-range-track { cursor: default; } .custom-range:disabled::-ms-thumb { background-color: #adb5bd; } .custom-control-label::before, .custom-file-label, .custom-select { transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .custom-control-label::before, .custom-file-label, .custom-select { transition: none; } } .nav { display: flex; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; } .nav-link { display: block; padding: 0.5rem 1rem; } .nav-link:hover, .nav-link:focus { text-decoration: none; } .nav-link.disabled { color: #6c757d; pointer-events: none; cursor: default; } .nav-tabs { border-bottom: 1px solid #dee2e6; } .nav-tabs .nav-link { margin-bottom: -1px; background-color: transparent; border: 1px solid transparent; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { isolation: isolate; border-color: #e9ecef #e9ecef #dee2e6; } .nav-tabs .nav-link.disabled { color: #6c757d; background-color: transparent; border-color: transparent; } .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { color: #495057; background-color: #fff; border-color: #dee2e6 #dee2e6 #fff; } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0; } .nav-pills .nav-link { background: none; border: 0; border-radius: 0.25rem; } .nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: #fff; background-color: #007bff; } .nav-fill > .nav-link, .nav-fill .nav-item { flex: 1 1 auto; text-align: center; } .nav-justified > .nav-link, .nav-justified .nav-item { flex-basis: 0; flex-grow: 1; text-align: center; } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .navbar { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 0.5rem 1rem; } .navbar .container, .navbar .container-fluid, .navbar .container-sm, .navbar .container-md, .navbar .container-lg, .navbar .container-xl { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } .navbar-brand { display: inline-block; padding-top: 0.3125rem; padding-bottom: 0.3125rem; margin-right: 1rem; font-size: 1.25rem; line-height: inherit; white-space: nowrap; } .navbar-brand:hover, .navbar-brand:focus { text-decoration: none; } .navbar-nav { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none; } .navbar-nav .nav-link { padding-right: 0; padding-left: 0; } .navbar-nav .dropdown-menu { position: static; float: none; } .navbar-text { display: inline-block; padding-top: 0.5rem; padding-bottom: 0.5rem; } .navbar-collapse { flex-basis: 100%; flex-grow: 1; align-items: center; } .navbar-toggler { padding: 0.25rem 0.75rem; font-size: 1.25rem; line-height: 1; background-color: transparent; border: 1px solid transparent; border-radius: 0.25rem; } .navbar-toggler:hover, .navbar-toggler:focus { text-decoration: none; } .navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; content: ""; background: 50%/100% 100% no-repeat; } .navbar-nav-scroll { max-height: 75vh; overflow-y: auto; } @media (max-width: 575.98px) { .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-xl { padding-right: 0; padding-left: 0; } } @media (min-width: 576px) { .navbar-expand-sm { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-sm .navbar-nav { flex-direction: row; } .navbar-expand-sm .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-sm .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-xl { flex-wrap: nowrap; } .navbar-expand-sm .navbar-nav-scroll { overflow: visible; } .navbar-expand-sm .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-sm .navbar-toggler { display: none; } } @media (max-width: 767.98px) { .navbar-expand-md > .container, .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-md, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-xl { padding-right: 0; padding-left: 0; } } @media (min-width: 768px) { .navbar-expand-md { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-md .navbar-nav { flex-direction: row; } .navbar-expand-md .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-md .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-md > .container, .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-md, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-xl { flex-wrap: nowrap; } .navbar-expand-md .navbar-nav-scroll { overflow: visible; } .navbar-expand-md .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-md .navbar-toggler { display: none; } } @media (max-width: 991.98px) { .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-xl { padding-right: 0; padding-left: 0; } } @media (min-width: 992px) { .navbar-expand-lg { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-lg .navbar-nav { flex-direction: row; } .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-lg .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-xl { flex-wrap: nowrap; } .navbar-expand-lg .navbar-nav-scroll { overflow: visible; } .navbar-expand-lg .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-lg .navbar-toggler { display: none; } } @media (max-width: 1199.98px) { .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-xl { padding-right: 0; padding-left: 0; } } @media (min-width: 1200px) { .navbar-expand-xl { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-xl .navbar-nav { flex-direction: row; } .navbar-expand-xl .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-xl .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-xl { flex-wrap: nowrap; } .navbar-expand-xl .navbar-nav-scroll { overflow: visible; } .navbar-expand-xl .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-xl .navbar-toggler { display: none; } } .navbar-expand { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand > .container, .navbar-expand > .container-fluid, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl { padding-right: 0; padding-left: 0; } .navbar-expand .navbar-nav { flex-direction: row; } .navbar-expand .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand > .container, .navbar-expand > .container-fluid, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl { flex-wrap: nowrap; } .navbar-expand .navbar-nav-scroll { overflow: visible; } .navbar-expand .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand .navbar-toggler { display: none; } .navbar-light .navbar-brand { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-nav .nav-link { color: rgba(0, 0, 0, 0.5); } .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { color: rgba(0, 0, 0, 0.7); } .navbar-light .navbar-nav .nav-link.disabled { color: rgba(0, 0, 0, 0.3); } .navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-toggler { color: rgba(0, 0, 0, 0.5); border-color: rgba(0, 0, 0, 0.1); } .navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .navbar-light .navbar-text { color: rgba(0, 0, 0, 0.5); } .navbar-light .navbar-text a { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { color: rgba(0, 0, 0, 0.9); } .navbar-dark .navbar-brand { color: #fff; } .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { color: #fff; } .navbar-dark .navbar-nav .nav-link { color: rgba(255, 255, 255, 0.5); } .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { color: rgba(255, 255, 255, 0.75); } .navbar-dark .navbar-nav .nav-link.disabled { color: rgba(255, 255, 255, 0.25); } .navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active { color: #fff; } .navbar-dark .navbar-toggler { color: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.1); } .navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .navbar-dark .navbar-text { color: rgba(255, 255, 255, 0.5); } .navbar-dark .navbar-text a { color: #fff; } .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { color: #fff; } .card { position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid rgba(0, 0, 0, 0.125); border-radius: 0.25rem; } .card > hr { margin-right: 0; margin-left: 0; } .card > .list-group { border-top: inherit; border-bottom: inherit; } .card > .list-group:first-child { border-top-width: 0; border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); } .card > .list-group:last-child { border-bottom-width: 0; border-bottom-right-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); } .card > .card-header + .list-group, .card > .list-group + .card-footer { border-top: 0; } .card-body { flex: 1 1 auto; min-height: 1px; padding: 1.25rem; } .card-title { margin-bottom: 0.75rem; } .card-subtitle { margin-top: -0.375rem; margin-bottom: 0; } .card-text:last-child { margin-bottom: 0; } .card-link:hover { text-decoration: none; } .card-link + .card-link { margin-left: 1.25rem; } .card-header { padding: 0.75rem 1.25rem; margin-bottom: 0; background-color: rgba(0, 0, 0, 0.03); border-bottom: 1px solid rgba(0, 0, 0, 0.125); } .card-header:first-child { border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; } .card-footer { padding: 0.75rem 1.25rem; background-color: rgba(0, 0, 0, 0.03); border-top: 1px solid rgba(0, 0, 0, 0.125); } .card-footer:last-child { border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); } .card-header-tabs { margin-right: -0.625rem; margin-bottom: -0.75rem; margin-left: -0.625rem; border-bottom: 0; } .card-header-pills { margin-right: -0.625rem; margin-left: -0.625rem; } .card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1.25rem; border-radius: calc(0.25rem - 1px); } .card-img, .card-img-top, .card-img-bottom { flex-shrink: 0; width: 100%; } .card-img, .card-img-top { border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); } .card-img, .card-img-bottom { border-bottom-right-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); } .card-deck .card { margin-bottom: 15px; } @media (min-width: 576px) { .card-deck { display: flex; flex-flow: row wrap; margin-right: -15px; margin-left: -15px; } .card-deck .card { flex: 1 0 0%; margin-right: 15px; margin-bottom: 0; margin-left: 15px; } } .card-group > .card { margin-bottom: 15px; } @media (min-width: 576px) { .card-group { display: flex; flex-flow: row wrap; } .card-group > .card { flex: 1 0 0%; margin-bottom: 0; } .card-group > .card + .card { margin-left: 0; border-left: 0; } .card-group > .card:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .card-group > .card:not(:last-child) .card-img-top, .card-group > .card:not(:last-child) .card-header { border-top-right-radius: 0; } .card-group > .card:not(:last-child) .card-img-bottom, .card-group > .card:not(:last-child) .card-footer { border-bottom-right-radius: 0; } .card-group > .card:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .card-group > .card:not(:first-child) .card-img-top, .card-group > .card:not(:first-child) .card-header { border-top-left-radius: 0; } .card-group > .card:not(:first-child) .card-img-bottom, .card-group > .card:not(:first-child) .card-footer { border-bottom-left-radius: 0; } } .card-columns .card { margin-bottom: 0.75rem; } @media (min-width: 576px) { .card-columns { column-count: 3; column-gap: 1.25rem; orphans: 1; widows: 1; } .card-columns .card { display: inline-block; width: 100%; } } .accordion { overflow-anchor: none; } .accordion > .card { overflow: hidden; } .accordion > .card:not(:last-of-type) { border-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .accordion > .card:not(:first-of-type) { border-top-left-radius: 0; border-top-right-radius: 0; } .accordion > .card > .card-header { border-radius: 0; margin-bottom: -1px; } .breadcrumb { display: flex; flex-wrap: wrap; padding: 0.75rem 1rem; margin-bottom: 1rem; list-style: none; background-color: #e9ecef; border-radius: 0.25rem; } .breadcrumb-item + .breadcrumb-item { padding-left: 0.5rem; } .breadcrumb-item + .breadcrumb-item::before { float: left; padding-right: 0.5rem; color: #6c757d; content: "/"; } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: underline; } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: none; } .breadcrumb-item.active { color: #6c757d; } .pagination { display: flex; padding-left: 0; list-style: none; border-radius: 0.25rem; } .page-link { position: relative; display: block; padding: 0.5rem 0.75rem; margin-left: -1px; line-height: 1.25; color: #007bff; background-color: #fff; border: 1px solid #dee2e6; } .page-link:hover { z-index: 2; color: rgb(0, 86.1, 178.5); text-decoration: none; background-color: #e9ecef; border-color: #dee2e6; } .page-link:focus { z-index: 3; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .page-item:first-child .page-link { margin-left: 0; border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .page-item:last-child .page-link { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .page-item.active .page-link { z-index: 3; color: #fff; background-color: #007bff; border-color: #007bff; } .page-item.disabled .page-link { color: #6c757d; pointer-events: none; cursor: auto; background-color: #fff; border-color: #dee2e6; } .pagination-lg .page-link { padding: 0.75rem 1.5rem; font-size: 1.25rem; line-height: 1.5; } .pagination-lg .page-item:first-child .page-link { border-top-left-radius: 0.3rem; border-bottom-left-radius: 0.3rem; } .pagination-lg .page-item:last-child .page-link { border-top-right-radius: 0.3rem; border-bottom-right-radius: 0.3rem; } .pagination-sm .page-link { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; } .pagination-sm .page-item:first-child .page-link { border-top-left-radius: 0.2rem; border-bottom-left-radius: 0.2rem; } .pagination-sm .page-item:last-child .page-link { border-top-right-radius: 0.2rem; border-bottom-right-radius: 0.2rem; } .badge { display: inline-block; padding: 0.25em 0.4em; font-size: 75%; font-weight: 700; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .badge { transition: none; } } a.badge:hover, a.badge:focus { text-decoration: none; } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .badge-pill { padding-right: 0.6em; padding-left: 0.6em; border-radius: 10rem; } .badge-primary { color: #fff; background-color: #007bff; } a.badge-primary:hover, a.badge-primary:focus { color: #fff; background-color: rgb(0, 98.4, 204); } a.badge-primary:focus, a.badge-primary.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); } .badge-secondary { color: #fff; background-color: #6c757d; } a.badge-secondary:hover, a.badge-secondary:focus { color: #fff; background-color: rgb(84.3605150215, 91.3905579399, 97.6394849785); } a.badge-secondary:focus, a.badge-secondary.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } .badge-success { color: #fff; background-color: #28a745; } a.badge-success:hover, a.badge-success:focus { color: #fff; background-color: rgb(30.1449275362, 125.8550724638, 52); } a.badge-success:focus, a.badge-success.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); } .badge-info { color: #fff; background-color: #17a2b8; } a.badge-info:hover, a.badge-info:focus { color: #fff; background-color: rgb(17.3333333333, 122.0869565217, 138.6666666667); } a.badge-info:focus, a.badge-info.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); } .badge-warning { color: #212529; background-color: #ffc107; } a.badge-warning:hover, a.badge-warning:focus { color: #212529; background-color: rgb(211, 158.25, 0); } a.badge-warning:focus, a.badge-warning.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); } .badge-danger { color: #fff; background-color: #dc3545; } a.badge-danger:hover, a.badge-danger:focus { color: #fff; background-color: rgb(189.2151898734, 32.7848101266, 47.7721518987); } a.badge-danger:focus, a.badge-danger.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); } .badge-light { color: #212529; background-color: #f8f9fa; } a.badge-light:hover, a.badge-light:focus { color: #212529; background-color: rgb(218.25, 223.5, 228.75); } a.badge-light:focus, a.badge-light.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } .badge-dark { color: #fff; background-color: #343a40; } a.badge-dark:hover, a.badge-dark:focus { color: #fff; background-color: rgb(29.1379310345, 32.5, 35.8620689655); } a.badge-dark:focus, a.badge-dark.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); } .jumbotron { padding: 2rem 1rem; margin-bottom: 2rem; background-color: #e9ecef; border-radius: 0.3rem; } @media (min-width: 576px) { .jumbotron { padding: 4rem 2rem; } } .jumbotron-fluid { padding-right: 0; padding-left: 0; border-radius: 0; } .alert { position: relative; padding: 0.75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 0.25rem; } .alert-heading { color: inherit; } .alert-link { font-weight: 700; } .alert-dismissible { padding-right: 4rem; } .alert-dismissible .close { position: absolute; top: 0; right: 0; z-index: 2; padding: 0.75rem 1.25rem; color: inherit; } .alert-primary { color: rgb(0, 63.96, 132.6); background-color: rgb(204, 228.6, 255); border-color: rgb(183.6, 218.04, 255); } .alert-primary hr { border-top-color: rgb(158.1, 204.84, 255); } .alert-primary .alert-link { color: rgb(0, 39.36, 81.6); } .alert-secondary { color: rgb(56.16, 60.84, 65); background-color: rgb(225.6, 227.4, 229); border-color: rgb(213.84, 216.36, 218.6); } .alert-secondary hr { border-top-color: rgb(200.3075090253, 203.6560288809, 206.6324909747); } .alert-secondary .alert-link { color: rgb(32.5205150215, 35.2305579399, 37.6394849785); } .alert-success { color: rgb(20.8, 86.84, 35.88); background-color: rgb(212, 237.4, 217.8); border-color: rgb(194.8, 230.36, 202.92); } .alert-success hr { border-top-color: rgb(176.7059405941, 222.9540594059, 187.2665346535); } .alert-success .alert-link { color: rgb(10.9449275362, 45.6950724638, 18.88); } .alert-info { color: rgb(11.96, 84.24, 95.68); background-color: rgb(208.6, 236.4, 240.8); border-color: rgb(190.04, 228.96, 235.12); } .alert-info hr { border-top-color: rgb(170.5152475248, 221.1332673267, 229.1447524752); } .alert-info .alert-link { color: rgb(6.2933333333, 44.3269565217, 50.3466666667); } .alert-warning { color: rgb(132.6, 100.36, 3.64); background-color: rgb(255, 242.6, 205.4); border-color: rgb(255, 237.64, 185.56); } .alert-warning hr { border-top-color: rgb(255, 231.265, 160.06); } .alert-warning .alert-link { color: rgb(82.9625954198, 62.7912977099, 2.2774045802); } .alert-danger { color: rgb(114.4, 27.56, 35.88); background-color: rgb(248, 214.6, 217.8); border-color: rgb(245.2, 198.44, 202.92); } .alert-danger hr { border-top-color: rgb(241.4341772152, 176.7058227848, 182.9073417722); } .alert-danger .alert-link { color: rgb(73.3010989011, 17.6589010989, 22.9898901099); } .alert-light { color: rgb(128.96, 129.48, 130); background-color: rgb(253.6, 253.8, 254); border-color: rgb(253.04, 253.32, 253.6); } .alert-light hr { border-top-color: rgb(238.165, 240.57, 242.975); } .alert-light .alert-link { color: rgb(103.5492351816, 103.98, 104.4107648184); } .alert-dark { color: rgb(27.04, 30.16, 33.28); background-color: rgb(214.4, 215.6, 216.8); border-color: rgb(198.16, 199.84, 201.52); } .alert-dark hr { border-top-color: rgb(185.0216751269, 187.09, 189.1583248731); } .alert-dark .alert-link { color: rgb(4.1779310345, 4.66, 5.1420689655); } @keyframes progress-bar-stripes { from { background-position: 1rem 0; } to { background-position: 0 0; } } .progress { display: flex; height: 1rem; overflow: hidden; line-height: 0; font-size: 0.75rem; background-color: #e9ecef; border-radius: 0.25rem; } .progress-bar { display: flex; flex-direction: column; justify-content: center; overflow: hidden; color: #fff; text-align: center; white-space: nowrap; background-color: #007bff; transition: width 0.6s ease; } @media (prefers-reduced-motion: reduce) { .progress-bar { transition: none; } } .progress-bar-striped { background-image: linear-gradient( 45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 1rem 1rem; } .progress-bar-animated { animation: 1s linear infinite progress-bar-stripes; } @media (prefers-reduced-motion: reduce) { .progress-bar-animated { animation: none; } } .media { display: flex; align-items: flex-start; } .media-body { flex: 1; } .list-group { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; border-radius: 0.25rem; } .list-group-item-action { width: 100%; color: #495057; text-align: inherit; } .list-group-item-action:hover, .list-group-item-action:focus { z-index: 1; color: #495057; text-decoration: none; background-color: #f8f9fa; } .list-group-item-action:active { color: #212529; background-color: #e9ecef; } .list-group-item { position: relative; display: block; padding: 0.75rem 1.25rem; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.125); } .list-group-item:first-child { border-top-left-radius: inherit; border-top-right-radius: inherit; } .list-group-item:last-child { border-bottom-right-radius: inherit; border-bottom-left-radius: inherit; } .list-group-item.disabled, .list-group-item:disabled { color: #6c757d; pointer-events: none; background-color: #fff; } .list-group-item.active { z-index: 2; color: #fff; background-color: #007bff; border-color: #007bff; } .list-group-item + .list-group-item { border-top-width: 0; } .list-group-item + .list-group-item.active { margin-top: -1px; border-top-width: 1px; } .list-group-horizontal { flex-direction: row; } .list-group-horizontal > .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal > .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal > .list-group-item.active { margin-top: 0; } .list-group-horizontal > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } @media (min-width: 576px) { .list-group-horizontal-sm { flex-direction: row; } .list-group-horizontal-sm > .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-sm > .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal-sm > .list-group-item.active { margin-top: 0; } .list-group-horizontal-sm > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-sm > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } @media (min-width: 768px) { .list-group-horizontal-md { flex-direction: row; } .list-group-horizontal-md > .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-md > .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal-md > .list-group-item.active { margin-top: 0; } .list-group-horizontal-md > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-md > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } @media (min-width: 992px) { .list-group-horizontal-lg { flex-direction: row; } .list-group-horizontal-lg > .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-lg > .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal-lg > .list-group-item.active { margin-top: 0; } .list-group-horizontal-lg > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-lg > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } @media (min-width: 1200px) { .list-group-horizontal-xl { flex-direction: row; } .list-group-horizontal-xl > .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-xl > .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal-xl > .list-group-item.active { margin-top: 0; } .list-group-horizontal-xl > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-xl > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } .list-group-flush { border-radius: 0; } .list-group-flush > .list-group-item { border-width: 0 0 1px; } .list-group-flush > .list-group-item:last-child { border-bottom-width: 0; } .list-group-item-primary { color: rgb(0, 63.96, 132.6); background-color: rgb(183.6, 218.04, 255); } .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { color: rgb(0, 63.96, 132.6); background-color: rgb(158.1, 204.84, 255); } .list-group-item-primary.list-group-item-action.active { color: #fff; background-color: rgb(0, 63.96, 132.6); border-color: rgb(0, 63.96, 132.6); } .list-group-item-secondary { color: rgb(56.16, 60.84, 65); background-color: rgb(213.84, 216.36, 218.6); } .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { color: rgb(56.16, 60.84, 65); background-color: rgb(200.3075090253, 203.6560288809, 206.6324909747); } .list-group-item-secondary.list-group-item-action.active { color: #fff; background-color: rgb(56.16, 60.84, 65); border-color: rgb(56.16, 60.84, 65); } .list-group-item-success { color: rgb(20.8, 86.84, 35.88); background-color: rgb(194.8, 230.36, 202.92); } .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { color: rgb(20.8, 86.84, 35.88); background-color: rgb(176.7059405941, 222.9540594059, 187.2665346535); } .list-group-item-success.list-group-item-action.active { color: #fff; background-color: rgb(20.8, 86.84, 35.88); border-color: rgb(20.8, 86.84, 35.88); } .list-group-item-info { color: rgb(11.96, 84.24, 95.68); background-color: rgb(190.04, 228.96, 235.12); } .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { color: rgb(11.96, 84.24, 95.68); background-color: rgb(170.5152475248, 221.1332673267, 229.1447524752); } .list-group-item-info.list-group-item-action.active { color: #fff; background-color: rgb(11.96, 84.24, 95.68); border-color: rgb(11.96, 84.24, 95.68); } .list-group-item-warning { color: rgb(132.6, 100.36, 3.64); background-color: rgb(255, 237.64, 185.56); } .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { color: rgb(132.6, 100.36, 3.64); background-color: rgb(255, 231.265, 160.06); } .list-group-item-warning.list-group-item-action.active { color: #fff; background-color: rgb(132.6, 100.36, 3.64); border-color: rgb(132.6, 100.36, 3.64); } .list-group-item-danger { color: rgb(114.4, 27.56, 35.88); background-color: rgb(245.2, 198.44, 202.92); } .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { color: rgb(114.4, 27.56, 35.88); background-color: rgb(241.4341772152, 176.7058227848, 182.9073417722); } .list-group-item-danger.list-group-item-action.active { color: #fff; background-color: rgb(114.4, 27.56, 35.88); border-color: rgb(114.4, 27.56, 35.88); } .list-group-item-light { color: rgb(128.96, 129.48, 130); background-color: rgb(253.04, 253.32, 253.6); } .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { color: rgb(128.96, 129.48, 130); background-color: rgb(238.165, 240.57, 242.975); } .list-group-item-light.list-group-item-action.active { color: #fff; background-color: rgb(128.96, 129.48, 130); border-color: rgb(128.96, 129.48, 130); } .list-group-item-dark { color: rgb(27.04, 30.16, 33.28); background-color: rgb(198.16, 199.84, 201.52); } .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { color: rgb(27.04, 30.16, 33.28); background-color: rgb(185.0216751269, 187.09, 189.1583248731); } .list-group-item-dark.list-group-item-action.active { color: #fff; background-color: rgb(27.04, 30.16, 33.28); border-color: rgb(27.04, 30.16, 33.28); } .close { float: right; font-size: 1.5rem; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: 0.5; } .close:hover { color: #000; text-decoration: none; } .close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { opacity: 0.75; } button.close { padding: 0; background-color: transparent; border: 0; } a.close.disabled { pointer-events: none; } .toast { flex-basis: 350px; max-width: 350px; font-size: 0.875rem; background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1); opacity: 0; border-radius: 0.25rem; } .toast:not(:last-child) { margin-bottom: 0.75rem; } .toast.showing { opacity: 1; } .toast.show { display: block; opacity: 1; } .toast.hide { display: none; } .toast-header { display: flex; align-items: center; padding: 0.25rem 0.75rem; color: #6c757d; background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; border-bottom: 1px solid rgba(0, 0, 0, 0.05); border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); } .toast-body { padding: 0.75rem; } .modal-open { overflow: hidden; } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal { position: fixed; top: 0; left: 0; z-index: 1050; display: none; width: 100%; height: 100%; overflow: hidden; outline: 0; } .modal-dialog { position: relative; width: auto; margin: 0.5rem; pointer-events: none; } .modal.fade .modal-dialog { transition: transform 0.3s ease-out; transform: translate(0, -50px); } @media (prefers-reduced-motion: reduce) { .modal.fade .modal-dialog { transition: none; } } .modal.show .modal-dialog { transform: none; } .modal.modal-static .modal-dialog { transform: scale(1.02); } .modal-dialog-scrollable { display: flex; max-height: calc(100% - 1rem); } .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 1rem); overflow: hidden; } .modal-dialog-scrollable .modal-header, .modal-dialog-scrollable .modal-footer { flex-shrink: 0; } .modal-dialog-scrollable .modal-body { overflow-y: auto; } .modal-dialog-centered { display: flex; align-items: center; min-height: calc(100% - 1rem); } .modal-dialog-centered::before { display: block; height: calc(100vh - 1rem); height: min-content; content: ""; } .modal-dialog-centered.modal-dialog-scrollable { flex-direction: column; justify-content: center; height: 100%; } .modal-dialog-centered.modal-dialog-scrollable .modal-content { max-height: none; } .modal-dialog-centered.modal-dialog-scrollable::before { content: none; } .modal-content { position: relative; display: flex; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; outline: 0; } .modal-backdrop { position: fixed; top: 0; left: 0; z-index: 1040; width: 100vw; height: 100vh; background-color: #000; } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.show { opacity: 0.5; } .modal-header { display: flex; align-items: flex-start; justify-content: space-between; padding: 1rem 1rem; border-bottom: 1px solid #dee2e6; border-top-left-radius: calc(0.3rem - 1px); border-top-right-radius: calc(0.3rem - 1px); } .modal-header .close { padding: 1rem 1rem; margin: -1rem -1rem -1rem auto; } .modal-title { margin-bottom: 0; line-height: 1.5; } .modal-body { position: relative; flex: 1 1 auto; padding: 1rem; } .modal-footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; padding: 0.75rem; border-top: 1px solid #dee2e6; border-bottom-right-radius: calc(0.3rem - 1px); border-bottom-left-radius: calc(0.3rem - 1px); } .modal-footer > * { margin: 0.25rem; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 576px) { .modal-dialog { max-width: 500px; margin: 1.75rem auto; } .modal-dialog-scrollable { max-height: calc(100% - 3.5rem); } .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 3.5rem); } .modal-dialog-centered { min-height: calc(100% - 3.5rem); } .modal-dialog-centered::before { height: calc(100vh - 3.5rem); height: min-content; } .modal-sm { max-width: 300px; } } @media (min-width: 992px) { .modal-lg, .modal-xl { max-width: 800px; } } @media (min-width: 1200px) { .modal-xl { max-width: 1140px; } } .tooltip { position: absolute; z-index: 1070; display: block; margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; white-space: normal; word-spacing: normal; line-break: auto; font-size: 0.875rem; word-wrap: break-word; opacity: 0; } .tooltip.show { opacity: 0.9; } .tooltip .arrow { position: absolute; display: block; width: 0.8rem; height: 0.4rem; } .tooltip .arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid; } .bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] { padding: 0.4rem 0; } .bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow { bottom: 0; } .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before { top: 0; border-width: 0.4rem 0.4rem 0; border-top-color: #000; } .bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] { padding: 0 0.4rem; } .bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow { left: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before { right: 0; border-width: 0.4rem 0.4rem 0.4rem 0; border-right-color: #000; } .bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] { padding: 0.4rem 0; } .bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow { top: 0; } .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before { bottom: 0; border-width: 0 0.4rem 0.4rem; border-bottom-color: #000; } .bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] { padding: 0 0.4rem; } .bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow { right: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before { left: 0; border-width: 0.4rem 0 0.4rem 0.4rem; border-left-color: #000; } .tooltip-inner { max-width: 200px; padding: 0.25rem 0.5rem; color: #fff; text-align: center; background-color: #000; border-radius: 0.25rem; } .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: block; max-width: 276px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; white-space: normal; word-spacing: normal; line-break: auto; font-size: 0.875rem; word-wrap: break-word; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; } .popover .arrow { position: absolute; display: block; width: 1rem; height: 0.5rem; margin: 0 0.3rem; } .popover .arrow::before, .popover .arrow::after { position: absolute; display: block; content: ""; border-color: transparent; border-style: solid; } .bs-popover-top, .bs-popover-auto[x-placement^=top] { margin-bottom: 0.5rem; } .bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow { bottom: calc(-0.5rem - 1px); } .bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before { bottom: 0; border-width: 0.5rem 0.5rem 0; border-top-color: rgba(0, 0, 0, 0.25); } .bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after { bottom: 1px; border-width: 0.5rem 0.5rem 0; border-top-color: #fff; } .bs-popover-right, .bs-popover-auto[x-placement^=right] { margin-left: 0.5rem; } .bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow { left: calc(-0.5rem - 1px); width: 0.5rem; height: 1rem; margin: 0.3rem 0; } .bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before { left: 0; border-width: 0.5rem 0.5rem 0.5rem 0; border-right-color: rgba(0, 0, 0, 0.25); } .bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after { left: 1px; border-width: 0.5rem 0.5rem 0.5rem 0; border-right-color: #fff; } .bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] { margin-top: 0.5rem; } .bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow { top: calc(-0.5rem - 1px); } .bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before { top: 0; border-width: 0 0.5rem 0.5rem 0.5rem; border-bottom-color: rgba(0, 0, 0, 0.25); } .bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after { top: 1px; border-width: 0 0.5rem 0.5rem 0.5rem; border-bottom-color: #fff; } .bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before { position: absolute; top: 0; left: 50%; display: block; width: 1rem; margin-left: -0.5rem; content: ""; border-bottom: 1px solid rgb(247.35, 247.35, 247.35); } .bs-popover-left, .bs-popover-auto[x-placement^=left] { margin-right: 0.5rem; } .bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow { right: calc(-0.5rem - 1px); width: 0.5rem; height: 1rem; margin: 0.3rem 0; } .bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before { right: 0; border-width: 0.5rem 0 0.5rem 0.5rem; border-left-color: rgba(0, 0, 0, 0.25); } .bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after { right: 1px; border-width: 0.5rem 0 0.5rem 0.5rem; border-left-color: #fff; } .popover-header { padding: 0.5rem 0.75rem; margin-bottom: 0; font-size: 1rem; background-color: rgb(247.35, 247.35, 247.35); border-bottom: 1px solid rgb(234.6, 234.6, 234.6); border-top-left-radius: calc(0.3rem - 1px); border-top-right-radius: calc(0.3rem - 1px); } .popover-header:empty { display: none; } .popover-body { padding: 0.5rem 0.75rem; color: #212529; } .carousel { position: relative; } .carousel.pointer-event { touch-action: pan-y; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel-inner::after { display: block; clear: both; content: ""; } .carousel-item { position: relative; display: none; float: left; width: 100%; margin-right: -100%; backface-visibility: hidden; transition: transform 0.6s ease-in-out; } @media (prefers-reduced-motion: reduce) { .carousel-item { transition: none; } } .carousel-item.active, .carousel-item-next, .carousel-item-prev { display: block; } .carousel-item-next:not(.carousel-item-left), .active.carousel-item-right { transform: translateX(100%); } .carousel-item-prev:not(.carousel-item-right), .active.carousel-item-left { transform: translateX(-100%); } .carousel-fade .carousel-item { opacity: 0; transition-property: opacity; transform: none; } .carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right { z-index: 1; opacity: 1; } .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { z-index: 0; opacity: 0; transition: opacity 0s 0.6s; } @media (prefers-reduced-motion: reduce) { .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { transition: none; } } .carousel-control-prev, .carousel-control-next { position: absolute; top: 0; bottom: 0; z-index: 1; display: flex; align-items: center; justify-content: center; width: 15%; padding: 0; color: #fff; text-align: center; background: none; border: 0; opacity: 0.5; transition: opacity 0.15s ease; } @media (prefers-reduced-motion: reduce) { .carousel-control-prev, .carousel-control-next { transition: none; } } .carousel-control-prev:hover, .carousel-control-prev:focus, .carousel-control-next:hover, .carousel-control-next:focus { color: #fff; text-decoration: none; outline: 0; opacity: 0.9; } .carousel-control-prev { left: 0; } .carousel-control-next { right: 0; } .carousel-control-prev-icon, .carousel-control-next-icon { display: inline-block; width: 20px; height: 20px; background: 50%/100% 100% no-repeat; } .carousel-control-prev-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); } .carousel-control-next-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); } .carousel-indicators { position: absolute; right: 0; bottom: 0; left: 0; z-index: 15; display: flex; justify-content: center; padding-left: 0; margin-right: 15%; margin-left: 15%; list-style: none; } .carousel-indicators li { box-sizing: content-box; flex: 0 1 auto; width: 30px; height: 3px; margin-right: 3px; margin-left: 3px; text-indent: -999px; cursor: pointer; background-color: #fff; background-clip: padding-box; border-top: 10px solid transparent; border-bottom: 10px solid transparent; opacity: 0.5; transition: opacity 0.6s ease; } @media (prefers-reduced-motion: reduce) { .carousel-indicators li { transition: none; } } .carousel-indicators .active { opacity: 1; } .carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; } @keyframes spinner-border { to { transform: rotate(360deg); } } .spinner-border { display: inline-block; width: 2rem; height: 2rem; vertical-align: -0.125em; border: 0.25em solid currentcolor; border-right-color: transparent; border-radius: 50%; animation: 0.75s linear infinite spinner-border; } .spinner-border-sm { width: 1rem; height: 1rem; border-width: 0.2em; } @keyframes spinner-grow { 0% { transform: scale(0); } 50% { opacity: 1; transform: none; } } .spinner-grow { display: inline-block; width: 2rem; height: 2rem; vertical-align: -0.125em; background-color: currentcolor; border-radius: 50%; opacity: 0; animation: 0.75s linear infinite spinner-grow; } .spinner-grow-sm { width: 1rem; height: 1rem; } @media (prefers-reduced-motion: reduce) { .spinner-border, .spinner-grow { animation-duration: 1.5s; } } .align-baseline { vertical-align: baseline !important; } .align-top { vertical-align: top !important; } .align-middle { vertical-align: middle !important; } .align-bottom { vertical-align: bottom !important; } .align-text-bottom { vertical-align: text-bottom !important; } .align-text-top { vertical-align: text-top !important; } .bg-primary { background-color: #007bff !important; } a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus { background-color: rgb(0, 98.4, 204) !important; } .bg-secondary { background-color: #6c757d !important; } a.bg-secondary:hover, a.bg-secondary:focus, button.bg-secondary:hover, button.bg-secondary:focus { background-color: rgb(84.3605150215, 91.3905579399, 97.6394849785) !important; } .bg-success { background-color: #28a745 !important; } a.bg-success:hover, a.bg-success:focus, button.bg-success:hover, button.bg-success:focus { background-color: rgb(30.1449275362, 125.8550724638, 52) !important; } .bg-info { background-color: #17a2b8 !important; } a.bg-info:hover, a.bg-info:focus, button.bg-info:hover, button.bg-info:focus { background-color: rgb(17.3333333333, 122.0869565217, 138.6666666667) !important; } .bg-warning { background-color: #ffc107 !important; } a.bg-warning:hover, a.bg-warning:focus, button.bg-warning:hover, button.bg-warning:focus { background-color: rgb(211, 158.25, 0) !important; } .bg-danger { background-color: #dc3545 !important; } a.bg-danger:hover, a.bg-danger:focus, button.bg-danger:hover, button.bg-danger:focus { background-color: rgb(189.2151898734, 32.7848101266, 47.7721518987) !important; } .bg-light { background-color: #f8f9fa !important; } a.bg-light:hover, a.bg-light:focus, button.bg-light:hover, button.bg-light:focus { background-color: rgb(218.25, 223.5, 228.75) !important; } .bg-dark { background-color: #343a40 !important; } a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: rgb(29.1379310345, 32.5, 35.8620689655) !important; } .bg-white { background-color: #fff !important; } .bg-transparent { background-color: transparent !important; } .border { border: 1px solid #dee2e6 !important; } .border-top { border-top: 1px solid #dee2e6 !important; } .border-right { border-right: 1px solid #dee2e6 !important; } .border-bottom { border-bottom: 1px solid #dee2e6 !important; } .border-left { border-left: 1px solid #dee2e6 !important; } .border-0 { border: 0 !important; } .border-top-0 { border-top: 0 !important; } .border-right-0 { border-right: 0 !important; } .border-bottom-0 { border-bottom: 0 !important; } .border-left-0 { border-left: 0 !important; } .border-primary { border-color: #007bff !important; } .border-secondary { border-color: #6c757d !important; } .border-success { border-color: #28a745 !important; } .border-info { border-color: #17a2b8 !important; } .border-warning { border-color: #ffc107 !important; } .border-danger { border-color: #dc3545 !important; } .border-light { border-color: #f8f9fa !important; } .border-dark { border-color: #343a40 !important; } .border-white { border-color: #fff !important; } .rounded-sm { border-radius: 0.2rem !important; } .rounded { border-radius: 0.25rem !important; } .rounded-top { border-top-left-radius: 0.25rem !important; border-top-right-radius: 0.25rem !important; } .rounded-right { border-top-right-radius: 0.25rem !important; border-bottom-right-radius: 0.25rem !important; } .rounded-bottom { border-bottom-right-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } .rounded-left { border-top-left-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } .rounded-lg { border-radius: 0.3rem !important; } .rounded-circle { border-radius: 50% !important; } .rounded-pill { border-radius: 50rem !important; } .rounded-0 { border-radius: 0 !important; } .clearfix::after { display: block; clear: both; content: ""; } .d-none { display: none !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: flex !important; } .d-inline-flex { display: inline-flex !important; } @media (min-width: 576px) { .d-sm-none { display: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: flex !important; } .d-sm-inline-flex { display: inline-flex !important; } } @media (min-width: 768px) { .d-md-none { display: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: flex !important; } .d-md-inline-flex { display: inline-flex !important; } } @media (min-width: 992px) { .d-lg-none { display: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: flex !important; } .d-lg-inline-flex { display: inline-flex !important; } } @media (min-width: 1200px) { .d-xl-none { display: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: flex !important; } .d-xl-inline-flex { display: inline-flex !important; } } @media print { .d-print-none { display: none !important; } .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: flex !important; } .d-print-inline-flex { display: inline-flex !important; } } .embed-responsive { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; } .embed-responsive::before { display: block; content: ""; } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .embed-responsive-21by9::before { padding-top: 42.85714286%; } .embed-responsive-16by9::before { padding-top: 56.25%; } .embed-responsive-4by3::before { padding-top: 75%; } .embed-responsive-1by1::before { padding-top: 100%; } .flex-row { flex-direction: row !important; } .flex-column { flex-direction: column !important; } .flex-row-reverse { flex-direction: row-reverse !important; } .flex-column-reverse { flex-direction: column-reverse !important; } .flex-wrap { flex-wrap: wrap !important; } .flex-nowrap { flex-wrap: nowrap !important; } .flex-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-fill { flex: 1 1 auto !important; } .flex-grow-0 { flex-grow: 0 !important; } .flex-grow-1 { flex-grow: 1 !important; } .flex-shrink-0 { flex-shrink: 0 !important; } .flex-shrink-1 { flex-shrink: 1 !important; } .justify-content-start { justify-content: flex-start !important; } .justify-content-end { justify-content: flex-end !important; } .justify-content-center { justify-content: center !important; } .justify-content-between { justify-content: space-between !important; } .justify-content-around { justify-content: space-around !important; } .align-items-start { align-items: flex-start !important; } .align-items-end { align-items: flex-end !important; } .align-items-center { align-items: center !important; } .align-items-baseline { align-items: baseline !important; } .align-items-stretch { align-items: stretch !important; } .align-content-start { align-content: flex-start !important; } .align-content-end { align-content: flex-end !important; } .align-content-center { align-content: center !important; } .align-content-between { align-content: space-between !important; } .align-content-around { align-content: space-around !important; } .align-content-stretch { align-content: stretch !important; } .align-self-auto { align-self: auto !important; } .align-self-start { align-self: flex-start !important; } .align-self-end { align-self: flex-end !important; } .align-self-center { align-self: center !important; } .align-self-baseline { align-self: baseline !important; } .align-self-stretch { align-self: stretch !important; } @media (min-width: 576px) { .flex-sm-row { flex-direction: row !important; } .flex-sm-column { flex-direction: column !important; } .flex-sm-row-reverse { flex-direction: row-reverse !important; } .flex-sm-column-reverse { flex-direction: column-reverse !important; } .flex-sm-wrap { flex-wrap: wrap !important; } .flex-sm-nowrap { flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-sm-fill { flex: 1 1 auto !important; } .flex-sm-grow-0 { flex-grow: 0 !important; } .flex-sm-grow-1 { flex-grow: 1 !important; } .flex-sm-shrink-0 { flex-shrink: 0 !important; } .flex-sm-shrink-1 { flex-shrink: 1 !important; } .justify-content-sm-start { justify-content: flex-start !important; } .justify-content-sm-end { justify-content: flex-end !important; } .justify-content-sm-center { justify-content: center !important; } .justify-content-sm-between { justify-content: space-between !important; } .justify-content-sm-around { justify-content: space-around !important; } .align-items-sm-start { align-items: flex-start !important; } .align-items-sm-end { align-items: flex-end !important; } .align-items-sm-center { align-items: center !important; } .align-items-sm-baseline { align-items: baseline !important; } .align-items-sm-stretch { align-items: stretch !important; } .align-content-sm-start { align-content: flex-start !important; } .align-content-sm-end { align-content: flex-end !important; } .align-content-sm-center { align-content: center !important; } .align-content-sm-between { align-content: space-between !important; } .align-content-sm-around { align-content: space-around !important; } .align-content-sm-stretch { align-content: stretch !important; } .align-self-sm-auto { align-self: auto !important; } .align-self-sm-start { align-self: flex-start !important; } .align-self-sm-end { align-self: flex-end !important; } .align-self-sm-center { align-self: center !important; } .align-self-sm-baseline { align-self: baseline !important; } .align-self-sm-stretch { align-self: stretch !important; } } @media (min-width: 768px) { .flex-md-row { flex-direction: row !important; } .flex-md-column { flex-direction: column !important; } .flex-md-row-reverse { flex-direction: row-reverse !important; } .flex-md-column-reverse { flex-direction: column-reverse !important; } .flex-md-wrap { flex-wrap: wrap !important; } .flex-md-nowrap { flex-wrap: nowrap !important; } .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-md-fill { flex: 1 1 auto !important; } .flex-md-grow-0 { flex-grow: 0 !important; } .flex-md-grow-1 { flex-grow: 1 !important; } .flex-md-shrink-0 { flex-shrink: 0 !important; } .flex-md-shrink-1 { flex-shrink: 1 !important; } .justify-content-md-start { justify-content: flex-start !important; } .justify-content-md-end { justify-content: flex-end !important; } .justify-content-md-center { justify-content: center !important; } .justify-content-md-between { justify-content: space-between !important; } .justify-content-md-around { justify-content: space-around !important; } .align-items-md-start { align-items: flex-start !important; } .align-items-md-end { align-items: flex-end !important; } .align-items-md-center { align-items: center !important; } .align-items-md-baseline { align-items: baseline !important; } .align-items-md-stretch { align-items: stretch !important; } .align-content-md-start { align-content: flex-start !important; } .align-content-md-end { align-content: flex-end !important; } .align-content-md-center { align-content: center !important; } .align-content-md-between { align-content: space-between !important; } .align-content-md-around { align-content: space-around !important; } .align-content-md-stretch { align-content: stretch !important; } .align-self-md-auto { align-self: auto !important; } .align-self-md-start { align-self: flex-start !important; } .align-self-md-end { align-self: flex-end !important; } .align-self-md-center { align-self: center !important; } .align-self-md-baseline { align-self: baseline !important; } .align-self-md-stretch { align-self: stretch !important; } } @media (min-width: 992px) { .flex-lg-row { flex-direction: row !important; } .flex-lg-column { flex-direction: column !important; } .flex-lg-row-reverse { flex-direction: row-reverse !important; } .flex-lg-column-reverse { flex-direction: column-reverse !important; } .flex-lg-wrap { flex-wrap: wrap !important; } .flex-lg-nowrap { flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-lg-fill { flex: 1 1 auto !important; } .flex-lg-grow-0 { flex-grow: 0 !important; } .flex-lg-grow-1 { flex-grow: 1 !important; } .flex-lg-shrink-0 { flex-shrink: 0 !important; } .flex-lg-shrink-1 { flex-shrink: 1 !important; } .justify-content-lg-start { justify-content: flex-start !important; } .justify-content-lg-end { justify-content: flex-end !important; } .justify-content-lg-center { justify-content: center !important; } .justify-content-lg-between { justify-content: space-between !important; } .justify-content-lg-around { justify-content: space-around !important; } .align-items-lg-start { align-items: flex-start !important; } .align-items-lg-end { align-items: flex-end !important; } .align-items-lg-center { align-items: center !important; } .align-items-lg-baseline { align-items: baseline !important; } .align-items-lg-stretch { align-items: stretch !important; } .align-content-lg-start { align-content: flex-start !important; } .align-content-lg-end { align-content: flex-end !important; } .align-content-lg-center { align-content: center !important; } .align-content-lg-between { align-content: space-between !important; } .align-content-lg-around { align-content: space-around !important; } .align-content-lg-stretch { align-content: stretch !important; } .align-self-lg-auto { align-self: auto !important; } .align-self-lg-start { align-self: flex-start !important; } .align-self-lg-end { align-self: flex-end !important; } .align-self-lg-center { align-self: center !important; } .align-self-lg-baseline { align-self: baseline !important; } .align-self-lg-stretch { align-self: stretch !important; } } @media (min-width: 1200px) { .flex-xl-row { flex-direction: row !important; } .flex-xl-column { flex-direction: column !important; } .flex-xl-row-reverse { flex-direction: row-reverse !important; } .flex-xl-column-reverse { flex-direction: column-reverse !important; } .flex-xl-wrap { flex-wrap: wrap !important; } .flex-xl-nowrap { flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-xl-fill { flex: 1 1 auto !important; } .flex-xl-grow-0 { flex-grow: 0 !important; } .flex-xl-grow-1 { flex-grow: 1 !important; } .flex-xl-shrink-0 { flex-shrink: 0 !important; } .flex-xl-shrink-1 { flex-shrink: 1 !important; } .justify-content-xl-start { justify-content: flex-start !important; } .justify-content-xl-end { justify-content: flex-end !important; } .justify-content-xl-center { justify-content: center !important; } .justify-content-xl-between { justify-content: space-between !important; } .justify-content-xl-around { justify-content: space-around !important; } .align-items-xl-start { align-items: flex-start !important; } .align-items-xl-end { align-items: flex-end !important; } .align-items-xl-center { align-items: center !important; } .align-items-xl-baseline { align-items: baseline !important; } .align-items-xl-stretch { align-items: stretch !important; } .align-content-xl-start { align-content: flex-start !important; } .align-content-xl-end { align-content: flex-end !important; } .align-content-xl-center { align-content: center !important; } .align-content-xl-between { align-content: space-between !important; } .align-content-xl-around { align-content: space-around !important; } .align-content-xl-stretch { align-content: stretch !important; } .align-self-xl-auto { align-self: auto !important; } .align-self-xl-start { align-self: flex-start !important; } .align-self-xl-end { align-self: flex-end !important; } .align-self-xl-center { align-self: center !important; } .align-self-xl-baseline { align-self: baseline !important; } .align-self-xl-stretch { align-self: stretch !important; } } .float-left { float: left !important; } .float-right { float: right !important; } .float-none { float: none !important; } @media (min-width: 576px) { .float-sm-left { float: left !important; } .float-sm-right { float: right !important; } .float-sm-none { float: none !important; } } @media (min-width: 768px) { .float-md-left { float: left !important; } .float-md-right { float: right !important; } .float-md-none { float: none !important; } } @media (min-width: 992px) { .float-lg-left { float: left !important; } .float-lg-right { float: right !important; } .float-lg-none { float: none !important; } } @media (min-width: 1200px) { .float-xl-left { float: left !important; } .float-xl-right { float: right !important; } .float-xl-none { float: none !important; } } .user-select-all { -webkit-user-select: all !important; -moz-user-select: all !important; user-select: all !important; } .user-select-auto { -webkit-user-select: auto !important; -moz-user-select: auto !important; user-select: auto !important; } .user-select-none { -webkit-user-select: none !important; -moz-user-select: -moz-none !important; user-select: none !important; } .overflow-auto { overflow: auto !important; } .overflow-hidden { overflow: hidden !important; } .position-static { position: static !important; } .position-relative { position: relative !important; } .position-absolute { position: absolute !important; } .position-fixed { position: fixed !important; } .position-sticky { position: sticky !important; } .fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; } .fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030; } @supports (position: sticky) { .sticky-top { position: sticky; top: 0; z-index: 1020; } } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal; } .shadow-sm { box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; } .shadow { box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; } .shadow-lg { box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; } .shadow-none { box-shadow: none !important; } .w-25 { width: 25% !important; } .w-50 { width: 50% !important; } .w-75 { width: 75% !important; } .w-100 { width: 100% !important; } .w-auto { width: auto !important; } .h-25 { height: 25% !important; } .h-50 { height: 50% !important; } .h-75 { height: 75% !important; } .h-100 { height: 100% !important; } .h-auto { height: auto !important; } .mw-100 { max-width: 100% !important; } .mh-100 { max-height: 100% !important; } .min-vw-100 { min-width: 100vw !important; } .min-vh-100 { min-height: 100vh !important; } .vw-100 { width: 100vw !important; } .vh-100 { height: 100vh !important; } .m-0 { margin: 0 !important; } .mt-0, .my-0 { margin-top: 0 !important; } .mr-0, .mx-0 { margin-right: 0 !important; } .mb-0, .my-0 { margin-bottom: 0 !important; } .ml-0, .mx-0 { margin-left: 0 !important; } .m-1 { margin: 0.25rem !important; } .mt-1, .my-1 { margin-top: 0.25rem !important; } .mr-1, .mx-1 { margin-right: 0.25rem !important; } .mb-1, .my-1 { margin-bottom: 0.25rem !important; } .ml-1, .mx-1 { margin-left: 0.25rem !important; } .m-2 { margin: 0.5rem !important; } .mt-2, .my-2 { margin-top: 0.5rem !important; } .mr-2, .mx-2 { margin-right: 0.5rem !important; } .mb-2, .my-2 { margin-bottom: 0.5rem !important; } .ml-2, .mx-2 { margin-left: 0.5rem !important; } .m-3 { margin: 1rem !important; } .mt-3, .my-3 { margin-top: 1rem !important; } .mr-3, .mx-3 { margin-right: 1rem !important; } .mb-3, .my-3 { margin-bottom: 1rem !important; } .ml-3, .mx-3 { margin-left: 1rem !important; } .m-4 { margin: 1.5rem !important; } .mt-4, .my-4 { margin-top: 1.5rem !important; } .mr-4, .mx-4 { margin-right: 1.5rem !important; } .mb-4, .my-4 { margin-bottom: 1.5rem !important; } .ml-4, .mx-4 { margin-left: 1.5rem !important; } .m-5 { margin: 3rem !important; } .mt-5, .my-5 { margin-top: 3rem !important; } .mr-5, .mx-5 { margin-right: 3rem !important; } .mb-5, .my-5 { margin-bottom: 3rem !important; } .ml-5, .mx-5 { margin-left: 3rem !important; } .p-0 { padding: 0 !important; } .pt-0, .py-0 { padding-top: 0 !important; } .pr-0, .px-0 { padding-right: 0 !important; } .pb-0, .py-0 { padding-bottom: 0 !important; } .pl-0, .px-0 { padding-left: 0 !important; } .p-1 { padding: 0.25rem !important; } .pt-1, .py-1 { padding-top: 0.25rem !important; } .pr-1, .px-1 { padding-right: 0.25rem !important; } .pb-1, .py-1 { padding-bottom: 0.25rem !important; } .pl-1, .px-1 { padding-left: 0.25rem !important; } .p-2 { padding: 0.5rem !important; } .pt-2, .py-2 { padding-top: 0.5rem !important; } .pr-2, .px-2 { padding-right: 0.5rem !important; } .pb-2, .py-2 { padding-bottom: 0.5rem !important; } .pl-2, .px-2 { padding-left: 0.5rem !important; } .p-3 { padding: 1rem !important; } .pt-3, .py-3 { padding-top: 1rem !important; } .pr-3, .px-3 { padding-right: 1rem !important; } .pb-3, .py-3 { padding-bottom: 1rem !important; } .pl-3, .px-3 { padding-left: 1rem !important; } .p-4 { padding: 1.5rem !important; } .pt-4, .py-4 { padding-top: 1.5rem !important; } .pr-4, .px-4 { padding-right: 1.5rem !important; } .pb-4, .py-4 { padding-bottom: 1.5rem !important; } .pl-4, .px-4 { padding-left: 1.5rem !important; } .p-5 { padding: 3rem !important; } .pt-5, .py-5 { padding-top: 3rem !important; } .pr-5, .px-5 { padding-right: 3rem !important; } .pb-5, .py-5 { padding-bottom: 3rem !important; } .pl-5, .px-5 { padding-left: 3rem !important; } .m-n1 { margin: -0.25rem !important; } .mt-n1, .my-n1 { margin-top: -0.25rem !important; } .mr-n1, .mx-n1 { margin-right: -0.25rem !important; } .mb-n1, .my-n1 { margin-bottom: -0.25rem !important; } .ml-n1, .mx-n1 { margin-left: -0.25rem !important; } .m-n2 { margin: -0.5rem !important; } .mt-n2, .my-n2 { margin-top: -0.5rem !important; } .mr-n2, .mx-n2 { margin-right: -0.5rem !important; } .mb-n2, .my-n2 { margin-bottom: -0.5rem !important; } .ml-n2, .mx-n2 { margin-left: -0.5rem !important; } .m-n3 { margin: -1rem !important; } .mt-n3, .my-n3 { margin-top: -1rem !important; } .mr-n3, .mx-n3 { margin-right: -1rem !important; } .mb-n3, .my-n3 { margin-bottom: -1rem !important; } .ml-n3, .mx-n3 { margin-left: -1rem !important; } .m-n4 { margin: -1.5rem !important; } .mt-n4, .my-n4 { margin-top: -1.5rem !important; } .mr-n4, .mx-n4 { margin-right: -1.5rem !important; } .mb-n4, .my-n4 { margin-bottom: -1.5rem !important; } .ml-n4, .mx-n4 { margin-left: -1.5rem !important; } .m-n5 { margin: -3rem !important; } .mt-n5, .my-n5 { margin-top: -3rem !important; } .mr-n5, .mx-n5 { margin-right: -3rem !important; } .mb-n5, .my-n5 { margin-bottom: -3rem !important; } .ml-n5, .mx-n5 { margin-left: -3rem !important; } .m-auto { margin: auto !important; } .mt-auto, .my-auto { margin-top: auto !important; } .mr-auto, .mx-auto { margin-right: auto !important; } .mb-auto, .my-auto { margin-bottom: auto !important; } .ml-auto, .mx-auto { margin-left: auto !important; } @media (min-width: 576px) { .m-sm-0 { margin: 0 !important; } .mt-sm-0, .my-sm-0 { margin-top: 0 !important; } .mr-sm-0, .mx-sm-0 { margin-right: 0 !important; } .mb-sm-0, .my-sm-0 { margin-bottom: 0 !important; } .ml-sm-0, .mx-sm-0 { margin-left: 0 !important; } .m-sm-1 { margin: 0.25rem !important; } .mt-sm-1, .my-sm-1 { margin-top: 0.25rem !important; } .mr-sm-1, .mx-sm-1 { margin-right: 0.25rem !important; } .mb-sm-1, .my-sm-1 { margin-bottom: 0.25rem !important; } .ml-sm-1, .mx-sm-1 { margin-left: 0.25rem !important; } .m-sm-2 { margin: 0.5rem !important; } .mt-sm-2, .my-sm-2 { margin-top: 0.5rem !important; } .mr-sm-2, .mx-sm-2 { margin-right: 0.5rem !important; } .mb-sm-2, .my-sm-2 { margin-bottom: 0.5rem !important; } .ml-sm-2, .mx-sm-2 { margin-left: 0.5rem !important; } .m-sm-3 { margin: 1rem !important; } .mt-sm-3, .my-sm-3 { margin-top: 1rem !important; } .mr-sm-3, .mx-sm-3 { margin-right: 1rem !important; } .mb-sm-3, .my-sm-3 { margin-bottom: 1rem !important; } .ml-sm-3, .mx-sm-3 { margin-left: 1rem !important; } .m-sm-4 { margin: 1.5rem !important; } .mt-sm-4, .my-sm-4 { margin-top: 1.5rem !important; } .mr-sm-4, .mx-sm-4 { margin-right: 1.5rem !important; } .mb-sm-4, .my-sm-4 { margin-bottom: 1.5rem !important; } .ml-sm-4, .mx-sm-4 { margin-left: 1.5rem !important; } .m-sm-5 { margin: 3rem !important; } .mt-sm-5, .my-sm-5 { margin-top: 3rem !important; } .mr-sm-5, .mx-sm-5 { margin-right: 3rem !important; } .mb-sm-5, .my-sm-5 { margin-bottom: 3rem !important; } .ml-sm-5, .mx-sm-5 { margin-left: 3rem !important; } .p-sm-0 { padding: 0 !important; } .pt-sm-0, .py-sm-0 { padding-top: 0 !important; } .pr-sm-0, .px-sm-0 { padding-right: 0 !important; } .pb-sm-0, .py-sm-0 { padding-bottom: 0 !important; } .pl-sm-0, .px-sm-0 { padding-left: 0 !important; } .p-sm-1 { padding: 0.25rem !important; } .pt-sm-1, .py-sm-1 { padding-top: 0.25rem !important; } .pr-sm-1, .px-sm-1 { padding-right: 0.25rem !important; } .pb-sm-1, .py-sm-1 { padding-bottom: 0.25rem !important; } .pl-sm-1, .px-sm-1 { padding-left: 0.25rem !important; } .p-sm-2 { padding: 0.5rem !important; } .pt-sm-2, .py-sm-2 { padding-top: 0.5rem !important; } .pr-sm-2, .px-sm-2 { padding-right: 0.5rem !important; } .pb-sm-2, .py-sm-2 { padding-bottom: 0.5rem !important; } .pl-sm-2, .px-sm-2 { padding-left: 0.5rem !important; } .p-sm-3 { padding: 1rem !important; } .pt-sm-3, .py-sm-3 { padding-top: 1rem !important; } .pr-sm-3, .px-sm-3 { padding-right: 1rem !important; } .pb-sm-3, .py-sm-3 { padding-bottom: 1rem !important; } .pl-sm-3, .px-sm-3 { padding-left: 1rem !important; } .p-sm-4 { padding: 1.5rem !important; } .pt-sm-4, .py-sm-4 { padding-top: 1.5rem !important; } .pr-sm-4, .px-sm-4 { padding-right: 1.5rem !important; } .pb-sm-4, .py-sm-4 { padding-bottom: 1.5rem !important; } .pl-sm-4, .px-sm-4 { padding-left: 1.5rem !important; } .p-sm-5 { padding: 3rem !important; } .pt-sm-5, .py-sm-5 { padding-top: 3rem !important; } .pr-sm-5, .px-sm-5 { padding-right: 3rem !important; } .pb-sm-5, .py-sm-5 { padding-bottom: 3rem !important; } .pl-sm-5, .px-sm-5 { padding-left: 3rem !important; } .m-sm-n1 { margin: -0.25rem !important; } .mt-sm-n1, .my-sm-n1 { margin-top: -0.25rem !important; } .mr-sm-n1, .mx-sm-n1 { margin-right: -0.25rem !important; } .mb-sm-n1, .my-sm-n1 { margin-bottom: -0.25rem !important; } .ml-sm-n1, .mx-sm-n1 { margin-left: -0.25rem !important; } .m-sm-n2 { margin: -0.5rem !important; } .mt-sm-n2, .my-sm-n2 { margin-top: -0.5rem !important; } .mr-sm-n2, .mx-sm-n2 { margin-right: -0.5rem !important; } .mb-sm-n2, .my-sm-n2 { margin-bottom: -0.5rem !important; } .ml-sm-n2, .mx-sm-n2 { margin-left: -0.5rem !important; } .m-sm-n3 { margin: -1rem !important; } .mt-sm-n3, .my-sm-n3 { margin-top: -1rem !important; } .mr-sm-n3, .mx-sm-n3 { margin-right: -1rem !important; } .mb-sm-n3, .my-sm-n3 { margin-bottom: -1rem !important; } .ml-sm-n3, .mx-sm-n3 { margin-left: -1rem !important; } .m-sm-n4 { margin: -1.5rem !important; } .mt-sm-n4, .my-sm-n4 { margin-top: -1.5rem !important; } .mr-sm-n4, .mx-sm-n4 { margin-right: -1.5rem !important; } .mb-sm-n4, .my-sm-n4 { margin-bottom: -1.5rem !important; } .ml-sm-n4, .mx-sm-n4 { margin-left: -1.5rem !important; } .m-sm-n5 { margin: -3rem !important; } .mt-sm-n5, .my-sm-n5 { margin-top: -3rem !important; } .mr-sm-n5, .mx-sm-n5 { margin-right: -3rem !important; } .mb-sm-n5, .my-sm-n5 { margin-bottom: -3rem !important; } .ml-sm-n5, .mx-sm-n5 { margin-left: -3rem !important; } .m-sm-auto { margin: auto !important; } .mt-sm-auto, .my-sm-auto { margin-top: auto !important; } .mr-sm-auto, .mx-sm-auto { margin-right: auto !important; } .mb-sm-auto, .my-sm-auto { margin-bottom: auto !important; } .ml-sm-auto, .mx-sm-auto { margin-left: auto !important; } } @media (min-width: 768px) { .m-md-0 { margin: 0 !important; } .mt-md-0, .my-md-0 { margin-top: 0 !important; } .mr-md-0, .mx-md-0 { margin-right: 0 !important; } .mb-md-0, .my-md-0 { margin-bottom: 0 !important; } .ml-md-0, .mx-md-0 { margin-left: 0 !important; } .m-md-1 { margin: 0.25rem !important; } .mt-md-1, .my-md-1 { margin-top: 0.25rem !important; } .mr-md-1, .mx-md-1 { margin-right: 0.25rem !important; } .mb-md-1, .my-md-1 { margin-bottom: 0.25rem !important; } .ml-md-1, .mx-md-1 { margin-left: 0.25rem !important; } .m-md-2 { margin: 0.5rem !important; } .mt-md-2, .my-md-2 { margin-top: 0.5rem !important; } .mr-md-2, .mx-md-2 { margin-right: 0.5rem !important; } .mb-md-2, .my-md-2 { margin-bottom: 0.5rem !important; } .ml-md-2, .mx-md-2 { margin-left: 0.5rem !important; } .m-md-3 { margin: 1rem !important; } .mt-md-3, .my-md-3 { margin-top: 1rem !important; } .mr-md-3, .mx-md-3 { margin-right: 1rem !important; } .mb-md-3, .my-md-3 { margin-bottom: 1rem !important; } .ml-md-3, .mx-md-3 { margin-left: 1rem !important; } .m-md-4 { margin: 1.5rem !important; } .mt-md-4, .my-md-4 { margin-top: 1.5rem !important; } .mr-md-4, .mx-md-4 { margin-right: 1.5rem !important; } .mb-md-4, .my-md-4 { margin-bottom: 1.5rem !important; } .ml-md-4, .mx-md-4 { margin-left: 1.5rem !important; } .m-md-5 { margin: 3rem !important; } .mt-md-5, .my-md-5 { margin-top: 3rem !important; } .mr-md-5, .mx-md-5 { margin-right: 3rem !important; } .mb-md-5, .my-md-5 { margin-bottom: 3rem !important; } .ml-md-5, .mx-md-5 { margin-left: 3rem !important; } .p-md-0 { padding: 0 !important; } .pt-md-0, .py-md-0 { padding-top: 0 !important; } .pr-md-0, .px-md-0 { padding-right: 0 !important; } .pb-md-0, .py-md-0 { padding-bottom: 0 !important; } .pl-md-0, .px-md-0 { padding-left: 0 !important; } .p-md-1 { padding: 0.25rem !important; } .pt-md-1, .py-md-1 { padding-top: 0.25rem !important; } .pr-md-1, .px-md-1 { padding-right: 0.25rem !important; } .pb-md-1, .py-md-1 { padding-bottom: 0.25rem !important; } .pl-md-1, .px-md-1 { padding-left: 0.25rem !important; } .p-md-2 { padding: 0.5rem !important; } .pt-md-2, .py-md-2 { padding-top: 0.5rem !important; } .pr-md-2, .px-md-2 { padding-right: 0.5rem !important; } .pb-md-2, .py-md-2 { padding-bottom: 0.5rem !important; } .pl-md-2, .px-md-2 { padding-left: 0.5rem !important; } .p-md-3 { padding: 1rem !important; } .pt-md-3, .py-md-3 { padding-top: 1rem !important; } .pr-md-3, .px-md-3 { padding-right: 1rem !important; } .pb-md-3, .py-md-3 { padding-bottom: 1rem !important; } .pl-md-3, .px-md-3 { padding-left: 1rem !important; } .p-md-4 { padding: 1.5rem !important; } .pt-md-4, .py-md-4 { padding-top: 1.5rem !important; } .pr-md-4, .px-md-4 { padding-right: 1.5rem !important; } .pb-md-4, .py-md-4 { padding-bottom: 1.5rem !important; } .pl-md-4, .px-md-4 { padding-left: 1.5rem !important; } .p-md-5 { padding: 3rem !important; } .pt-md-5, .py-md-5 { padding-top: 3rem !important; } .pr-md-5, .px-md-5 { padding-right: 3rem !important; } .pb-md-5, .py-md-5 { padding-bottom: 3rem !important; } .pl-md-5, .px-md-5 { padding-left: 3rem !important; } .m-md-n1 { margin: -0.25rem !important; } .mt-md-n1, .my-md-n1 { margin-top: -0.25rem !important; } .mr-md-n1, .mx-md-n1 { margin-right: -0.25rem !important; } .mb-md-n1, .my-md-n1 { margin-bottom: -0.25rem !important; } .ml-md-n1, .mx-md-n1 { margin-left: -0.25rem !important; } .m-md-n2 { margin: -0.5rem !important; } .mt-md-n2, .my-md-n2 { margin-top: -0.5rem !important; } .mr-md-n2, .mx-md-n2 { margin-right: -0.5rem !important; } .mb-md-n2, .my-md-n2 { margin-bottom: -0.5rem !important; } .ml-md-n2, .mx-md-n2 { margin-left: -0.5rem !important; } .m-md-n3 { margin: -1rem !important; } .mt-md-n3, .my-md-n3 { margin-top: -1rem !important; } .mr-md-n3, .mx-md-n3 { margin-right: -1rem !important; } .mb-md-n3, .my-md-n3 { margin-bottom: -1rem !important; } .ml-md-n3, .mx-md-n3 { margin-left: -1rem !important; } .m-md-n4 { margin: -1.5rem !important; } .mt-md-n4, .my-md-n4 { margin-top: -1.5rem !important; } .mr-md-n4, .mx-md-n4 { margin-right: -1.5rem !important; } .mb-md-n4, .my-md-n4 { margin-bottom: -1.5rem !important; } .ml-md-n4, .mx-md-n4 { margin-left: -1.5rem !important; } .m-md-n5 { margin: -3rem !important; } .mt-md-n5, .my-md-n5 { margin-top: -3rem !important; } .mr-md-n5, .mx-md-n5 { margin-right: -3rem !important; } .mb-md-n5, .my-md-n5 { margin-bottom: -3rem !important; } .ml-md-n5, .mx-md-n5 { margin-left: -3rem !important; } .m-md-auto { margin: auto !important; } .mt-md-auto, .my-md-auto { margin-top: auto !important; } .mr-md-auto, .mx-md-auto { margin-right: auto !important; } .mb-md-auto, .my-md-auto { margin-bottom: auto !important; } .ml-md-auto, .mx-md-auto { margin-left: auto !important; } } @media (min-width: 992px) { .m-lg-0 { margin: 0 !important; } .mt-lg-0, .my-lg-0 { margin-top: 0 !important; } .mr-lg-0, .mx-lg-0 { margin-right: 0 !important; } .mb-lg-0, .my-lg-0 { margin-bottom: 0 !important; } .ml-lg-0, .mx-lg-0 { margin-left: 0 !important; } .m-lg-1 { margin: 0.25rem !important; } .mt-lg-1, .my-lg-1 { margin-top: 0.25rem !important; } .mr-lg-1, .mx-lg-1 { margin-right: 0.25rem !important; } .mb-lg-1, .my-lg-1 { margin-bottom: 0.25rem !important; } .ml-lg-1, .mx-lg-1 { margin-left: 0.25rem !important; } .m-lg-2 { margin: 0.5rem !important; } .mt-lg-2, .my-lg-2 { margin-top: 0.5rem !important; } .mr-lg-2, .mx-lg-2 { margin-right: 0.5rem !important; } .mb-lg-2, .my-lg-2 { margin-bottom: 0.5rem !important; } .ml-lg-2, .mx-lg-2 { margin-left: 0.5rem !important; } .m-lg-3 { margin: 1rem !important; } .mt-lg-3, .my-lg-3 { margin-top: 1rem !important; } .mr-lg-3, .mx-lg-3 { margin-right: 1rem !important; } .mb-lg-3, .my-lg-3 { margin-bottom: 1rem !important; } .ml-lg-3, .mx-lg-3 { margin-left: 1rem !important; } .m-lg-4 { margin: 1.5rem !important; } .mt-lg-4, .my-lg-4 { margin-top: 1.5rem !important; } .mr-lg-4, .mx-lg-4 { margin-right: 1.5rem !important; } .mb-lg-4, .my-lg-4 { margin-bottom: 1.5rem !important; } .ml-lg-4, .mx-lg-4 { margin-left: 1.5rem !important; } .m-lg-5 { margin: 3rem !important; } .mt-lg-5, .my-lg-5 { margin-top: 3rem !important; } .mr-lg-5, .mx-lg-5 { margin-right: 3rem !important; } .mb-lg-5, .my-lg-5 { margin-bottom: 3rem !important; } .ml-lg-5, .mx-lg-5 { margin-left: 3rem !important; } .p-lg-0 { padding: 0 !important; } .pt-lg-0, .py-lg-0 { padding-top: 0 !important; } .pr-lg-0, .px-lg-0 { padding-right: 0 !important; } .pb-lg-0, .py-lg-0 { padding-bottom: 0 !important; } .pl-lg-0, .px-lg-0 { padding-left: 0 !important; } .p-lg-1 { padding: 0.25rem !important; } .pt-lg-1, .py-lg-1 { padding-top: 0.25rem !important; } .pr-lg-1, .px-lg-1 { padding-right: 0.25rem !important; } .pb-lg-1, .py-lg-1 { padding-bottom: 0.25rem !important; } .pl-lg-1, .px-lg-1 { padding-left: 0.25rem !important; } .p-lg-2 { padding: 0.5rem !important; } .pt-lg-2, .py-lg-2 { padding-top: 0.5rem !important; } .pr-lg-2, .px-lg-2 { padding-right: 0.5rem !important; } .pb-lg-2, .py-lg-2 { padding-bottom: 0.5rem !important; } .pl-lg-2, .px-lg-2 { padding-left: 0.5rem !important; } .p-lg-3 { padding: 1rem !important; } .pt-lg-3, .py-lg-3 { padding-top: 1rem !important; } .pr-lg-3, .px-lg-3 { padding-right: 1rem !important; } .pb-lg-3, .py-lg-3 { padding-bottom: 1rem !important; } .pl-lg-3, .px-lg-3 { padding-left: 1rem !important; } .p-lg-4 { padding: 1.5rem !important; } .pt-lg-4, .py-lg-4 { padding-top: 1.5rem !important; } .pr-lg-4, .px-lg-4 { padding-right: 1.5rem !important; } .pb-lg-4, .py-lg-4 { padding-bottom: 1.5rem !important; } .pl-lg-4, .px-lg-4 { padding-left: 1.5rem !important; } .p-lg-5 { padding: 3rem !important; } .pt-lg-5, .py-lg-5 { padding-top: 3rem !important; } .pr-lg-5, .px-lg-5 { padding-right: 3rem !important; } .pb-lg-5, .py-lg-5 { padding-bottom: 3rem !important; } .pl-lg-5, .px-lg-5 { padding-left: 3rem !important; } .m-lg-n1 { margin: -0.25rem !important; } .mt-lg-n1, .my-lg-n1 { margin-top: -0.25rem !important; } .mr-lg-n1, .mx-lg-n1 { margin-right: -0.25rem !important; } .mb-lg-n1, .my-lg-n1 { margin-bottom: -0.25rem !important; } .ml-lg-n1, .mx-lg-n1 { margin-left: -0.25rem !important; } .m-lg-n2 { margin: -0.5rem !important; } .mt-lg-n2, .my-lg-n2 { margin-top: -0.5rem !important; } .mr-lg-n2, .mx-lg-n2 { margin-right: -0.5rem !important; } .mb-lg-n2, .my-lg-n2 { margin-bottom: -0.5rem !important; } .ml-lg-n2, .mx-lg-n2 { margin-left: -0.5rem !important; } .m-lg-n3 { margin: -1rem !important; } .mt-lg-n3, .my-lg-n3 { margin-top: -1rem !important; } .mr-lg-n3, .mx-lg-n3 { margin-right: -1rem !important; } .mb-lg-n3, .my-lg-n3 { margin-bottom: -1rem !important; } .ml-lg-n3, .mx-lg-n3 { margin-left: -1rem !important; } .m-lg-n4 { margin: -1.5rem !important; } .mt-lg-n4, .my-lg-n4 { margin-top: -1.5rem !important; } .mr-lg-n4, .mx-lg-n4 { margin-right: -1.5rem !important; } .mb-lg-n4, .my-lg-n4 { margin-bottom: -1.5rem !important; } .ml-lg-n4, .mx-lg-n4 { margin-left: -1.5rem !important; } .m-lg-n5 { margin: -3rem !important; } .mt-lg-n5, .my-lg-n5 { margin-top: -3rem !important; } .mr-lg-n5, .mx-lg-n5 { margin-right: -3rem !important; } .mb-lg-n5, .my-lg-n5 { margin-bottom: -3rem !important; } .ml-lg-n5, .mx-lg-n5 { margin-left: -3rem !important; } .m-lg-auto { margin: auto !important; } .mt-lg-auto, .my-lg-auto { margin-top: auto !important; } .mr-lg-auto, .mx-lg-auto { margin-right: auto !important; } .mb-lg-auto, .my-lg-auto { margin-bottom: auto !important; } .ml-lg-auto, .mx-lg-auto { margin-left: auto !important; } } @media (min-width: 1200px) { .m-xl-0 { margin: 0 !important; } .mt-xl-0, .my-xl-0 { margin-top: 0 !important; } .mr-xl-0, .mx-xl-0 { margin-right: 0 !important; } .mb-xl-0, .my-xl-0 { margin-bottom: 0 !important; } .ml-xl-0, .mx-xl-0 { margin-left: 0 !important; } .m-xl-1 { margin: 0.25rem !important; } .mt-xl-1, .my-xl-1 { margin-top: 0.25rem !important; } .mr-xl-1, .mx-xl-1 { margin-right: 0.25rem !important; } .mb-xl-1, .my-xl-1 { margin-bottom: 0.25rem !important; } .ml-xl-1, .mx-xl-1 { margin-left: 0.25rem !important; } .m-xl-2 { margin: 0.5rem !important; } .mt-xl-2, .my-xl-2 { margin-top: 0.5rem !important; } .mr-xl-2, .mx-xl-2 { margin-right: 0.5rem !important; } .mb-xl-2, .my-xl-2 { margin-bottom: 0.5rem !important; } .ml-xl-2, .mx-xl-2 { margin-left: 0.5rem !important; } .m-xl-3 { margin: 1rem !important; } .mt-xl-3, .my-xl-3 { margin-top: 1rem !important; } .mr-xl-3, .mx-xl-3 { margin-right: 1rem !important; } .mb-xl-3, .my-xl-3 { margin-bottom: 1rem !important; } .ml-xl-3, .mx-xl-3 { margin-left: 1rem !important; } .m-xl-4 { margin: 1.5rem !important; } .mt-xl-4, .my-xl-4 { margin-top: 1.5rem !important; } .mr-xl-4, .mx-xl-4 { margin-right: 1.5rem !important; } .mb-xl-4, .my-xl-4 { margin-bottom: 1.5rem !important; } .ml-xl-4, .mx-xl-4 { margin-left: 1.5rem !important; } .m-xl-5 { margin: 3rem !important; } .mt-xl-5, .my-xl-5 { margin-top: 3rem !important; } .mr-xl-5, .mx-xl-5 { margin-right: 3rem !important; } .mb-xl-5, .my-xl-5 { margin-bottom: 3rem !important; } .ml-xl-5, .mx-xl-5 { margin-left: 3rem !important; } .p-xl-0 { padding: 0 !important; } .pt-xl-0, .py-xl-0 { padding-top: 0 !important; } .pr-xl-0, .px-xl-0 { padding-right: 0 !important; } .pb-xl-0, .py-xl-0 { padding-bottom: 0 !important; } .pl-xl-0, .px-xl-0 { padding-left: 0 !important; } .p-xl-1 { padding: 0.25rem !important; } .pt-xl-1, .py-xl-1 { padding-top: 0.25rem !important; } .pr-xl-1, .px-xl-1 { padding-right: 0.25rem !important; } .pb-xl-1, .py-xl-1 { padding-bottom: 0.25rem !important; } .pl-xl-1, .px-xl-1 { padding-left: 0.25rem !important; } .p-xl-2 { padding: 0.5rem !important; } .pt-xl-2, .py-xl-2 { padding-top: 0.5rem !important; } .pr-xl-2, .px-xl-2 { padding-right: 0.5rem !important; } .pb-xl-2, .py-xl-2 { padding-bottom: 0.5rem !important; } .pl-xl-2, .px-xl-2 { padding-left: 0.5rem !important; } .p-xl-3 { padding: 1rem !important; } .pt-xl-3, .py-xl-3 { padding-top: 1rem !important; } .pr-xl-3, .px-xl-3 { padding-right: 1rem !important; } .pb-xl-3, .py-xl-3 { padding-bottom: 1rem !important; } .pl-xl-3, .px-xl-3 { padding-left: 1rem !important; } .p-xl-4 { padding: 1.5rem !important; } .pt-xl-4, .py-xl-4 { padding-top: 1.5rem !important; } .pr-xl-4, .px-xl-4 { padding-right: 1.5rem !important; } .pb-xl-4, .py-xl-4 { padding-bottom: 1.5rem !important; } .pl-xl-4, .px-xl-4 { padding-left: 1.5rem !important; } .p-xl-5 { padding: 3rem !important; } .pt-xl-5, .py-xl-5 { padding-top: 3rem !important; } .pr-xl-5, .px-xl-5 { padding-right: 3rem !important; } .pb-xl-5, .py-xl-5 { padding-bottom: 3rem !important; } .pl-xl-5, .px-xl-5 { padding-left: 3rem !important; } .m-xl-n1 { margin: -0.25rem !important; } .mt-xl-n1, .my-xl-n1 { margin-top: -0.25rem !important; } .mr-xl-n1, .mx-xl-n1 { margin-right: -0.25rem !important; } .mb-xl-n1, .my-xl-n1 { margin-bottom: -0.25rem !important; } .ml-xl-n1, .mx-xl-n1 { margin-left: -0.25rem !important; } .m-xl-n2 { margin: -0.5rem !important; } .mt-xl-n2, .my-xl-n2 { margin-top: -0.5rem !important; } .mr-xl-n2, .mx-xl-n2 { margin-right: -0.5rem !important; } .mb-xl-n2, .my-xl-n2 { margin-bottom: -0.5rem !important; } .ml-xl-n2, .mx-xl-n2 { margin-left: -0.5rem !important; } .m-xl-n3 { margin: -1rem !important; } .mt-xl-n3, .my-xl-n3 { margin-top: -1rem !important; } .mr-xl-n3, .mx-xl-n3 { margin-right: -1rem !important; } .mb-xl-n3, .my-xl-n3 { margin-bottom: -1rem !important; } .ml-xl-n3, .mx-xl-n3 { margin-left: -1rem !important; } .m-xl-n4 { margin: -1.5rem !important; } .mt-xl-n4, .my-xl-n4 { margin-top: -1.5rem !important; } .mr-xl-n4, .mx-xl-n4 { margin-right: -1.5rem !important; } .mb-xl-n4, .my-xl-n4 { margin-bottom: -1.5rem !important; } .ml-xl-n4, .mx-xl-n4 { margin-left: -1.5rem !important; } .m-xl-n5 { margin: -3rem !important; } .mt-xl-n5, .my-xl-n5 { margin-top: -3rem !important; } .mr-xl-n5, .mx-xl-n5 { margin-right: -3rem !important; } .mb-xl-n5, .my-xl-n5 { margin-bottom: -3rem !important; } .ml-xl-n5, .mx-xl-n5 { margin-left: -3rem !important; } .m-xl-auto { margin: auto !important; } .mt-xl-auto, .my-xl-auto { margin-top: auto !important; } .mr-xl-auto, .mx-xl-auto { margin-right: auto !important; } .mb-xl-auto, .my-xl-auto { margin-bottom: auto !important; } .ml-xl-auto, .mx-xl-auto { margin-left: auto !important; } } .stretched-link::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: auto; content: ""; background-color: rgba(0, 0, 0, 0); } .text-monospace { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; } .text-justify { text-align: justify !important; } .text-wrap { white-space: normal !important; } .text-nowrap { white-space: nowrap !important; } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-center { text-align: center !important; } @media (min-width: 576px) { .text-sm-left { text-align: left !important; } .text-sm-right { text-align: right !important; } .text-sm-center { text-align: center !important; } } @media (min-width: 768px) { .text-md-left { text-align: left !important; } .text-md-right { text-align: right !important; } .text-md-center { text-align: center !important; } } @media (min-width: 992px) { .text-lg-left { text-align: left !important; } .text-lg-right { text-align: right !important; } .text-lg-center { text-align: center !important; } } @media (min-width: 1200px) { .text-xl-left { text-align: left !important; } .text-xl-right { text-align: right !important; } .text-xl-center { text-align: center !important; } } .text-lowercase { text-transform: lowercase !important; } .text-uppercase { text-transform: uppercase !important; } .text-capitalize { text-transform: capitalize !important; } .font-weight-light { font-weight: 300 !important; } .font-weight-lighter { font-weight: lighter !important; } .font-weight-normal { font-weight: 400 !important; } .font-weight-bold { font-weight: 700 !important; } .font-weight-bolder { font-weight: bolder !important; } .font-italic { font-style: italic !important; } .text-white { color: #fff !important; } .text-primary { color: #007bff !important; } a.text-primary:hover, a.text-primary:focus { color: rgb(0, 86.1, 178.5) !important; } .text-secondary { color: #6c757d !important; } a.text-secondary:hover, a.text-secondary:focus { color: rgb(72.5407725322, 78.5858369099, 83.9592274678) !important; } .text-success { color: #28a745 !important; } a.text-success:hover, a.text-success:focus { color: rgb(25.2173913043, 105.2826086957, 43.5) !important; } .text-info { color: #17a2b8 !important; } a.text-info:hover, a.text-info:focus { color: rgb(14.5, 102.1304347826, 116) !important; } .text-warning { color: #ffc107 !important; } a.text-warning:hover, a.text-warning:focus { color: rgb(185.5, 139.125, 0) !important; } .text-danger { color: #dc3545 !important; } a.text-danger:hover, a.text-danger:focus { color: rgb(167.4810126582, 29.0189873418, 42.2848101266) !important; } .text-light { color: #f8f9fa !important; } a.text-light:hover, a.text-light:focus { color: rgb(203.375, 210.75, 218.125) !important; } .text-dark { color: #343a40 !important; } a.text-dark:hover, a.text-dark:focus { color: rgb(17.7068965517, 19.75, 21.7931034483) !important; } .text-body { color: #212529 !important; } .text-muted { color: #6c757d !important; } .text-black-50 { color: rgba(0, 0, 0, 0.5) !important; } .text-white-50 { color: rgba(255, 255, 255, 0.5) !important; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .text-decoration-none { text-decoration: none !important; } .text-break { word-break: break-word !important; word-wrap: break-word !important; } .text-reset { color: inherit !important; } .visible { visibility: visible !important; } .invisible { visibility: hidden !important; } @media print { *, *::before, *::after { text-shadow: none !important; box-shadow: none !important; } a:not(.btn) { text-decoration: underline; } abbr[title]::after { content: " (" attr(title) ")"; } pre { white-space: pre-wrap !important; } pre, blockquote { border: 1px solid #adb5bd; page-break-inside: avoid; } tr, img { page-break-inside: avoid; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } @page { size: a3; } body { min-width: 992px !important; } .container { min-width: 992px !important; } .navbar { display: none; } .badge { border: 1px solid #000; } .table { border-collapse: collapse !important; } .table td, .table th { background-color: #fff !important; } .table-bordered th, .table-bordered td { border: 1px solid #dee2e6 !important; } .table-dark { color: inherit; } .table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody { border-color: #dee2e6; } .table .thead-dark th { color: inherit; border-color: #dee2e6; } } video::-internal-media-controls-download-button { display: none; } video::-internal-media-controls-overflow-button { display: none !important; } video::-webkit-media-controls-enclosure { overflow: hidden; } video::-webkit-media-controls-panel { width: calc(100% + 31px); } html, body { font-family: "PingFang MD", "Hiragino Sans GB", "STHeiti", "WenQuanYi Micro Hei", "Helvetica", "Arial", "sans-serif"; height: 100%; -ms-overflow-style: none; font-size: 10px; -ms-overflow-style: scrollbar; padding-right: 0px !important; -webkit-text-size-adjust: 100% !important; text-size-adjust: 100% !important; -moz-text-size-adjust: 100% !important; } body { font-size: 1.2rem; } body.modal-open { padding-right: 0 !important; } body:not(.modal-open) { overflow: auto !important; overflow-y: auto !important; } .pc { height: 100%; padding: 0; } .app-svg-themebox { display: inline-block; vertical-align: middle; border-style: none; color: var(--themcolor); } .app-svg-themebox > svg { vertical-align: top; } .app-svg-themebox-normal { color: #000000; } .component-lazyloading { display: none; width: 100%; text-align: center; background-color: #f4f4f4; overflow: hidden; position: fixed; top: 0; left: 0; z-index: 999999999; } .component-lazyloading .progress { width: 100% !important; margin: 0; height: 4px; border-radius: 0; background-color: #f4f4f4; } .component-lazyloading .progress-bar { background-color: var(--themcolor); } .component-lazyloading-animated { display: block; } .component-lazyloading-animated .progress-bar-animated { animation: widthIncrease 5s linear infinite; } .anerror-box { width: 100vw; height: 100vh; background-color: white; display: none; align-items: center; justify-content: center; text-align: center; position: fixed; top: 0; left: 0; z-index: 999999999; } .anerror-box > div > img { width: 54vw; max-width: 300px; margin: auto; } .anerror-box > div > p { margin: 40px 0 16px 0; font-size: 20px; font-weight: bold; } .anerror-box > div .anerror-fq { width: 73vw; max-width: 440px; margin: auto; text-align: left; } .anerror-box > div .anerror-fq > p { margin: 16px 0; font-size: 14px; color: #666; word-break: break-all; } .anerror-box > div .anerror-fq > div { margin: auto; font-size: 12px; color: #999; word-break: break-all; } .anerror-box > div > span { display: inline-block; max-width: 46%; margin: 40px auto 0 auto; padding: 6px 32px; font-size: 14px; color: var(--themcolor); border: 1px solid var(--themcolor); border-radius: 50px; } button { outline: 0; } button:focus { outline: 0; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-weight: normal; } ::-ms-clear, ::-ms-reveal { display: none; } *:focus { box-shadow: none; outline: none; outline: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .yellow_highlight_font { color: #ff8400 !important; font-style: normal; } .bule_dialogmessage { color: var(--themcolor); } .gray_background { min-height: calc(100vh - 44px); background-color: #f4f4f4; } .crystal-opacity { opacity: 0; } #global-clickstatus { display: none; width: 24px; height: 24px; background-color: rgba(var(--rgbnum), 0.2); border-radius: 50%; position: fixed; z-index: 99999999; overflow: hidden; -webkit-animation: ripple 0.3s linear infinite; animation: ripple 0.3s linear infinite; } .rolldate-container .rolldate-confirm { color: var(--themcolor) !important; } .crystal-opacity_text { padding: 5px 6px 8px 35px !important; } .crystal-opacity_text::-webkit-input-placeholder { color: #000; font-size: 14px; } .crystal-opacity_text:-moz-placeholder { color: #000; font-size: 14px; } .crystal-opacity_text::-moz-placeholder { color: #000; font-size: 14px; } .crystal-opacity_text:-ms-input-placeholder { color: #000; font-size: 14px; } .subsidiary_information1 { text-align: center; width: 100%; margin: auto; margin-top: 146px; padding-bottom: 10px; } .subsidiary_information2 { margin-top: 146px; } .subsidiary_information1 .applyfortrial { font-size: 1.4rem; color: var(--themcolor); padding: 3px 0; } .subsidiary_information1 .applyfortrial:active { opacity: 0.8; } .subsidiary_information1 .loginversion { font-size: 1.2rem; margin-top: 8px; } .subsidiary_information1 .loginversion > span { color: #999; display: block; padding: 2px; } .subsidiary_information1 .app_download > span > a, .subsidiary_information1 .app_download > span > a:active, .subsidiary_information1 .app_download > span > a:hover, .subsidiary_information1 .app_download > span > a:focus { text-decoration: none; } .subsidiary_information1 .loginversion > div { color: #666; text-align: center; display: block; margin-top: 30px; } .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus { outline: 0; } .btn.disabled, .btn[disabled], fieldset[disabled] .btn { cursor: default; } .modal-backdrop.in { opacity: 0.3; } input { box-shadow: none; outline: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; } input::-webkit-input-placeholder, input::-moz-placeholder, input::-ms-input-placeholder, textarea::-webkit-input-placeholder, textarea::-moz-placeholder, textarea::-ms-input-placeholder { color: #cccccc; } a { text-decoration: none; outline: none; } .form-control:focus { box-shadow: none; outline: 0; } .bs-datepicker-container { padding: 0; } .bs-datepicker-body .week { display: none; } .bs-datepicker-body .weeks thead tr :nth-child(1) { display: none; } .ngx_emoji { position: absolute; top: -260px; left: 0; overflow: auto; width: 100%; height: 260px; } .ngx_emoji .emoji-mart { display: block; overflow: auto; width: calc(100% - 20px) !important; height: 100%; margin: auto; } .emoji-mart-anchor { display: inline-block; width: calc((100% - 2px) / 9); min-width: 31px; } .ngx_emoji .emoji-mart-scroll { height: 178px; padding: 6px; } .ngx_emoji .emoji-mart-search input { font-size: 1.4rem; padding: 4px 15px; } .emoji-mart-category-label span { font-size: 1.2rem; padding: 5px 6px; } .app_login_div .btn:hover, .app_login_div .btn:focus, .app_login_div .btn.focus { color: white; } .nav-tabs { display: -webkit-box; display: -moz-box; overflow-x: auto; overflow-y: hidden; border-bottom: 0; } .nav-tabs > li { float: none; margin-bottom: 0; } .navbar-text { margin-top: 8px; margin-bottom: 8px; } .nomessage_defult { text-align: center; width: 100%; margin: auto; padding-bottom: 24px; } .nomessage_defult_no { margin-top: 100px; } .nomessage_defult > img { width: 150px; height: 150px; margin-top: 40%; } .clip-content-desc { font-size: 1.4rem; color: #000; margin-bottom: 3px; word-break: break-all; text-align: left; font-weight: normal; } .clip-content-desc > span { font-weight: bold; } .clip-content-tip { font-size: 1.3rem; color: #999; word-break: break-all; margin-bottom: 5px; text-align: left; } app-course .nomessage_defult > img { margin-top: calc(50% - 75px); } .fix_defult .nomessage_defult > img { margin-top: calc((100vh - 520px) / 2) !important; } .target-qualification-no-content .nomessage_defult { position: relative !important; } .target-qualification-no-content .nomessage_defult > img { margin-top: 0px !important; } .nomessage_defult > p { font-size: 1.4rem; color: #666; margin: 0; padding: 0; } .notfound { text-align: center; position: relative; top: calc(50vh - 130px); width: 100%; } .notfound > img { width: 70%; max-width: 540px; } .global_shuiyin { position: fixed; z-index: 99999; top: 50px; left: 50%; width: 100%; height: 100%; transform: translate(-50%, 0); pointer-events: none; background: rgba(0, 0, 0, 0); } .ellipsis { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } hr { margin: 0 0 20px; } .form_required_left::before { content: "*"; color: #ff6f6f; padding-right: 3px; } .form_required_right::after { content: "*"; color: #ff6f6f; padding-right: 3px; } .modal_top { margin-top: 10px; padding-top: 1px; padding-right: 10px; padding-left: 10px; } .pc_comtent { overflow-x: hidden; width: 100%; min-height: calc(100vh - 44px); } .mycenter { position: relative; min-height: calc(100vh - 56px); padding-bottom: 10px; background-color: #f4f4f4; } .hmcontainer { margin-bottom: 0; } .banner_img { position: relative; width: 100%; height: 177.7777777778%; margin: auto; cursor: pointer; } .hmcontainer .home_banner_black { color: white; position: absolute; bottom: 0; width: 100%; height: 28px; padding: 5px 10px; background-color: rgba(0, 0, 0, 0.2); } .hmcontainer .home_banner_black > p { font-size: 1.4rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 68%; height: 28px; margin: 0; } .hmgrid { text-align: center; width: 100%; margin: 15px 0 0; padding: 0 10px; } .hmgrid > div { text-align: center; position: relative; display: inline-block; width: 85px; height: 85px; padding: 5px; } .hmgrid > div > div > img { width: 48px; height: 48px; border: 1px solid transparent; border-radius: 50px; } .hmgrid > div > div > p { font-size: 1.3rem; color: #666; margin: 5px 0 0; } .hmnew { width: 100%; } .hmnew_header { font-size: 1.5rem; height: 42px; padding: 13px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; background-color: #f4f4f4; } .hmnew_header > span { font-size: 1.5rem; color: #242424; position: relative; top: -4px; } .hmnew_header > div { position: relative; top: -2px; display: inline-block; width: 3px; height: 14px; margin-right: 5px; background-color: var(--themcolor); } .applicationBadge { font-size: 80%; color: #fff; z-index: 9; padding: 2px 7px; pointer-events: none; border-radius: 30px; background-color: #ff8400; } .home_classify .modal-dialog { width: 100%; margin: 0; } .home_classify .modal-header { border: 0; } .home_classify .modal-body { padding: 0 0 20px !important; } .home_classify .modal-body > div { display: inline-block; min-width: calc((100% - 60px) / 3); margin: 0 10px; border: 0 !important; } .home_classify .modal-body > div > div { color: #000; text-align: center; word-break: break-all; margin: 5px 0; padding: 8px 4px; border-radius: 4px; background-color: #f2f2f2; font-size: 1.2rem; } .home_classify .modal-body .active > div { color: var(--themcolor); } .spin { transform-origin: 50% 50%; animation: spin 2s infinite linear; } @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes spin { from { transform: scale(1) rotate(0deg); } to { transform: scale(1) rotate(360deg); } } @keyframes spin { from { transform: scale(1) rotate(0deg); } to { transform: scale(1) rotate(360deg); } } .vertical-center { display: flex; justify-content: center; align-items: center; width: 100%; min-height: 100%; box-align: center; flex-align: center; box-pack: center; flex-pack: center; } .show { display: block; } .hidden { display: none !important; } .button { font-size: 1.6rem; color: #ff5d5d; text-align: center; width: calc(100% - 20px); margin: 40px auto 10px; padding: 8px 5px; border: 1px solid #e5e5e5; border-radius: 5px; background-color: white; } .line { width: 100%; height: 8px; background-color: #f4f4f4; } .line_low { width: 100%; height: 5px; background-color: #f4f4f4; } iframe { border: none; } a { color: #000; text-decoration: none; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { color: var(--themcolor); text-decoration: none; } .navbar { color: white; min-height: 44px; margin-bottom: 0; padding: 0; border: none; background-color: #fff; } .navbar .row { width: 100%; } .col-4 { padding: 0; } .col-6 { width: 50% !important; padding: 0; } .navbar .navbar-btn { color: #666; vertical-align: middle; display: inline-block; flex: 0 1 auto; margin: 0; padding: 6px 12px; border: none; background-color: #fff; } .navbar .navbar-btn .ibs { font-size: 1.7rem; font-weight: normal; padding: 5px 0; } .navbar .navbar-btn .backspacetext { font-size: 1.5rem; letter-spacing: 0.6px; position: relative; top: -1px; } .navbar .navbar-btn .spacetext { font-size: 1.5rem; display: block; padding: 6px 2px 3px 2px; color: #000; } .navbar .navbar-text { width: 100%; font-size: 1.7rem; text-align: center; font-weight: normal; line-height: 17px; color: #000; } .btn-primary:active:hover, .btn-primary.active:hover, .btn-primary:active:focus, .btn-primary.active:focus, .btn-primary:active.focus, .btn-primary.active.focus { box-shadow: none; opacity: 0.8; border: none; background-color: transparent; } .header_navbar_btn_left_img { height: 32px; pointer-events: none; border-radius: 30px; } .header_navbar_btn_right_img { width: 28px; pointer-events: none; } header .row .col-4:nth-child(1), header .row .col-4:nth-child(3) { overflow: hidden; width: 102px; } header .row .col-4:nth-child(2) { width: calc(100% - 204px); } header .row .col-4:nth-child(1) > div { width: 100%; } header .row .col-4:nth-child(1) > div > button { text-align: left; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 100%; } header .row .col-2 { width: calc(50% - 102px) !important; } .dialog_box { height: 100vh; padding: 0 24px; display: flex; margin: 0 auto; align-items: center; justify-content: center; } .dialog_box .modal-content { border: 1px solid transparent !important; border-radius: 16px !important; } .dialog_box .modal-header { position: relative; height: 45px; padding: 0 !important; border-bottom: 1px solid #e5e5e5; } .dialog_box .modal-header.showClose { border-bottom: 0px solid #e5e5e5; } .dialog_box .close { font-size: 2.4rem; font-weight: 100; color: #666; position: absolute; top: 12px; right: 10px; padding: 4px 7px; opacity: 1; } .dialog_box .modal-title { font-size: 1.4rem; font-weight: bold; text-align: left; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding: 12px 25% 12px 10px; } .dialog_box > .modal-content > .modal-body > div { font-size: 2rem; font-weight: 700; color: #000; text-align: center; padding: 40px 24px 32px; } .dialog_box > .modal-content > .modal-body.showClose > div { padding: 12px 10px 32px; } .dialog_box .modal-footer { text-align: center; padding: 0 24px 24px 24px; justify-content: space-around; border-top: none; } .dialog_box .modal-footer .btn { font-size: 1.6rem; font-weight: 400; font-family: PingFang SC; text-align: center; min-width: 98px; margin: 0; margin-right: 24px; padding: 10px 6px; box-shadow: inherit; border: 1px solid #e5e5e5; border-radius: 90px; background-color: transparent; line-height: normal; } .dialog_box .modal-footer .btn:last-child { background: linear-gradient( 90deg, var(--themcolor), var(--themcolor)) !important; color: #fff; font-weight: 500; margin: 0; } .custom-modal-centered { margin: 0 !important; bottom: 16px; height: 100vh; } .custom-modal-centered .modal-content { color: #000; font-size: 1.4rem; font-weight: normal; background-color: transparent; padding: 0 12px; position: absolute; left: 0; bottom: 0; } .custom-modal-centered .modal-content .list-unstyled { background-color: #fff; border-radius: 8px; text-align: center; padding: 0 12px; } .custom-modal-centered .modal-content .list-unstyled > li { display: flex; align-items: center; min-height: 50px; justify-content: center; border-bottom: 0.5px solid #e5e5e5; } .custom-modal-centered .modal-content .list-unstyled > li:nth-last-of-type(1) { border-bottom: 0; } .next-navbar { width: 100%; height: 43px; margin: 0; padding: 0; border-bottom: 1px solid #e5e5e5; background-color: white; } .next-navbar .next { height: 100%; border-bottom: 1px solid #e5e5e5; } .next-navbar > li { text-align: center; list-style: none; } .next-navbar > li > div > span { font-size: 1.2rem; color: white; position: absolute; top: 12px; height: 18px; margin-left: 5px; padding: 0 5px; pointer-events: none; border: 1px solid #ff8400; border-radius: 15px; background-color: #ff8400; } .next-navbar > .active > div { color: var(--themcolor); } .next-navbar > .active > div > div { position: relative; top: 2px; width: 20px; height: 2px; margin: 0 auto; background-color: var(--themcolor); } .next-navbar > li > div > div { position: relative; top: 2px; width: 18px; height: 2px; margin: 0 auto; background-color: rgba(0, 0, 0, 0); border-radius: 4px; } .media { margin-top: 0; } .list-group { top: -55px; margin-bottom: 0; padding: 0 12px; background-color: white; } .list-group > li:first-child { border: none; } .media-left, .media-right { vertical-align: middle; width: 25%; } .media-left > img { width: 100%; border-radius: 4px; } .media-right > img { max-width: 100%; border-radius: 4px; } .list-group-item { width: 100%; height: 98px; padding: 16px 0; border: none; border-top: 1px solid #e5e5e5; border-top-width: 1px !important; } @keyframes fill { 0% { opacity: 0; } 100% { opacity: 1; } } .list-group-item > div { width: 100%; height: 100%; } .list-group-item > div:hover { background-color: white; } .list-group-item .media-left { float: left; overflow: hidden; width: 80px; height: 80px; margin-right: 13px; padding: 0; } .list-group-item .media-right { position: relative; float: right; overflow: hidden; width: 116px; margin-left: 13px; padding: 0; } .list-group-item .media-right .credit_info { position: absolute; right: 0; top: 4px; background: rgba(0, 0, 0, 0.6); border-radius: 99px; padding: 2px 8px; color: #fff; font-size: 1.3rem; transform: scale(0.8); } .list-group-item .media-right .credit_info img { width: 16px; height: 16px; margin-right: 4px; vertical-align: text-bottom; } .list-group-item .media-right .credit_info span { font-size: 1.4rem; padding-right: 2px; } .list-group-item .media-body { position: relative; display: inline-block; width: calc(100% - 129px); height: 100%; } .list-group-item .media-body .one_line_text { font-size: 1.6rem; color: #000; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; height: 19px; margin: 1px 0; } .list-group-item .media-body .two_line_text { font-size: 1.4rem; color: #000; white-space: pre-wrap; text-overflow: ellipsis; word-break: break-all; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .list-group-item .media-body .one_line_text_next_one { line-height: 28px; white-space: nowrap; position: relative; top: 1px; overflow: hidden; height: 32px; padding: 3px 1px; } .list-group-item .media-body .one_line_text_next_one > span { font-size: 1.2rem; color: #666; margin-right: 5px; padding: 3px 8px 2px; border: 1px solid #e5e5e5; border-radius: 50px; } .list-group-item .media-body .one_line_text_next_one > p { font-size: 1.4rem; color: #666; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 100%; height: 40px; margin: 0; } .list-group-item .media-body .one_line_text_next_two { position: absolute; bottom: 0; } .list-group-item .media-body .one_line_text_next_two > span { font-size: 1.2rem; color: #999; } .list-group-item .media-body .one_line_text_next_two .one_line_text_next_icon { color: #666; display: inline-block; width: 13px; margin-right: 7px; } .list-group-item .media-body .one_line_text_next_two .one_line_text_next_icon:nth-child(3), .list-group-item .media-body .one_line_text_next_two .one_line_text_next_icon:nth-child(5) { margin-left: 25px; } .list-group-item .media-body .one_line_text_next_two > div { width: 100%; } .list-group-item .media-body .one_line_text_next_two > div > span { font-size: 1.2rem; color: #666; margin-right: 10px; } .fade > .modal-dialog > .modal-content { border: none; border-radius: 0; } .fade > .modal-dialog > .modal-content > .modal-header { padding: 24px 24px 0; } .fade > .modal-dialog > .modal-content > .modal-header .close { opacity: 1; } .fade > .modal-dialog > .modal-content > .modal-header .close > span > img { width: 28px; } .fade > .modal-dialog > .modal-content > .modal-body { overflow: auto; max-height: 360px; padding: 0; } .modal-part { width: 100%; } .modal-dialog { pointer-events: all !important; } .modal.fade .modal-dialog { transition: transform 0.3s ease-out; transform: translate(0, 0); } .fade > .modal-dialog > .modal-content > .modal-body > div { border-bottom: 1px solid #e5e5e5; border-radius: 0; } .fade > .modal-dialog > .modal-content > .modal-body > div:last-child { border: none; border-radius: 0; } .fade > .modal-dialog > .modal-content > .modal-body > div > a { font-size: 1.5rem; text-decoration: none; display: block; width: 100%; padding: 10px; cursor: pointer; border-radius: 6px; background-color: #fff; } .fade > .modal-dialog > .modal-content > .modal-body > div > a:hover { background-color: #f4f4f4; } .fade > .modal-dialog > .modal-content > .modal-body > div > a span { font-size: 1.5rem; float: right; padding: 2px 4px; } .fade > .modal-dialog > .modal-content > .modal-body > .active > a { color: var(--themcolor); text-decoration: none; } .fade > .modal-dialog > .modal-content > .modal-body > .active > div > a { color: var(--themcolor); text-decoration: none; } .loadingicon { font-size: 1.4rem; color: #000; padding-top: 10px; padding-bottom: 10px; border: none; } .loadingicon-pk { color: #fff; } .maincontent { padding-bottom: 56px; } .highmaincontent { padding-bottom: 70px; } .page_bottom { font-size: 1.2rem; color: #999; text-align: center; letter-spacing: 0.5px; height: 42px; padding: 13px 0; } .searchlist { min-height: 100vh; padding-top: 52px; } app-search .graybg { padding-bottom: 4px; background-color: #f4f4f4; } app-search .graybg .common_top { border-bottom: none; } app-search .topsearchlist { padding-top: 98px; } .search { width: 100%; } .search_top { position: fixed; z-index: 9; top: 0; width: 100%; padding: 10px 0 0 0; background-color: white; } .search .forum_list_list { overflow: hidden; } .search .forum_list_list .ordersign { background-color: white; margin: 8px 12px 8px 12px; border-radius: 8px; padding: 8px 10px 10px 10px; } .search .forum_list_list .ordersign:first-of-type { margin: 16px 12px 8px 12px; } .search .qa_list { margin-bottom: 0px; border: none; border-radius: 0px; position: relative; width: 100%; padding: 0px; background-color: white; } .search .search_form { position: relative; display: flex; justify-content: space-between; padding: 0 12px; } .search .search_form .search_more { padding: 10px; } .search .search_form .no_search_more { display: none; } .search .search_form .b_width { flex-grow: 1; } .search .search_form > div { position: relative; display: inline-block; } .search .search_form > div > img { width: 16px; height: 16px; } .search .search_form .search_form_seaarchicon { position: absolute; top: 10px; left: 12px; } .search .search_form .search_form_cleanicon { position: absolute; top: 10px; right: 8px; } .search .search_form > div > input { font-size: 1.3rem; color: #000; width: 100%; height: 34px; padding: 3px 30px 3px 33px; border: 0; border-radius: 25px; background-color: #f4f4f4; } .search .search_form > .search_form_calcel { font-size: 1.5rem; color: #000; position: relative; top: 0; padding: 10px 10px 10px 16px; border: 0; background-color: transparent; } .search_categories > p { font-size: 1.3rem; color: #999; text-align: center; margin-top: 16px; } .search_categories > ul { font-size: 1.5rem; color: #5285b2; margin: 0; padding: 15px 10px 0; list-style: none; } .search_categories > ul > li { line-height: 17px; text-align: center; vertical-align: top; display: inline-block; width: 33.33333%; height: 17px; margin-bottom: 25px; border-right: 1px solid #e5e5e5; } .search_categories > ul > li:nth-child(3n), .search_categories > ul > li:last-child { border-right: 0; } .search_category > li > span { display: block; } .search_history { padding: 18px 12px; } .search_history_title > span { color: #000; } .search_history_title > img { float: right; width: 20px; } .search_history_detail { padding: 16px 0; } .search_history_detail > li { font-size: 1.4rem; color: #666; white-space: nowrap; text-overflow: ellipsis; display: inline-block; overflow: hidden; max-width: 100%; margin-right: 10px; padding: 4px 15px; list-style: none; border: 1px solid #e5e5e5; border-radius: 25px; background-color: #fff; } .search .common_top { padding: 12px; border-bottom: 1px solid #e5e5e5; } .search .common_top > div { display: inline-block; } .search .common_top > div > img { vertical-align: text-bottom; width: 10px; margin-right: 10px; } .search .common_top > div > span { font-size: 1.4rem; color: #000; margin-right: 5px; } .search .common_top > div:first-child > span:last-child { font-size: 1.1rem; color: #999; } .search .common_top .course_rank { float: right; } .search .common_top .course_rank > span { font-size: 1.4rem; color: #999; margin-left: 20px; margin-right: 0; } .search .common_top .course_rank > span > span > img { width: 16px; vertical-align: middle; } .search .common_top .course_rank > span > span > .app-svg-themebox { width: 16px; height: 16px; vertical-align: middle; } .search .common_top .course_rank .active { color: #000; } .search .common_middle { padding: 0 12px; overflow: hidden; } .search .projectBox { padding: 8px 12px 0px; } .search .project .common_middle { background-color: #f4f4f4; } .search .common_middle .course_lists { position: relative; padding: 16px 0; border-bottom: 1px solid #e5e5e5; } .search .project .common_middle .course_lists { padding: 4px 0; border-bottom: none; } .search .project .project_progress_end { right: 12px !important; } .search .project .project_progress_end > img { width: 56px; height: 56px; } .search .common_middle .course_lists:last-child { border: none; } .search .course_lists .course_pic { vertical-align: top; display: inline-block; width: 116px; border-radius: 4px; } .search .course_lists .course_info { position: relative; display: inline-block; width: calc(100% - 116px); height: 66px; padding: 4px 10px 4px 0px; } .search .course_lists .course_info > h3 { font-size: 1.6rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin: 0 0 10px; } .search .course_lists .course_info .one_line_text_next_icon { width: 13px; margin-right: 4px; } .search .course_lists .course_info .course_tag { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; height: 40px; padding: 15px 0 5px; } .search .course_lists .course_info .course_data { position: absolute; bottom: 0; } .search .course_lists .course_info .course_tag > span { font-size: 1.1rem; color: #666; margin-right: 18px; } .search .course_lists .course_info .course_data > span { font-size: 1rem; color: #999; margin-right: 16px; } .search .course_lists .course_info .news_text { max-height: 42px; } .search .course_lists .course_info .news_text > h5 { font-size: 1.4rem; color: #666; margin: 7px 0 5px; } .search .course_lists .course_info .news_view { font-size: 1.1rem; color: #999; width: 100%; } .search .course_lists .course_serial > span { font-size: 1.3rem; color: #9e9e9e; vertical-align: middle; } .search .course_lists .course_serial > p { font-size: 1.6rem; color: #000; vertical-align: middle; white-space: nowrap; text-overflow: ellipsis; display: inline-block; overflow: hidden; max-width: calc(100% - 118px); margin: 0; margin-left: 7px; } .search .course_lists .course_serial > div { float: right; } .search .course_lists .course_serial > div > img { vertical-align: middle; width: 12px; } .search .course_lists .course_serial > div > span { font-size: 1rem; color: #b7b7b7; margin-left: 5px; } .search .course_content { display: flex; flex-direction: column; } .search .course_content .course_top { display: flex; } .search .course_content .course_top > img { width: 140px; height: 80px; border-radius: 4px; vertical-align: top; } .search .course_content .course_top > div { margin-left: 8px; } .search .course_content .course_top > div > h3 { font-family: Source Han Sans CN; font-size: 15px; font-weight: 700; text-align: left; margin-bottom: 8px; line-height: 22.5px; } .search .course_content .course_top > div > ul { list-style-type: none; margin: 0; padding: 0; } .search .course_content .course_top > div > ul > li { background: rgb(248, 248, 248); border-radius: 4px; padding: 2px 8px; margin-bottom: 4px; width: fit-content; display: flex; align-items: center; } .search .course_content .course_top > div > ul > li > div { font-family: "Source Han Sans CN"; font-style: normal; font-weight: 400; font-size: 12px; line-height: 18px; color: #000000; max-width: 153px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .search .course_content .course_top > div > ul > li > div .yellow_highlight_font { color: #ff8400 !important; font-style: normal !important; } .search .course_content .course_top > div > ul > li > span { margin-left: 10px; color: rgb(153, 153, 153); } .search .course_content .course_top > div > ul > li:last-child { margin-bottom: 0px; } .search .course_content .course_text { font-family: Source Han Sans CN; font-size: 12px; font-weight: 400; line-height: 18px; text-align: left; margin-top: 8px; color: rgb(102, 102, 102); word-break: break-all; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .search .course_content .course_text .yellow_highlight_font { color: #ff8400 !important; font-style: normal !important; } .search .exam_lists { padding: 8px 0; } .search .exam_lists .course_title > h4 { font-size: 1.6rem; line-height: 19px; word-break: break-all; display: inline-block; max-width: calc(100% - 70px); margin: 5px 0 10px; } .search .exam_lists .course_title > span { font-size: 1rem; color: #fff; position: relative; top: 10px; float: right; padding: 1px 4px; border-radius: 4px; } .search .course_lists .course_title > .greybackground { background-color: #ccc; } .search .course_lists .course_title > .redbackground { background-color: #ff5d5d; } .search .course_lists .course_title > .greenbackground { background-color: #18c884; } .search .course_lists .course_title > .orangebackground { background-color: #ff8400; } .search .common_middle .search_passthrough { background-color: white; border: none; border-radius: 8px; padding: 0px 0px !important; margin: 0px 0px 8px 0px; } .search .common_middle .search_passthrough:first-of-type { margin: 16px 0px 8px 0px; } .search .search_passthrough .limitWidth { padding-bottom: 33.33%; border-radius: 8px 8px 0 0; position: relative; overflow: hidden; width: 100%; } .search .search_passthrough .limitWidth img { border-radius: 8px 8px 0 0; position: absolute; width: 100%; height: 100%; } .search .course_lists > p { font-size: 1.1rem; color: #999; margin: 0 0 4px; } .search .course_lists > p > span { margin-right: 8px; } .search .course_lists .passthrough_title { position: relative; padding: 16px; } .search .course_lists .passthrough_title > h3, .search .course_lists .project_title > h3 { font-size: 1.6rem; color: #000; word-break: break-all; margin: 0; } .search .course_lists .passthrough_title > div { padding-top: 8px; } .search .course_lists .passthrough_title > div > span { font-size: 1.1rem; color: #999; } .search .course_lists .passthrough_title > div > span:nth-child(1) { margin-right: 12px; } .search .course_lists .project_progress, .study_project .project_progress { position: absolute; z-index: 1; bottom: 12px; right: 42px; right: 10px; } .study_project .project_progress_end { right: 16px; } .search .course_lists .project_state { font-size: 1.1rem; color: #fff; position: absolute; bottom: 18px; left: calc(37% - 52px); display: inline-block; width: 46px; height: 20px; padding: 2px 5px; border-radius: 4px; background-color: rgba(0, 0, 0, 0.4); } .search .course_lists .project_title .project_day, .study_project .project_title .project_day { font-size: 1.2rem; color: #999; margin-top: 16px; } .search .course_lists .project_title .project_period, .study_project .project_period { font-size: 1.1rem; color: #999; margin-top: 10px; } .search .course_lists .project_title .project_period_close, .study_project .project_period_close { position: absolute; top: inherit; right: 0; bottom: 0; width: 48px; height: auto; margin: 0; } .search_result { font-size: 1.6rem; } .search_result > ul { margin-bottom: 0; padding: 0; } .search_result > ul > div > div { font-size: 1.6rem; color: #757575; height: auto; padding: 5px 0; } .search_result > ul > div > div > div { padding: 7px 0; } .search_result > ul > div > div > div > span { font-size: 1.4rem; color: #929292; float: right; cursor: pointer; } .search_result_course { padding: 0 10px; } .search_result_courseware { padding: 0 10px; } .search_result_courseware li img { position: relative; top: -1px; margin-left: 10px; } .search_result_courseware .en_courseware_img img { width: 90px; height: 22px; } .search_result_courseware .cn_courseware_img img { width: 40px; height: 20px; } .search_result_courseware li { font-size: 1.5rem; line-height: 20px; color: #000; padding: 13px 0 7px; cursor: pointer; border-top: 1px solid #e5e5e5; } .search_result_courseware li:first-child { border: none; } .search_result_courseware li > span { float: right; } .search_result_courseware li > span > span { font-size: 1.3rem; color: #777; } .search_result_courseware li > span > span:nth-child(2) { color: #999; margin-left: 10px; padding: 4px 7px 2px; border: 1px solid #e5e5e5; border-radius: 50px; } .search_record > ul > div { font-size: 1.6rem; padding: 12px 0; } .search_record_defult { display: none; } .search_record { display: block; } .search_record_list { font-size: 1.6rem; color: #606060; padding: 5px 0; border-top: 1px solid #e5e5e5; } .search_record_list > div { padding: 6px 0; cursor: pointer; } .search_record_list > div > img { position: relative; top: -1px; width: 18px; height: 18px; margin-right: 10px; } .searchmore { font-size: 1.6rem; text-align: center; width: 100%; padding: 10px; background-color: #f4f4f4; } .searchmore > span > span { color: #ff8400; } .modal_search_more .modal-body > div { border-radius: 6px; } .modal_search_more .modal-body > div > a { border-radius: 6px; } .modal_search_more .modal-body > div > a.active { color: #ff5d5d; } .modal_search_more .modal-content { text-align: center; top: 100px; float: left; width: 100px; border: 1px solid transparent !important; border-radius: 5px !important; } .modal_search_more .triangle { position: absolute; top: -8px; left: 10px; width: 0; height: 0; border-right: 7px solid transparent; border-bottom: 10px solid snow; border-left: 7px solid transparent; } .searchmorecontent { min-height: calc(100vh - 100px); } .newslist_navbar { width: 100%; background-color: white; } .newslist_ul { display: flex; overflow: auto; overflow-x: -moz-hidden-unscrollable; border-bottom: 1px solid #e5e5e5; background-color: white; } .newslist_ul > div { text-align: center; flex-grow: 1; min-width: 96px; cursor: pointer; } .newslist_ul > div > div { font-size: 1.4rem; color: #000; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding: 10px 2px; } .newslist_ul > .active > div { color: var(--themcolor); border-bottom: 2px solid var(--themcolor); } .newslist .swiper-horizontal > .swiper-pagination-bullets { bottom: 3px; } .newslist ul li:nth-child(1) { border-top: none; } .newslist_banner p { font-size: 1.4rem; color: seashell; position: absolute; bottom: -10px; width: 100%; padding: 5px 10px; background-color: rgba(0, 0, 0, 0.2); } .newslist_banner_img { position: relative; width: 100%; height: 66.6666666667%; margin: auto; cursor: pointer; } .newslist .media-left { position: relative; } .newslist .newslist_isnewest { position: absolute; z-index: 1; top: 5px; width: 28px; border-radius: 0; } .course .col-3, .col-sm-3, .col-md-3 { padding-right: 10px !important; padding-left: 10px !important; } .course .next-navbar > li > div > span { font-size: 1rem; line-height: 14px; color: #999; height: 16px; margin-left: 3px; padding: 0 5px; border: 1px solid transparent; background-color: #f4f4f4; } .list-clean-margin { margin-bottom: 0; } .list-group-item:hover { background-color: white; } .list-group-item:first-child { border-top: none; } .big_title { font-size: 2.1rem; line-height: 20px; color: #000; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; height: 25px; margin: 5px 0 10px; padding: 1px 0; } .big_title_next { display: inline-block; } .big_title_next > p { font-size: 1.2rem; color: #8e8e8e; margin: 20px 0 0; } .big_title_next_right { position: relative; top: 15px; float: right; padding: 2px 7px 3px; cursor: pointer; border: 1px solid #e5e5e5; border-radius: 50px; } .big_title_next > p > span { color: #8e8e8e; margin-left: 8px; } .big_title_next > img { width: 16px; height: 16px; margin-right: 2px; pointer-events: none; } .big_title_next > span { font-size: 1.3rem; color: #8e8e8e; } .check-view-active > div > div { position: relative; top: 2px; width: 16px; height: 2px; margin: 0 auto; background-color: var(--themcolor) !important; } .next-navbar li > div { padding: 11px 2px 8px 2px !important; font-size: 1.5rem; color: #666; } .next-navbar li > div.only-sharing-circle { padding-top: 15px !important; } .next-navbar .check-view-active > div { color: var(--themcolor); } .myslides .menu { width: 100%; min-height: calc(100vh - 306px); margin: 0; padding: 0 12px 50px; list-style: none; } .myslides .menu > li { font-size: 1.5rem; line-height: 20px; color: #000; padding: 13px 0 7px; border-bottom: 1px solid #e5e5e5; } .myslides .menu > li:last-child { margin-bottom: 40px; border-bottom: none; } .cn_courseware_img > span, .en_courseware_img > span:last-child { font-size: 1.1rem; color: #b7b7b7; position: relative; top: 4px; float: right; } .cn_courseware_img > span > span > img, .en_courseware_img > span > span > img { position: relative; top: -1px; margin-left: 10px; } .en_courseware_img > div { white-space: nowrap; text-overflow: ellipsis; display: inline-block; overflow: hidden; width: calc(100% - 140px) !important; } .en_courseware_img > span { width: 124px; } .cn_courseware_img > div { display: inline-block; width: calc(100% - 110px) !important; } .cn_courseware_img > span > .learnedtime { margin-left: 5px; } .en_courseware_img > span > img { float: right; width: 90px; height: 22px; } .en_courseware_finished { width: 15px !important; height: 15px !important; } .en_courseware_download { width: 16px; display: inline-block; margin: 0 8px; } .en_courseware_download:hover { color: var(--themcolor); cursor: pointer; } .cn_courseware_img > span > img { position: absolute; top: 12px; right: 5px; width: 38px; } .searchlist .cn_courseware_img > span > img { top: 0; } .myslides .menu > li > div > span { font-size: 1.2rem; color: #999; } .myslides .description { position: relative; min-height: calc(100vh - 306px); margin: 0; padding: 15px 10px; } .myslides .description .description_info { font-size: 1.2rem; color: #666; padding: 12px 12px 4px 12px; display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; background: #f4f4f4; margin-bottom: 20px; border-radius: 8px; } .myslides .description .description_info > p { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin: 0 8px 8px 0px; padding: 0; min-width: calc(50% - 8px); line-height: 18px; } .myslides .description .description_info > p > span:last-child { margin-left: 5px; } .myslides .description .description_info::after { width: 100%; content: ""; } .myslides .description .description_info .teacher-item { display: inline-block; font-size: 14px; color: #666; background-color: #f4f4f4; padding: 3px 6px; border-radius: 2px; cursor: pointer; } .myslides .description .description_info .teacher-item:nth-child(2) { margin-left: -4px; } .myslides .description .description_info .nodata { color: #999; font-size: 1.4rem; } .myslides .description .description_label { font-size: 1.4rem; font-weight: 400; color: #000; padding: 5px 0; } .myslides .description .description_label .one_line_text_next_one { padding: 4px 0 24px; } .myslides .description .description_label .one_line_text_next_one > span { font-size: 1.2rem; font-weight: normal; color: #666; display: inline-block; margin: 5px 10px 0 0; padding: 3px 10px 4px; border-radius: 50px; background-color: #f4f4f4; } .myslides .description .description_label .one_line_text_next_one > div { font-weight: normal; } .myslides .description .description_description { font-size: 1.4rem; font-weight: 400; color: #000; margin-bottom: 48px; } .myslides .description .description_description > p { font-size: 1.5rem; font-weight: normal; color: #000; word-break: break-all; margin: 12px 0 0; } .myslides .description .description_description img { max-width: 100%; } #desc_urlweb_iframe { width: 100%; min-width: 100%; height: auto; min-height: 200px; } .myslides .description .description_excitationexplain { position: absolute; top: 16px; right: 18px; width: auto; } .myslides .description .description_excitationexplain img { width: 16px; } .course .lecturer { width: 100%; min-height: calc(100vh - 306px); padding: 15px 10px 40px; } .course .lecturer .lecturerlists { width: 100%; margin-bottom: 12px; display: flex; flex-flow: row nowrap; align-items: flex-start; } .course .lecturer .headinfo { text-align: center; width: 82px; margin-right: 16px; } .course .lecturer .headinfo > img { width: 40px; border-radius: 50%; } .course .lecturer .headinfo > div { font-size: 1.4rem; color: #000; margin: 5px 0; } .course .lecturer .headinfo > p { font-size: 1.1rem; color: #999; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .course .lecturer .classinfo { flex: 1; overflow: hidden; padding: 8px 8px 0; border-radius: 6px; background-color: #f4f4f4; } .course .lecturer .classinfo .courseware > div { font-size: 1.3rem; color: #000; margin-bottom: 5px; } .course .lecturer .classinfo .courseware > div > span { white-space: nowrap; text-overflow: ellipsis; display: inline-block; overflow: hidden; width: 90%; margin-left: 5px; } .course .lecturer .classinfo .courseware > div > img { position: relative; top: 4px; float: right; width: 7px; } .course .lecturer .classinfo .switch { font-size: 1.1rem; line-height: 28px; color: #999; text-align: center; height: 28px; border-top: 1px solid #e5e5e5; } .course .lecturer .classinfo .switch > span { display: inline-block; vertical-align: middle; } .course .lecturer .classinfo .switch > img { width: 16px; margin-left: 3px; } .course .comment { color: #000; overflow: auto; min-height: calc(100vh - 306px); padding: 0 12px 62px 12px; } .my_comment { color: #000; padding: 0 10px; } .comment_list_nocomment { font-size: 1.6rem; color: #8b8b8b; text-align: center; width: 100%; height: calc(100vh - 342px); padding: 50px 10px; } .comment_star { width: 100%; height: 86px; padding: 10px; } .comment_star .star_left, .comment_star .star_right { text-align: center; display: inline-block; } .comment_star .star_left { width: 40%; } .comment_star .star_left > div { font-size: 3.3rem; color: #000; } .comment_star .star_left > p, .comment_star .star_right > div:last-child { font-size: 1rem; color: #999; } .comment_star .star_right { float: right; width: 60%; padding: 10px 0; } .comment_star .star_right > div:first-child { margin-bottom: 10px; } .comment_star .star_right > div > img { width: 24px; height: 24px; margin-right: 6px; } .comment_title { padding: 15px 12px; border-top: 1px solid #e5e5e5; font-size: 1.6rem; color: #000; } .comment_title > span { color: #999; font-size: 1.1rem; } .comment_list { position: relative; width: 100%; margin-top: 35px; } .comment_list:nth-of-type(1) { margin-top: 24px; } .comment_list > div { display: inline-block; } .comment_list .comment_list_left { width: 67px; } .comment_list .comment_list_right { width: calc(100% - 77px); text-align: left; } .comment_list .comment_list_right .comment_list_right_top .comment_list_user_img { text-align: center; position: absolute; left: 0; width: 60px; height: 70px; } .comment_list .comment_list_right .comment_list_right_top .comment_list_user_img > img { width: 40px; height: 40px; border: 1px solid #fff; border-radius: 50px; } .comment_list .comment_list_right .comment_list_right_top .comment_list_user_img > div { font-size: 1rem; color: white; text-align: center; margin-top: 10px; padding: 2px 5px 1px; border: 1px solid #ff8400; border-radius: 50px; background-color: #ff8400; } .comment_list .comment_list_right .comment_list_right_top .comment_list_user_message { word-break: break-all; padding: 3px 0; } .comment_list .comment_list_right .comment_list_right_top .comment_list_user_message > .comment_list_right_down_fabulous { float: right; display: inline-block; } .comment_list .comment_list_right .comment_list_right_top .comment_list_user_message > .comment_list_right_down_fabulous img { width: 16px; height: 16px; font-size: 1.1rem; margin-right: 5px; } .comment_list .comment_list_right .comment_list_right_top .comment_list_user_message > .comment_list_right_down_fabulous .app-svg-themebox { width: 16px; height: 16px; font-size: 1.1rem; margin-right: 5px; } .comment_list .comment_list_right .comment_list_right_top .comment_list_user_message > .comment_list_right_down_fabulous > span { display: inline-block; vertical-align: middle; color: #666; } .comment_list .comment_list_right .comment_list_right_top .comment_list_user_message > .comment_list_right_down_fabulous .comment_list_right_down_fabulous_like { color: var(--themcolor); } .comment_list .comment_list_right .comment_list_right_top .comment_list_user_message > span:nth-child(1) { font-size: 1.3rem; color: #666; position: relative; top: -2px; } .comment_list .comment_list_right .comment_list_right_top .comment_list_user_message > span:nth-child(2) { font-size: 1.2rem; color: #999; position: relative; top: 2px; float: right; } .comment_list .comment_list_right .comment_list_right_top .comment_list_user_message .like > img { width: 16px; margin-right: 5px; pointer-events: none; } .comment_list .comment_list_right .comment_list_right_top .comment_list_user_message .like > .app-svg-themebox { width: 16px; height: 16px; margin-right: 5px; pointer-events: none; } .comment_list .comment_list_right .comment_list_right_top .comment_list_user_message .like > span { display: inline-block; vertical-align: middle; position: relative; top: 1px; } .comment_list .comment_list_right .comment_list_right_top .accessory { font-size: 1.3rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 100%; margin: 6px 0; } .comment_list .comment_list_right .comment_list_right_top .like .light, .comment_list .comment_list_right .comment_list_right_top .accessory { color: var(--themcolor); } .comment_list .comment_list_right .comment_list_right_top .accessory > img { vertical-align: bottom; width: 16px; margin-right: 5px; } .comment_list .comment_list_right .comment_list_right_top > p { font-size: 1.5rem; color: #000; word-break: break-all; margin: 0; } .comment_list .comment_list_right .comment_list_right_top .comment_reply { position: relative; margin-top: 10px; border-radius: 5px; background-color: #f8f8f8; } .comment_list .comment_list_right .comment_list_right_top .comment_reply .comment_reply_icon { position: absolute; top: -8px; left: 20px; width: 0; height: 0; border-right: 7px solid transparent; border-bottom: 10px solid #f8f8f8; border-left: 7px solid transparent; } .comment_list .comment_list_right .comment_list_right_top .comment_reply .comment_reply_message { padding: 4px 0px; } .comment_list .comment_list_right .comment_list_right_top .comment_reply .comment_reply_message .reply_list_user_img { text-align: center; display: inline-block; width: auto; vertical-align: top; padding-right: 5px; } .comment_list .comment_list_right .comment_list_right_top .comment_reply .comment_reply_message .reply_list_user_img > img { width: 15px; height: 15px; border: 1px solid #fff; border-radius: 20px; } .comment_list .comment_list_right .comment_list_right_top .comment_reply .comment_reply_message .reply_list_user_img > div { font-size: 1rem; color: white; text-align: center; margin-top: 10px; padding: 2px 5px 1px; border: 1px solid #ff8400; border-radius: 50px; background-color: #ff8400; } .comment_list .comment_list_right .comment_list_right_top .comment_reply .comment_reply_message > div > span:last-of-type { display: inline-block; margin: 0 !important; font-size: 1.1rem; color: #999; margin-left: 0px; } .comment_list_right_top .comment_reply { padding: 10px 17px; } .comment_list_right_top .comment_reply .comment_reply_message > div > span { color: #000; margin: 0 16px 0 0 !important; } .comment_list .comment_list_right .comment_list_right_top .comment_reply > div:last-child { border: none; } .comment_list .comment_list_right .comment_list_right_top .comment_reply .comment_reply_message > div { font-size: 1.3rem; color: #5285b2; word-break: break-all; } .comment_list .comment_list_right .comment_list_right_top .comment_reply .comment_reply_message > div > img { position: relative; top: -2px; width: 18px; height: 18px; border: 1px solid transparent; border-radius: 50px; } .comment_list .comment_list_right .comment_list_right_top .comment_reply .comment_reply_message > div > p { font-size: 1.2rem; color: #8e8e8e; margin: 0px; padding-left: 10px; display: inline; } .comment_list .comment_list_right .comment_list_down { font-size: 1.1rem; width: 100%; margin-top: 10px; } .comment_list .comment_list_right .comment_list_down > span { color: #999; } .comment_list .comment_list_right .comment_list_down .comment_list_down_reply { color: #000; display: inline; margin-left: 10px; padding: 2px 6px; cursor: pointer; border-radius: 18px; background-color: #f4f4f4; } .comment_list .comment_list_right .comment_list_right_down { width: 100%; margin-top: 10px; padding: 0 1px; } .comment_list .comment_list_right .comment_list_right_down > div { text-align: center; display: inline-block; width: auto; padding: 1px 7px 2px; border-radius: 50px; } .comment_list .comment_list_right .comment_list_right_down .comment_list_right_down_fabulous { float: left; cursor: pointer; } .comment_list .comment_list_right .comment_list_right_down .comment_list_right_down_reply { margin-left: 10px; cursor: pointer; border: 1px solid #e5e5e5; } .comment_list .comment_list_right .comment_list_right_down > div > img { width: 16px; height: 16px; margin-right: 5px; pointer-events: none; } .comment_list .comment_list_right .comment_list_right_down > div > .app-svg-themebox { width: 16px; height: 16px; margin-right: 5px; pointer-events: none; } .comment_list .comment_list_right .comment_list_right_down > div > span { font-size: 1.3rem; color: #000; display: inline-block; vertical-align: middle; } .comment_list_new { margin-top: 16px; } .comment_list_new .comment_list_left { width: 50px; } .comment_list_new .comment_list_right { width: calc(100% - 50px); } .comment_list_new .comment_list_right .comment_list_right_top .comment_list_user_img { text-align: center; position: absolute; left: 0; width: 40px; height: 70px; } .comment_list_new .comment_list_right .comment_list_right_top .comment_list_user_message { padding: 0px 0px; } .comment_footer_none { display: none; } .comment_footer_block { position: fixed; z-index: 99; bottom: 0; left: 0; display: block; width: 100%; height: 50px; padding: 7px 12px; border-top: 1px solid #e5e5e5; background-color: #f8f8f8; } .comment_footer_block_mobile { display: flex !important; width: 100%; flex-flow: row nowrap; align-items: center; justify-content: flex-start; } .comment_footer_block_mobile > textarea { flex: 1; width: auto !important; } .courseware_toggle_rotate { position: fixed; right: 26px; bottom: 52px; display: block; width: 44px; height: 44px; } .courseware_toggle_rotate > img { width: 44px; height: 44px; } .comment_footer_block > textarea { word-break: break-all; overflow: hidden; overflow-y: auto; width: 80%; height: 36px; padding: 7px 10px; font-size: 1.4rem; resize: none; border: 1px solid #e4e4e4; border-radius: 5px; } .comment_footer_block > button { font-size: 1.4rem; color: #666; position: relative; top: 0; float: right; width: calc(20% - 10px); height: 36px; padding: 7px 1px; border: 1px solid transparent; border-radius: 5px; background-color: #e6e6e6; } .comment_custom_new_footer_block > textarea { border: 1px solid transparent; border-radius: 50px; background-color: #f2f2f2; font-size: 1.4rem; height: 37px; } .comment_custom_new_footer_block > button { background-color: transparent; } .comment_custom_new_footer_block > .coursecommonsubmit { color: var(--themcolor); } .fixedTop1 { position: fixed; z-index: 999; top: 0; left: 0; width: 100%; background-color: white; } .fixedTop2 { position: fixed; z-index: 999; top: 105px; left: 0; width: 100%; } .fixedTop3 { position: fixed; z-index: 999; top: 0; left: 0; width: 100%; box-shadow: 0 2px 8px #ccc; background-color: white; } .setMargin { margin-top: 43px; } .courseware_list_plate { padding-bottom: 50px; } .courseware_list_plate .comment_list { border: none; } .replymodal .modal-dialog { width: 100%; height: 100%; margin: 0; text-align: center; position: absolute; left: 0; top: 0px; background-color: #fff; border-top-left-radius: 8px; border-top-right-radius: 8px; } .replymodal .modal-dialog .modal-content { height: 100%; padding-bottom: 50px; overflow: auto; } .replymodal .modal-dialog .reply_title { text-align: center; padding: 12px; font-size: 1.7rem; color: #000; position: relative; } .replymodal .modal-dialog .reply_title > img { width: 28px; position: absolute; left: 12px; top: 8px; } .replymodal .modal-dialog .reply_reply { height: calc(100vh - 206px); min-height: unset; overflow: auto; background-color: transparent; margin-top: 0; border-top: 0; } .replymodal .modal-dialog .reply_reply .comment_list { border: 0; } .replymodal .modal-dialog .reply_reply .comment_list:nth-of-type(1) { margin-top: 4px; } .replymodal .modal-dialog .reply_reply .comment_list .comment_list_left { width: 56px; } .replymodal .modal-dialog .reply_reply .comment_list .comment_list_right { text-align: left; width: calc(100% - 56px); } .replymodal .modal-dialog .reply_reply .comment_list .comment_list_right .comment_list_right_top .comment_list_user_img { width: 40px; margin-right: 16px; } .replymodal .modal-dialog .reply_all_reply_title { padding: 16px 12px; font-size: 1.4rem; color: #000; border-top: 1px solid #e5e5e5; text-align: left; margin-top: 16px; } .reply_comment_footer_block { border-top: none; z-index: 9999; } .reply_comment_footer_block > textarea { vertical-align: middle; padding: 7px 10px 7px 22px; background-color: #f2f2f2; border: 1px solid transparent; border-radius: 50px; } .reply_comment_footer_block > button { background-color: transparent; border: 0; font-size: 1.6rem; } .reply_comment_footer_block .coursecommonsubmit { background-color: transparent; color: var(--themcolor); } .reply_comment { padding: 10px; } .reply_comment .comment_list { margin-bottom: 0; padding: 0; } .reply_comment .comment_list .comment_list_left { margin-right: 5px; } .reply_comment .comment_list .comment_list_right { width: calc(100% - 67px); } .reply_comment .comment_list .comment_list_right .comment_list_right_down { width: 100%; } .reply_comment .comment_list .comment_list_right .comment_list_right_down > span { font-size: 1.3rem; color: #999; position: relative; top: 2px; float: left; } .reply_comment .comment_list .comment_list_right .comment_list_right_down .comment_list_right_down_fabulous { float: right; } .reply_comment .comment_list .comment_list_right .comment_list_right_top .comment_list_user_img { position: absolute; left: 3px; } .reply_reply { position: relative; min-height: calc(100vh - 197px); margin-top: 1px; padding: 0 12px; border-top: 1px solid #e5e5e5; background-color: white; } .urlweb .nomessage_defult > img, .urlweb_video .nomessage_defult > img, .coursewareaudio .nomessage_defult > img { width: 110px; height: 110px; margin-top: 0; } .reply_reply .reply_reply_icon_one { position: absolute; top: -6px; left: 80px; width: 0; height: 0; border-right: 6px solid transparent; border-bottom: 6px solid #e5e5e5; border-left: 6px solid transparent; } .reply_reply .reply_reply_icon_two { position: absolute; top: -5px; left: 81px; width: 0; height: 0; border-right: 5px solid transparent; border-bottom: 5px solid #f4f4f4; border-left: 5px solid transparent; } .coursecommentreply .comment_list .comment_list_right .comment_list_right_top .comment_list_user_message > span:nth-child(2) { top: 0; } .coursecommentreply .reply_comment .comment_list { border-bottom: none; } .coursecommentreply .reply_reply { padding-bottom: 70px; } .courseshare_button { color: white; text-align: center; position: absolute; top: 10px; left: 25vw; width: 50vw; height: 32px; margin: 0 auto; border-radius: 5px; background-color: #1a6bb2; } .courseshare_button > ul { padding: 0; } .courseshare_button > ul > li { padding: 0; list-style: none; } .courseshare_button .courseshare_button1 { border: 1px solid #50a0be; border-radius: 5px; background-color: white; } .courseshare_button > ul > li > div { padding: 5px 15px; } .courseshare_button .courseshare_button1 > div > span { color: #1a6bb2; } .courseshare_message .courseshare_message_div { width: 100%; height: 42px; padding: 5px 10px; background-color: #f4f4f4; } .courseshare_message .courseshare_message_div > div { font-size: 1.5rem; color: #b1b1b1; text-align: center; width: 100%; height: 100%; padding: 5px 0; border: 1px solid #e4e4e4; border-radius: 5px; background-color: white; } .courseshare_message .courseshare_message_div > div > img { position: relative; top: -2px; width: 18px; height: 18px; margin-right: 10px; opacity: 0.7; } .courseshare_message .courseshare_message_form { position: relative; width: 100%; height: 42px; padding: 5px 10px; background-color: #f4f4f4; } .courseshare_message .courseshare_message_form > img { position: absolute; top: 12px; left: 20px; width: 18px; height: 18px; opacity: 0.7; } .courseshare_message .courseshare_message_form > input { font-size: 1.5rem; width: 85%; height: 100%; padding: 3px 5px 3px 35px; border: 1px solid #e4e4e4; border-radius: 5px; } .courseshare_message .courseshare_message_form > span { font-size: 1.6rem; color: #222; margin-left: 5px; } .courseshare_message .courseshare_message_userlist { position: relative; width: 100%; min-height: calc(100vh - 92px); } .courseshare_message_userlist .courseshare_message_userlist_ul { width: 100%; height: 100%; margin: 0; padding: 0; background-color: #f4f4f4; } .courseshare_message_userlist .courseshare_message_userlist_ul > li { height: 70px; padding: 5px 10px; list-style: none; border-bottom: 1px solid #f1f1f1; background-color: white; } .courseshare_message_userlist .courseshare_message_userlist_ul > li > img { float: left; width: 50px; height: 50px; margin-top: 5px; margin-right: 15px; border: 1px solid #f1f1f1; border-radius: 50%; } .courseshare_message_userlist .courseshare_message_userlist_ul > li > div { display: inline; } .courseshare_message_userlist .courseshare_message_userlist_ul > li > div > h4 { font-size: 1.6rem; color: #3f3f3f; word-break: break-all; margin: 8px 0; } .courseshare_message_userlist .courseshare_message_userlist_ul > li > div > p { font-size: 1.3rem; color: #cfcfcf; margin: 0; } .courseshare_message .courseshare_message_hide { display: none; } .courseshare_message .courseshare_message_show { display: block; } .applicationlist { min-height: calc(100vh - 100px); padding: 10px 0; padding-bottom: 10px; background-color: #f4f4f4; } .applicationlist > div > div { margin-bottom: 10px; padding: 0 10px; background-color: white; } .applicationlist > div > div:last-child { margin: 0; } .applicationlist > div > div .oneline:last-child .oneline_content { border: none; } .oneline { height: 45px; padding: 10px 0; cursor: pointer; } .oneline .oneline_photo > img { width: 100%; height: 100%; } .oneline > div { display: inline-block; } .oneline .oneline_photo { width: 24.99999px; height: 24.99999px; } .oneline .oneline_content { position: relative; top: 2px; float: right; width: calc(100% - 35px); padding: 0 0 11px 0; border-bottom: 1px solid #e5e5e5; } .oneline .oneline_content > .oneline_content_title { font-size: 1.0625em; position: relative; top: -1px; } .oneline div:last-child > div:nth-child(2) { border: none; } .oneline .oneline_content > .oneline_content_items > span { position: relative; top: -1px; } .oneline .oneline_content > .oneline_content_items > span:last-child { position: relative; right: 0; margin-left: 5px; } .oneline .oneline_content > .oneline_content_items > span > img { width: 6px; } .oneline .oneline_content > .oneline_content_items { float: right; } .mycenter_bg { position: absolute; top: 0; left: 0; width: 100%; height: 205px; } .mycenter_top_setting { text-align: right; position: fixed; z-index: 2; top: 0; width: 100%; padding: 5px 12px; } .mycenter_top_setting_bgwhite { animation: mycentersetting 0.6s; -ms-zoom-animation: mycentersetting 0.6s; animation-fill-mode: forwards; } .mycenter_top_setting > img { width: 28px; margin-left: 24px; } .mycenter_learning_post { display: flex; justify-content: space-between; align-items: center; gap: 4px; margin: 16px 0 12px 0; } .mycenter_learning_post .item_arrow .app-svg-themebox { width: 24px; height: 24px; flex-shrink: 0; } .mycenter_learning_post .item_post_wrapper { padding: 12px; border-radius: 16px; background: #fff; display: flex; padding: 12px; align-items: flex-start; gap: 8px; flex: 1 0 0; width: 0px; cursor: pointer; } .mycenter_learning_post .item_post_wrapper .item_post { display: flex; justify-content: space-between; gap: 8px; width: 100%; align-items: flex-start; } .mycenter_learning_post .item_post_wrapper .item_post .item_left_icon .app-svg-themebox { width: 16px; height: 16px; } .mycenter_learning_post .item_post_wrapper .item_post .item_left_icon { padding-top: 1px; } .mycenter_learning_post .item_post_wrapper .item_post .item_right_text { display: flex; flex-direction: column; align-items: flex-start; flex: 1; width: 0; } .mycenter_learning_post .item_post_wrapper .item_post .item_right_text .item_post_name { color: #000; text-align: left; font-size: 1.4rem; font-style: normal; font-weight: 400; line-height: normal; padding-bottom: 2px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 100%; } .mycenter_learning_post .item_post_wrapper .item_post .item_right_text .item_post_desc { color: var(--light-text-, #000); text-align: left; font-size: 1.2rem; font-style: normal; font-weight: 400; line-height: normal; opacity: 0.2; } .usermessage { position: relative; z-index: 1; top: 0; width: 100%; margin-top: 0; padding: 68px 12px 0; } .usermessage_other { padding-top: 24px !important; } .usermessage .top_usermessage { height: 94px; } .usermessage .top_usermessage > div { vertical-align: middle; display: inline-block; } .usermessage .top_usermessage .user_img { position: relative; padding: 0 8px; } .usermessage .top_usermessage .user_img > img { width: 68px; height: 68px; border: 2px solid rgb(255, 255, 255); border-radius: 50%; } .usermessage .top_usermessage .user_img > div { text-align: center; position: absolute; right: 0; bottom: -12px; left: 0; margin: auto; } .usermessage .top_usermessage .user_img > div > span { font-size: 1rem; color: white; white-space: nowrap; text-overflow: ellipsis; display: inline-block; overflow: hidden; max-width: 70px; line-height: 1.6rem; padding: 0px 8px; border: 1px solid transparent; border-radius: 10px; background-color: var(--themcolor); } .user_others { position: relative; width: calc(100% - 86px); padding-left: 8px; } .user_others_info { width: 100%; overflow: hidden; } .user_others_info > .user_medal { width: 60px; font-size: 1.3rem; color: #000; float: left; } .user_others_info > .user_medal > img { width: 25px; height: 25px; } .user_others_info .user_name, .user_others_info .user_certificate { float: left; margin-right: 15px; } .user_others_info .user_certificate { font-size: 1.2rem; color: #fff; } .user_others_info .user_certificate img { width: 18px; height: 18px; margin-right: 3px; } .user_name { font-size: 1.8rem; font-weight: bold; color: #000; white-space: nowrap; letter-spacing: 0.5px; text-overflow: ellipsis; overflow: hidden; width: fit-content; max-width: calc(100% - 80px); } .user_others .memeber-center-wrap { width: fit-content; display: flex; align-items: center; background: #3f434e; margin-top: 5px; padding: 4px 8px; border-radius: 10px 4px; } .user_others .memeber-center-wrap .icon-vip { width: 24px; height: 9px; } .user_others .memeber-center-wrap .text { font-size: 1.2rem; font-family: Source Han Sans CN; color: #ffd791; margin-left: 4px; } .user_others_box > div { display: inline-block; vertical-align: middle; margin-right: 16px; margin-top: 4px; padding: 2px 8px 2px 10px; font-size: 1.2rem; background-color: rgba(0, 0, 0, 0.05); border-radius: 30px; } .user_others_box > div > span { margin-right: 16px; } .user_others_box > div > img { width: 5px; position: relative; top: -1px; margin-left: 8px; } .user_others_box > div:last-child { margin-right: 0; } .user_tips > div { display: inline-block; margin: 5px 10px 0 0; padding: 1px 10px; border: 1px solid transparent; border-radius: 20px; background-color: rgba(0, 0, 0, 0.3); } .user_tips > div:nth-child(2) { margin-right: 0; } .user_tips > div > span { font-size: 1.2rem; color: white; } .user_tips > div > span:nth-child(2) { margin: 0 3px 0 10px; } .user_tips > div > span:nth-child(3) { vertical-align: middle; display: inline-block; width: 0; height: 0; border-top: 3px solid transparent; border-bottom: 3px solid transparent; border-left: 3px solid white; } .user_others_zan { position: absolute; top: -5px; right: -17px; } .user_others_zan > div { font-size: 1.2rem; color: white; text-align: center; width: 40px; height: 40px; padding: 2px 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; background-color: rgba(0, 0, 0, 0.1); } .user_others_zan > div > img { width: 17px; pointer-events: none; } .user_others_zan > div > span { display: block; } .usermessage_list { margin-top: 8px; } .usermessage_list .usermessage_list_mystatistics { margin-bottom: 16px; } .usermessage_list .usermessage_list_mystatistics > div { display: inline-block; vertical-align: middle; width: 20%; font-size: 1.1rem; color: #000; text-align: center; position: relative; } .usermessage_list .usermessage_list_mystatistics > div > p { margin-bottom: 6px; line-height: 2rem; font-size: 1.6rem; font-weight: bold; color: #000; } .usermessage_list .usermessage_list_mystatistics > div > span { width: 1px; height: 68%; background-color: #e5e5e5; position: absolute; left: 0; top: 16%; } .usermessage_list .usermessage_list_mystatistics > div:nth-child(5n+1) > span { display: none; } .usermessage_list .usermessage_list_myitem { padding: 16px 0 0 0; margin-top: 16px; } .usermessage_list .page_bottom { font-size: 1.3rem; text-align: center; height: unset; padding: 32px 12px 25px; } .usermessage_list .page_bottom > div:nth-child(1) { margin-bottom: 16px; } .usermessage_list .page_bottom > div:nth-child(1) img { width: 32vw; } .usermessage_list .mytasks { position: relative; width: 100%; margin-bottom: 16px; padding: 14px 12px; border-radius: 10px; background: #fff; } .usermessage_list .mytasks > .mytasks-bg { width: 100%; height: 100%; border-radius: 10px; position: absolute; top: 0; left: 0; } .usermessage_list .mytasks > div { position: relative; } .usermessage_list .mytasks > div .mytasks_left { display: flex; flex-direction: row; align-items: center; width: 100%; } .usermessage_list .mytasks > div .mytasks_left span { font-size: 1.4rem; font-weight: bold; color: white; text-align: left; margin-right: 16px; } .usermessage_list .mytasks > div .mytasks_left p { font-size: 1rem; color: rgba(255, 255, 255, 0.6); display: flex; align-items: center; margin: 0; padding: 0; } .usermessage_list .mytasks > div .mytasks_left img { width: 24px; margin-right: 8px; } .usermessage_list .mytasks > div .mytasks_right { width: 8px !important; height: 8px !important; border-radius: 50%; background-color: #ff5d5d; position: absolute; top: 8px; right: 16px; } .usermessage_list .mytasks > div > img { width: 6px; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; } .usermessage_list .mytasks .mytasks-tasklist { margin-top: 12px; } .usermessage_list .mytasks .mytasks-tasklist > div { display: inline-block; vertical-align: middle; max-width: calc(50% - 4px); margin-right: 8px; padding: 1px 10px; font-size: 1.1rem; color: white; background-color: rgba(255, 255, 255, 0.1); border-radius: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .usermessage_list .mytasks .mytasks-tasklist > div:last-child { margin-right: 0; } .usermessage_list_myitem { color: #000; width: 100%; padding: 0; border: 1px solid transparent; border-radius: 10px; background-color: white; } .usermessage_list_myitem .swiper-slide { justify-content: left; align-items: start; } .usermessage_list_myitem .swiper-horizontal > .swiper-pagination-bullets { height: 16px; padding: 0px; } .usermessage_list_myitem .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { width: 6px; height: 3px; margin: 0 4.5px 0 0; border-radius: 4px; background-color: #ccc; border: none !important; } .usermessage_list_myitem .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet-active { width: 14px; border-radius: 4px; background-color: var(--themcolor) !important; } .usermessage_list_myitem_item { text-align: center; vertical-align: top; position: relative; display: inline-block; margin: 0 2px; padding: 0px 0 20px; } .usermessage_list_myitem_item .newTutor { width: fit-content; font-size: 1.2rem; color: #fff !important; border-radius: 99px; background-color: #ff6f6f; white-space: nowrap; padding: 0 6px; margin: 0; transform: scale(0.8); border: 1px solid #fff; position: absolute; right: -10px; top: -4px; } .usermessage_list_myitem_item > img { width: 30px; height: 30px; margin-bottom: 5px; border-radius: 50%; } .usermessage_list_myitem_item > span { font-size: 1.1rem; display: block; width: 100%; word-break: break-all; color: #999; } .usermessage_list .usermessage_list_staticinfo { margin-top: 10px; } .usermessage_list .usermessage_list_staticinfo > div { display: inline-block; vertical-align: middle; width: calc(50% - 6px); margin: 6px 12px 0 0; padding: 10px 64px 10px 14px; background-color: white; border: 1px solid transparent; border-radius: 10px; position: relative; } .usermessage_list .usermessage_list_staticinfo > div > div > p { margin-bottom: 8px; line-height: 1.8rem; font-size: 1.3rem; font-weight: normal; } .usermessage_list .usermessage_list_staticinfo > div > div > span { display: block; font-size: 1.8rem; font-weight: bold; line-height: 2rem; } .usermessage_list .usermessage_list_staticinfo > div > img { width: 40px; position: absolute; top: 12px; right: 12px; } .usermessage_list .usermessage_list_staticinfo > div:nth-child(2n) { margin-right: 0; } .usermessage_list_app { color: #000; width: 100%; margin-top: 16px; padding: 5px; border: 1px solid transparent; border-radius: 10px; background-color: white; } .usermessage_list_app > div { text-align: center; display: inline-block; width: calc(25% - 4px); margin: 0 2px; padding: 10px 0; vertical-align: top; position: relative; } .usermessage_list_app > div .usermessage_list_app_mentors { display: inline-block; position: absolute; top: 0; right: 0px; font-size: 1.2rem; color: #fff; border-radius: 99px; background-color: #ff5d5d; white-space: nowrap; padding: 2px 4px; margin: 0; transform: scale(0.8); border: 1px solid #fff; } .usermessage_list_app > div > img { width: 30px; height: 30px; margin-bottom: 5px; } .usermessage_list_app > div > span { font-size: 1.1rem; display: block; word-break: break-all; } .usermessage_list_app > div > span:nth-child(1) { font-size: 1.8rem; margin-bottom: 6px; } .usermessage_list_idp { position: relative; width: 100%; margin-top: 16px; border-radius: 10px; overflow: hidden; } .usermessage_list_idp .myidpBoxiphone { height: 200px; border-radius: 10px; } .usermessage_list_idp .myidpBoxiphone .idp_view_bg { bottom: -56px; } .usermessage_list_idp .myidpBoxiphone .idp_view { height: auto; } .usermessage_list_idp .myidpBoxiphone .idp_tree { overflow: hidden; height: 200px; padding: 0; } .usermessage_list_idp .myidpBoxiphone .idp_tree .idp_tree_post { position: absolute; } .usermessage_list_idp > img { width: 100%; border-radius: 10px; } .usermessage_list_idp > span { font-size: 1.3rem; color: white; position: absolute; top: 10px; left: 10px; display: inline-block; padding: 2.5px 7.5px; border: 1px solid transparent; border-radius: 20px; background-color: rgba(0, 0, 0, 0.2); } .touristlogin_button { font-size: 1.6rem; color: white; text-align: center; letter-spacing: 1px; width: 60%; margin: 30px auto 28px; padding: 6px 0; border: 1px solid transparent; border-radius: 5px; background-color: var(--themcolor); } .touristlogin_button:active { background-color: var(--themcolor); } .updateicon .fade .modal-dialog { width: 100%; height: 100%; margin: 0; border-radius: 16px !important; } .updateicon .fade .modal-dialog .modal-content { position: relative; height: 100%; outline: 0; background-color: black; background-clip: padding-box; } .updateicon .fade .modal-dialog .modal-content .modal-body { max-height: none; } .updateicon .fade .modal-dialog .modal-content .modal-body > div { border-bottom: 0; border-radius: 0; } .imgcropper > img { position: absolute; top: 10px; left: 10px; width: 30px; height: 30px; } .imgcropper_cut { width: 100%; margin-top: calc(50vh - 50vw); } .imgcropper_btn { width: 100%; margin-top: calc(25vh - 25vw - 20px); } .imgcropper_btn > label:nth-child(1) { font-size: 1.4rem; position: relative; float: left; margin-left: 20px; margin-bottom: 12px; border-radius: 3px; } .imgcropper_btn > label:nth-child(2) { font-size: 1.4rem; position: relative; float: right; margin-right: 20px; margin-bottom: 12px; border-radius: 3px; } .app_setting { width: 100%; min-height: calc(100vh - 44px); padding: 16px 12px; background-color: #f4f4f4; } .arrow_right { opacity: 1; font-size: 1.2rem; font-family: PingFang SC, PingFang SC-Regular; font-weight: 400; text-align: right; color: #999999; } .app_setting_list { background-color: white; padding: 0 16px; border-radius: 8px; } .app_setting_list > div { font-size: 1.5rem; color: #000; padding: 14px 0; border-bottom: 1px solid #e5e5e5; } .app_setting_list > div:last-child { border: none; } .app_setting_list > div > img { position: relative; top: 5.2px; float: right; width: 6px; opacity: 0.6; } .app_setting_exit { font-size: 1.7rem; color: #ff5d5d; text-align: center; letter-spacing: 1px; width: calc(100% - 44px); margin: 27px auto 0; padding: 10px 0; border: 1px solid #e5e5e5; border-radius: 50px; background-color: white; } .signinhistory .history_list { min-height: calc(100vh - 44px); padding: 10px; background-color: #f4f4f4; } .signinhistory .history_list .one_list { margin-bottom: 10px; padding: 10px; list-style: none; border-radius: 4px; background-color: #fff; } .signinhistory .one_list > h4 { font-size: 1.6rem; color: #000; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .signinhistory .one_list > span { font-size: 1.1rem; color: #999; } .justone { width: 100%; } .justtwo { width: 50%; } .justthree { width: 33%; } .justfour { width: 25%; } .justfive { width: 20%; } .nav-tabs li { font-size: 1.2rem; color: #666; text-align: center; } .nav-tabs .active { color: var(--themcolor); } .footer-color { background-color: #f4f4f4; } .nav-tabs { border-top: 1px solid #ddd; } .nav-tabs img { width: 32px; height: 32px; margin: 0 auto 2px; } .navbar-fixed-bottom { height: 56px; } .navbar-fixed-bottom .nav > li { padding: 1.11px; } .learnrecord { min-height: calc(100vh - 44px); padding: 10px; background-color: #f4f4f4; } .learnrecord_content { position: relative; } .learnrecord_content_left { display: inline-block; width: 75px !important; } .learnrecord_content_right { display: inline-block; width: calc(100% - 80px) !important; } .learnrecord_timestamp { position: absolute; top: 0; left: 0; } .learnrecord_timestamp > span { font-size: 1.2rem; color: #666; } .learnrecord_timestamp > span > span { font-size: 1.6rem; color: #000; display: block; } .learnrecord_content_time { position: absolute; left: 0; } .learnrecord_content_item { position: relative; margin-bottom: 16px; padding-top: 10px; padding-bottom: 10px; border: 1px solid transparent; border-radius: 5px; background-color: white; } .learnrecord_content_item_left_first { position: absolute; z-index: 9; top: 6px; left: -26px; width: 12px !important; height: 12px; border: 1px solid transparent; border-radius: 8px; background-color: var(--themcolor); } .learnrecord_content_item_left_second { position: absolute; z-index: 1; top: 3px; left: -29px; width: 18px !important; height: 18px; opacity: 0.2; border: 1px solid rgb(239, 239, 239); border-radius: 9px; background-color: var(--themcolor); } .learnrecord_content_item_left_third { position: absolute; z-index: 9; top: 8px; left: -25.5px; width: 10px !important; height: 10px; border: 1px solid transparent; border-radius: 10px; background-color: #c5c5c5; } .studycalendar .learnrecord_content_item_left_fourth, .learnrecord .learnrecord_content_item_left_fourth, .synthesis .learnrecord_content_item_left_fourth { position: absolute; z-index: 1; top: 19px; left: -20.6px; width: 1px !important; height: 100%; background-color: rgba(208, 205, 208, 0.8); } .learnrecord_year_diviled { margin: 20px 0; position: relative; } .learnrecord_year_diviled_left { display: inline-block; width: 100%; height: 1px; margin-bottom: 2px; background-color: #e5e5e5; } .learnrecord_year { font-size: 1.4rem; color: white; text-align: center; position: absolute; top: -1px; left: calc(50% - 29px); padding: 0 12px; margin: auto; background-color: #cccccc; border: 1px solid transparent; border-radius: 20px; } .learnrecord_content_item_right { padding: 8px 5px; } .learnrecord_content_item_right .learnrecord_content_item_right_triangle1 { position: absolute; top: 7px; left: 0px; width: 0; height: 0; border-top: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid transparent; } .learnrecord_content_item_right .learnrecord_content_item_right_triangle2 { position: absolute; top: 8px; left: -6px; width: 0; height: 0; border-top: 6px solid transparent; border-right: 6px solid white; border-bottom: 6px solid transparent; } .learnrecord_content_item_right .learnrecord_content_item_right_title { font-size: 1.4rem; line-height: 22px; color: #000; text-overflow: ellipsis; display: inline-block; overflow: hidden; width: 100%; } .learnrecord_content_item_right_tag { white-space: nowrap; text-overflow: ellipsis; position: relative; top: 1px; overflow: hidden; margin-left: 5px; } .learnrecord_content_item_right_tag > span { font-size: 1.2rem; color: #666; display: inline-block; margin-right: 10px; padding: 2px 8px; border: 1px solid #e5e5e5; border-radius: 10px; } .completed { text-align: center; position: fixed; z-index: 9999; right: 0; bottom: 80px; left: 0; width: 150px; height: 40px; margin: 0 auto; padding: 10px; opacity: 0.5; border-radius: 5px; background-color: #e5e5e5; } .completed p { margin: 0; } .gotop { position: fixed; z-index: 200; right: 16px; bottom: 80px; padding: 7px; border: 1px solid rgba(255, 255, 255, 0); border-radius: 4px; background-color: white; box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.08); } .gotop > img { width: 20px; height: 20px; opacity: 0.8; } .gotop > .app-svg-themebox { width: 28px; height: 28px; } .aibtn { width: 44px; position: fixed; z-index: 200; right: 16px; bottom: 130px; padding: 3px; border: 1px solid rgba(255, 255, 255, 0); border-radius: 4px; background-color: white; box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.08); cursor: pointer; } .aibtn > img { width: 100%; height: 100%; border-radius: 50%; } .slide-around { position: relative; overflow: hidden; width: 300%; margin-top: 102px; padding-right: 0; padding-left: 0; transform: translate3d(0, 0, 0); } .slide-left-right { display: inline-block; width: 33.33333333%; padding: 0 15px; } .loading_jumpover { color: white; text-align: center; position: absolute; z-index: 3; top: 15px; right: 12px; display: inline-block; width: 70px; padding: 4px; border: 1px solid transparent; border-radius: 20px; background-color: rgba(0, 0, 0, 0.3); font-size: 1.2rem; } .loading_img_ad { overflow: hidden; width: 100vw; height: 100vh; } .loading_img_ad img { z-index: 2; width: 100%; height: 100%; object-fit: cover; } .loading_img img { position: absolute; z-index: 1; bottom: 0; width: 100%; height: 100%; } .loading_content { text-align: center; position: fixed; z-index: 10; top: 40%; width: 100%; } .course .showchapter { line-height: 48px; width: 100%; height: 48px; padding: 14px 0 !important; border-bottom: 0 !important; } .course .showchapter > div { font-size: 1.2rem; color: #999; display: inline-block; vertical-align: text-top; width: auto; } .course .showchapter > div > span { margin-right: 2px; } .course .showchapter > span { font-size: 1.1rem !important; color: #999 !important; float: right; } .course .showchapter > img { margin-left: 5px; } .course .showchapter > .app-svg-themebox { margin-left: 5px; } .course .chaptertitle { padding: 9px 0px 3px; } .course .chaptertitle > img { position: relative; top: 6px; float: right; vertical-align: super; width: 16px; margin-right: 4px; } .course .chaptertitle > span { font-size: 1.5rem; color: #000; white-space: nowrap; text-overflow: ellipsis; display: inline-block; overflow: hidden; width: calc(100% - 28px) !important; } .searchlist .course .cn_courseware_img_img > .cn_courseware_img_img_types { width: 100% !important; } .course .cn_courseware_img_img { background-color: #fff !important; border-radius: 0 !important; padding: 0 !important; margin: 24px 0px !important; } .course .cn_courseware_img_img > .cn_courseware_img_img_types { width: 100% !important; } .course .cn_courseware_img_img > div { display: flex; align-items: flex-start; } .course .cn_courseware_img_img > div > div:first-child { padding: 4px 0px !important; width: auto; margin-right: 0px !important; } .course .cn_courseware_img_img > div > span { font-family: "Source Han Sans CN" !important; font-style: normal; font-weight: 400; color: #999999; margin: 0 24px; line-height: 28px; } .course .cn_courseware_img_img > div > div:last-child { display: flex; flex-direction: column; width: calc(100% - 101px) !important; margin-left: 0px !important; margin-right: 0px !important; } .course .cn_courseware_img_img > div > div:last-child > span:nth-child(2) { font-family: "Source Han Sans CN"; font-style: normal; font-weight: 400; font-size: 14px; line-height: 21px; color: #666666; } .course .cn_courseware_img_img > div > div:last-child > span:first-child { font-family: "Source Han Sans CN"; font-style: normal; font-weight: 700; font-size: 16px; line-height: 24px; color: #000000; margin-bottom: 11px; } .course .cn_courseware_img { padding: 12px; background-color: #f8f8f8; margin-bottom: 8px; border-radius: 8px; } .course .cn_courseware_img:nth-of-type(1) { margin-top: 8px; } .course .cn_courseware_img > div { font-size: 1.4rem; } .course .cn_courseware_img > div > div:first-child { font-size: 1.1rem; color: #666; text-align: center; vertical-align: top; display: inline-block; width: 44px; height: 24px; margin-right: 10px; padding: 4px 0; border: 1px solid transparent; border-radius: 2px; background-color: #f4f4f4; } .search_courseware_content .cn_courseware_img { display: flex; flex-flow: row nowrap; align-items: start; } .search_courseware_content .cn_courseware_img > .search_courseware_title { flex: 1; } .comment_star_new { position: relative; padding: 10px 10px 16px 10px; height: 92px; display: flex; justify-content: space-between; flex-direction: row; } .comment_star_new .star_left { width: auto; flex: 1; text-align: center; border-right: 1px solid #e5e5e5; } .comment_star_new .star_left > p { margin-bottom: 0px; } .comment_star_new .star_right { width: auto; padding-left: 24px; } .comment_star_new .star_right > div > img { width: 30px; height: 30px; margin-right: 2px; } .comment_star_new::after { position: absolute; content: ""; border-bottom: 1px solid #e5e5e5; left: -12px; right: -12px; bottom: 0; } .course .cn_courseware_img_new { position: relative; padding: 10px 12px 8px 12px; } .course .cn_courseware_img_new > div { width: 100%; } .course .cn_courseware_img_new > div:first-of-type { width: 100% !important; display: flex; flex-direction: row; align-items: flex-start; } .course .cn_courseware_img_new > div:first-of-type > span { min-width: 10px; width: auto !important; } .course .cn_courseware_img_new > div:first-of-type .courseware_content_info { flex: 1; background-color: transparent; text-align: left; width: auto; min-width: auto; max-width: calc(100% - 12px); margin-right: 0px; padding: 0 0px; border: 0px solid transparent; border-radius: 0px; } .course .cn_courseware_img_new > div:first-of-type .courseware_content_info .courseware_content_title { font-size: 1.3rem; color: #000; word-break: break-all; } .course .cn_courseware_img_new > div:first-of-type .courseware_content_info .courseware_content_title_finished { margin-right: 16px; } .course .cn_courseware_img_new > div:first-of-type .courseware_content_info > .courseware_type_tag { font-size: 1.1rem; padding-top: 4px; } .course .cn_courseware_img_new > div:first-of-type .courseware_content_info > .courseware_type_tag > div { color: #999; text-align: center; vertical-align: top; display: inline-block; width: auto; min-width: auto; margin-right: 8px; border-radius: 0px; background-color: transparent; border: 0px solid transparent; padding-right: 9px; position: relative; } .course .cn_courseware_img_new > div:first-of-type .courseware_content_info > .courseware_type_tag > div::after { content: ""; width: 1px; height: 10px; position: absolute; background-color: #999999; right: 0px; top: 4px; } .course .cn_courseware_img_new > div:first-of-type .courseware_content_info > .courseware_type_tag > .learnedtime_zero { padding-right: 0px; margin-right: 0px; } .course .cn_courseware_img_new > div:first-of-type .courseware_content_info > .courseware_type_tag > .learnedtime_zero::after { content: ""; width: 0px; } .course .cn_courseware_img_new > div:first-of-type .courseware_content_info > .courseware_type_tag > .learnedtime { color: #b7b7b7; } .course .cn_courseware_img_new > div:first-of-type .courseware_content_info > .related_test_outer > .related_test { font-size: 1.2rem; line-height: 16px; white-space: nowrap; text-overflow: ellipsis; display: inline-block; overflow: hidden; max-width: 98%; margin: 5px 6px 0 0; padding: 4px 8px; cursor: pointer; border-radius: 15px; color: rgba(var(--rgbnum), 1); background-color: rgba(var(--rgbnum), 0.1); } .course .cn_courseware_img_new .courseware_finish_img { position: absolute; top: 10px; right: 12px; float: none; } .course .cn_courseware_img_new_selected { background-color: rgba(var(--rgbnum), 0.1); border: 1px solid var(--themcolor); } .course .cn_courseware_img_new_selected > div { color: var(--themcolor); } .course .cn_courseware_img_new_selected > div:first-of-type > span { color: var(--themcolor) !important; } .course .cn_courseware_img_new_selected > div > .courseware_content_info .courseware_content_title { color: var(--themcolor) !important; } .course .cn_courseware_img_new_selected > div > .courseware_content_info > .courseware_type_tag > div { color: var(--themcolor) !important; } .course .cn_courseware_img_new_selected > div > .courseware_content_info > .courseware_type_tag > div::after { background-color: var(--themcolor) !important; } .course .cn_courseware_img_new_selected > div > .courseware_content_info > .courseware_type_tag > .learnedtime { color: var(--themcolor) !important; } .coursewareFixTop { position: fixed !important; z-index: 999 !important; } .view_courseware_place_holder { width: 100vw; height: 56.25vw; background-color: white; } .next-navbar-padding-course { background-color: #f4f4f4; z-index: 990; } .course .cn_courseware_img > div > span { color: #999; vertical-align: top; display: inline-block; } .course .cn_courseware_img > div > span:last-child { color: #000; word-break: break-all; width: calc(100% - 76px); } .course .related_test_outer { width: 100% !important; } .course .cn_courseware_img .related_test > .app-svg-themebox, .search .common_middle .related_test > .app-svg-themebox { width: 16px; height: 16px; margin-right: 5px; } .course .cn_courseware_img .related_test, .search .common_middle .related_test { font-size: 1.2rem; white-space: nowrap; text-overflow: ellipsis; display: inline-block; overflow: hidden; max-width: 98%; margin: 5px 0 0 15px; padding: 4px 8px; border-radius: 15px; color: rgba(var(--rgbnum), 1); background-color: rgba(var(--rgbnum), 0.1); } .course .cn_courseware_img .related_test > img, .search .common_middle .related_test > img { width: 12px; margin-right: 5px; } .course .allcahpter { margin-bottom: 8px; } .course .cn_courseware_img_search { display: flex; flex-flow: row nowrap; align-items: flex-start; justify-content: flex-start; } .course .cn_courseware_img_search .coureseware-list-content { width: 0 !important; display: flex; flex-flow: row nowrap; align-items: flex-start; justify-content: flex-start; flex: 1; } .course .cn_courseware_img_search .coureseware-list-content .coureseware-content-type { margin-right: 10px !important; } .course .cn_courseware_img_search .coureseware-list-content .coureseware-index { margin: 0px 8px 0px 0px; line-height: 24px; } .course .cn_courseware_img_search .coureseware-list-content .coureseware-content-name { width: 0; flex: 1; word-break: break-all; } .course .cn_courseware_img_search > span { font-size: 1.1rem; color: #b7b7b7; position: relative; top: 4px; } .course .cn_courseware_img_search .related_test_outer { width: auto !important; } .course .cn_courseware_img_search .related_test_outer .related_test { max-width: 120px; margin: 0px 0 0 8px; } .course .showlecturer { line-height: 40px; height: 40px; border-bottom: 0 !important; } .course .en_courseware_switch { float: right; width: 40px; height: 20px; } .course .lecturer_outer { line-height: 42px; width: 100% !important; height: 42px; margin-top: 5px; } .course .lecturer_name { font-size: 1.3rem !important; line-height: 14px; color: #000 !important; white-space: nowrap; text-overflow: ellipsis; display: inline-block; overflow: hidden; min-width: 40px; max-width: 70px; height: 24px; margin-left: 4px; padding: 4px 6px; border: 1px solid #e9e9e9; border-radius: 25px; } .course .apply_lecturer { text-align: center; position: fixed; z-index: 2; bottom: 6px; width: 100%; padding: 0 16px; background-color: #fff; } .course .apply_lecturer_inside { line-height: 42px; width: 100%; height: 42px; border: 1px solid #e9e9e9; border-radius: 25px; } .applylecturer { height: calc(100vh - 44px); background-color: #f4f4f4; } .applylecturer .courseware_choose { width: 100%; } .applylecturer .applytitle { font-size: 1.3rem; line-height: 40px; color: #999; height: 40px; margin: 0; padding-left: 12px; background-color: #f4f4f4; } .applylecturer .coursewarelist { overflow-y: auto; max-height: 216px; margin-top: 0; margin-bottom: 0; padding-left: 12px; list-style: none; background-color: #fff; } .applylecturer .coursewarelist > li { font-size: 1.5rem; line-height: 44px; color: #000; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; height: 44px; border-bottom: 1px solid #e5e5e5; } .applylecturer .coursewarelist > li:last-child { border-bottom: none; } .applylecturer .coursewarelist .apply_pic { width: 15px; height: 15px; margin-right: 10px; } .applylecturer .apply_textarea { position: relative; height: calc(100vh - 530px); min-height: 100px; max-height: 200px; margin: 8px 0; padding-bottom: 30px; border-bottom: 1px solid #e9e9e9; background-color: #fff; } .applylecturer .apply_textarea textarea { font-size: 1.4rem; color: #333; word-break: break-all; width: 100%; height: 100%; padding: 10px; resize: none; border: none; } .apply_textarea .feedback_content_text_icon { bottom: 5px; } .applylecturer .recommand { font-size: 1.5rem; line-height: 40px; color: #333; width: 100%; height: 40px; padding-left: 12px; background-color: #fff; } .applylecturer .recommand_name { font-size: 1.4rem; color: #666; float: right; min-width: 40px; } .applylecturer .recommand_name > img { width: 9px; margin-right: 10px; margin-left: 10px; } .applylecturer .apply_submit { line-height: 80px; width: 100%; height: 80px; padding: 0 20px; } .applylecturer .apply_submit > button { line-height: 40px; color: #fff; width: 100%; height: 40px; border: 0; border-radius: 25px; background-color: var(--themcolor); } .applylecturermodal .modal-dialog { width: 100%; height: 100%; margin: 0; } .applylecturermodal .modal-content { min-height: 100%; } .applylecturermodal .dialog_box .modal-content { border: 0 !important; border-radius: 0 !important; } .applylecturermodal .apply_ok { text-align: center; padding-top: 24%; } .applylecturermodal .apply_ok > img { width: 100px; height: 100px; } .applylecturermodal .firstline { font-size: 1.8rem; font-weight: bold; color: #000; margin: 30px 0 12px; } .applylecturermodal .apply_ok > p:last-child { font-size: 1.3rem; color: #999; } .applylecturermodal .modal-dialog .apply_submit { line-height: 80px; position: absolute; bottom: 12%; width: 100%; height: 80px; padding: 0 20px; } .applylecturermodal .modal-dialog .apply_submit > button { line-height: 40px; color: #fff; width: 100%; height: 40px; border: 0; border-radius: 25px; background-color: var(--themcolor); } .app_lecturerdetail .nomessage_defult > img { margin-top: 20% !important; } .details { position: relative; width: 100%; min-height: 85px; padding: 8px 12px 12px; background: #fff; } .lecturerdetail .introduction > div, .synthesize .introduction > div { font-size: 1.1rem; color: #999; width: 100%; margin-top: 13px; } .lecturerdetail .introduction .isclose, .synthesize .introduction .isclose { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .lecturerdetail .introduction .openup > img, .synthesize .introduction .openup > img { width: 7px; margin-left: 6px; } .lecturerdetail .introduction .grade, .synthesize .introduction .grade { position: relative; top: -12px; float: right; } .lecturerdetail .introduction .grade > span:last-child, .synthesize .introduction .grade > span:last-child { font-size: 2.1rem; font-weight: bold; } .lecturerdetail .introduction .content, .synthesize .introduction .content { font-size: 1.4rem; color: #666; margin: 0; } .lecturerdetail .introduction > .course-auth-wrap .course-auth-list .list-item { display: inline-block; margin: 5px 5px 5px 0; padding: 3px 10px 2px; background: #f4f4f4; border-radius: 50px; word-break: break-all; cursor: pointer; } .lecturerdetail .history .pattern, .synthesize .history .pattern { position: relative; top: -32px; float: right; width: 25px; } .lecturerdetail .history .right, .synthesize .history .right { position: relative; top: -6px; right: 5px; float: right; width: 6px; } .lecturerdetail .coursewareinfo { padding: 10px 0 10px 11px; list-style: none; border-bottom: 1px solid #f4f4f4; } .coursewareinfo > h3 { font-size: 1.4rem; color: #000; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; height: 22px; margin: 0; } .coursewareinfo > div { font-size: 1.1rem; font-weight: normal; color: #999; height: 15px; } .lecturerlist { width: 100%; min-height: calc(100vh - 44px); } .lecturerlist .title { font-size: 1.3rem; line-height: 40px; color: #999; text-align: center; height: 40px; margin: 0; background-color: #f4f4f4; } .lecturerlist .info { line-height: 60px; height: 60px; padding: 8px 12px; list-style: none; border-bottom: 1px solid #f4f4f4; } .lecturerlist .media_left { display: block; float: left; width: 40px; height: 40px; margin-right: 14px; border-radius: 50%; } .lecturerlist .media_body { position: relative; display: inline-block; width: calc(100% - 78px); height: 100%; } .lecturerlist .lecturer_name, .lecturerlist .lecturer_status { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .lecturerlist .lecturer_name { font-size: 1.6rem; font-weight: bold; color: #000; white-space: nowrap; overflow: hidden; height: 24px; margin: 0; } .lecturerlist .lecturer_status { font-size: 1.1rem; line-height: 20px; color: #999; height: 20px; height: 20px; } .lecturerlist .media_right { float: right; width: 10px; height: 15px; margin-top: 15px; margin-right: -12px; } .faculty .details { border-radius: 8px; margin-bottom: 8px; padding: 16px 0; } .faculty .head { position: absolute; top: 23px; left: 12px; width: 70px; min-height: 95px; } .faculty .head > p { font-size: 1.2rem; color: #999; text-align: center; width: 60px; margin-top: 6px; white-space: nowrap; } .faculty .head .head_pic { width: 60px; height: 60px; margin: 2px 16px 0 0; border-radius: 50%; } .faculty .left { width: 100%; margin-top: 5px; } .faculty .left > h1 { font-size: unset; font-weight: normal; line-height: unset; margin: 0; margin: 0 0 8px; } .faculty .left > h1 > h3 { font-size: 1.6rem; font-weight: 500; line-height: unset; color: #000; vertical-align: middle; white-space: nowrap; text-overflow: ellipsis; display: inline-block; overflow: hidden; max-width: 35%; margin: 0; } .faculty .left > h1 > span { font-size: 1rem; font-weight: normal; vertical-align: middle; white-space: nowrap; text-overflow: ellipsis; display: inline-block; overflow: hidden; max-width: 40%; margin-left: 4px; padding: 0 4px; border-radius: 25px; } .faculty .left > div { font-size: 1.1rem; color: #666; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .faculty .like { font-size: 1.1rem; line-height: 24px; position: relative; top: 4px; right: 16px; float: right; height: 24px; padding-right: 0; border: 0; background-color: #fff; } .faculty .like:focus { outline: none; } .faculty .like > img { width: 18px; margin-right: 5px; pointer-events: none; } .faculty .detailtitle { width: calc(100% - 86px); margin-left: 86px; } app-faculty .grademore .fade > .modal-dialog > .modal-content { width: 170px; } app-faculty .fade > .modal-dialog > .modal-content > .modal-body { padding: 0 16px; } app-faculty .fade > .modal-dialog > .modal-content > .modal-body > div > a { word-break: break-all; } .faculty .color_sign, .pc_faculty .color_sign { width: 30px; height: 18px; border-radius: 8px 0; text-align: center; font-size: 1.2rem; color: #fff; position: absolute; left: 0; top: 0; } .faculty .first, .pc_faculty .first { background: linear-gradient(#ffe181, #f2b533); } .faculty .second, .pc_faculty .second { background: linear-gradient(#d8e6eb, #b7c2d4); } .faculty .third, .pc_faculty .third { background: linear-gradient(#dfcaaf, #cf9e73); } .pc_faculty .color_sign { width: 40px; height: 24px; font-size: 1.6rem; } .microdesign { color: #70c6e5; border: 1px solid #70c6e5; } .external { color: #ff9b48; border: 1px solid #ff9b48; } .extraction { color: #ff6969; border: 1px solid #ff6969; } .certification { color: #78aaf9; border: 1px solid #78aaf9; } .normal { color: #4adc89; border: 1px solid #4adc89; } .facultyclass .coursedetail { width: 100%; height: 50px; list-style: none; border-bottom: 1px solid #e5e5e5; } .facultyclass .coursedetail > h3 { font-size: 1.6rem; color: #000; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 86%; } .facultyclass .coursedetail > div { font-size: 1.1rem; color: #999; } .facultyclass .coursedetail .right { position: relative; top: -10px; right: 5px; float: right; width: 8px; } .traincourse .myslides { padding: 0 10px; } .traincourse .swiper-slide > div { min-height: calc(100vh - 93px); } .traincourse_list { position: relative; width: 100%; padding: 12px 0 0; border-top: 1px solid #e5e5e5; } .traincourse_list:first-child { border: none; } .traincourse_list h4 { font-size: 1.6rem; color: #000; white-space: nowrap; text-overflow: ellipsis; word-break: break-all; overflow: hidden; margin: 0; } .traincourse_list > div { font-size: 1.3rem; color: #777; padding: 8px 0 6px; } .traincourse_list .traincourse_list_proTil { width: 100%; color: #999; font-size: 1.1rem; text-align: center; } .traincourse_list > div img { position: relative; top: -2px; width: 12px; height: 12px; } .traincourse_list > div > img:nth-child(3) { margin-left: 8px; } .traincourse_list > div > span:nth-child(1) { white-space: nowrap; text-overflow: ellipsis; display: inline-block; overflow: hidden; max-width: 100%; } .traincourse_list > div > span:nth-child(2) { float: right; } .traincourse_list > div > span:nth-child(3) { display: block; } .traincourse_list > div > span > span { line-height: 14px; word-break: break-all; display: inline-block; padding: 0 5px; } .traincourse_list > div > span:nth-child(2) > span:nth-child(3) { border-left: 1px solid #777; } .traincourse_list > div > span:nth-child(2) > span > span { color: #ff8400; } .traincourse_list > img { width: 100%; max-height: 320px; } .traincourse_list .traincourse_list_icon { font-size: 1.2rem; color: ghostwhite; position: absolute; right: 10px; bottom: 42px; height: 23px; padding: 1px 8px 6px; border: 1px solid rgba(0, 0, 0, 0); border-radius: 5px; background-color: rgba(0, 0, 0, 0.2); } .traincourse_list .traincourse_list_graduation { position: absolute; top: 0; right: 0; width: 60px; height: auto; } .traincourseregistrationhistory { padding: 0 10px; } .traincourseregistrationhistory .traincourse_list_icon { bottom: 20px; } .finish { bottom: 0 !important; } .traincoursedetail { width: 100%; min-height: calc(100vh - 44px); padding: 10px 12px; } .traincoursedetail > section { padding-bottom: 170px; } .traincoursedetail > section > h4 { font-size: 1.6rem; color: #3b3b3b; text-align: center; word-break: break-all; width: 100%; margin: 0; padding: 27px 10px; border-bottom: 1px solid #e5e5e5; } .traincoursedetail .train_apply_section > div > div { width: 100%; padding: 15px 10px; border-bottom: 1px solid #e5e5e5; } .traincoursedetail .train_apply_section > div > div:last-child { border: none; } .traincoursedetail .train_apply_section > div > div > div { padding: 10px 0; } .traincoursedetail .train_apply_section > div > div > div > h4 { font-size: 1.6rem; color: #3b3b3b; word-break: break-all; margin: 0; padding: 0 7px 1px; border-left: 3px solid var(--themcolor); } .traincoursedetail .train_apply_section > div > div > p { font-size: 1.4rem; color: #999; margin: 0; margin-left: 10px; } .traincoursedetail .train_sign_section > div { width: 100%; padding-bottom: 15px; border-bottom: 1px solid #e5e5e5; } .traincoursedetail .train_sign_section > div:last-child { border: none; } .traincoursedetail .train_sign_section > div > div { margin-bottom: 10px; } .traincoursedetail .train_sign_section .sign_title > h4 { font-size: 1.8rem; font-weight: 700; color: #000; } .traincoursedetail .train_sign_section .sign_title > span { font-size: 1.1rem; color: #999; } .traincoursedetail .train_sign_section .sign_content { padding-top: 30px; } .traincoursedetail .train_sign_section .sign_content > div > span:first-child { font-size: 1.3rem; color: #000; position: absolute; width: 100px; } .traincoursedetail .train_sign_section .sign_content > div > span:last-child { font-size: 1.3rem; color: #999; display: inline-block; margin-left: 95px; } .traincoursedetail .train_sign_section .train_sign_section_signin { text-align: center; padding: 15px 10px 30px; background-color: var(--themcolor); } .traincoursedetail .train_sign_section_signin > h4 { font-size: 1.4rem; color: white; text-align: center; margin: 0; } .traincoursedetail .train_sign_section_signin > img { width: 160px; margin: 60px 0 15px; } .traincoursedetail .train_sign_section .train_sign_section_signin > p { font-size: 1.6rem; color: white; text-align: center; margin: 0; } .traincoursedetail > div { text-align: center; position: fixed; bottom: 0; left: 0; width: 100%; background-color: white; } .traincoursedetail > div > p { font-size: 1.2rem; color: #bebebe; } .traincoursedetail > div > div { width: 100%; height: auto; padding: 15px 10px; } .traincoursedetail > div > div > button { font-size: 1.7rem; color: #fff; width: 90%; height: 44px; border: 0; border-radius: 25px; background-color: var(--themcolor); } .traincoursedetail > div > div > button:first-child { margin-top: 0; } .traincoursedetail > div > div > button > img { display: inline-block; width: 18px; margin-right: 5px; } .traincoursedetail > div > div > button > span { position: relative; top: 2px; } .traincoursedetail > div > div > .sign_success { color: #18c884; cursor: default; background-color: #fff; } .traincoursedetail .traincourseapply { color: #fff; margin: 5px auto; background-color: var(--themcolor); } .traincoursedetail .traincourseapply > span { font-size: 1.4rem; position: relative; top: 0; } .traincoursedetail .traincourseexamine { color: #999; background-color: #f4f4f4; } .traincoursedetail .traincoursefull { color: #fff; cursor: default; background-color: #f4f4f4; } .traincoursedetail .traincourseover { color: #f66; cursor: default; background-color: #f4f4f4; } .traincoursedetail .traincourseover > img { position: relative; top: -1px; width: 18px; height: 18px; margin-right: 5px; } .mytraincourse .myslides { min-height: calc(100vh - 93px); } .mytraincourse_ul { display: flex; overflow: auto; } .mytraincourse_ul ul { position: fixed; top: 93px; overflow: auto; width: 100vw; height: calc(100vh - 93px); margin: 0; padding: 0; border: none; background-color: rgba(0, 0, 0, 0.5); } .fixedDropdown ul { top: 43px; height: calc(100vh - 43px); } .mytraincourse_ul ul > section { width: 100%; height: 10px; background-color: #f4f4f4; } .mytraincourse_ul ul > div { background-color: white; } .mytraincourse_ul ul > div > div { text-align: center; display: inline-block; width: 33.33%; padding: 10px 2px; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; background-color: white; } .mytraincourse_ul ul > div > .active { color: var(--themcolor); } .mytraincourse_ul ul > div > .active img { position: relative; top: -1px; width: 13px; height: 8px; margin-left: 7px; } .mytraincourse_ul ul > div > div:nth-child(3n) { border-right: none; } .mytraincourse_ul > li { flex-grow: 1; min-width: 66px; } .mytraincourse_ul > li > div > a > span { margin-left: 2px; } .mytraincourse_paper { position: relative; min-height: calc(100vh - 93px); } .mytraincourse_paper .qa { min-height: calc(100vh - 93px); } .mytraincourse_paper .forum { min-height: calc(100vh - 93px); } .mytraincourse_paper .forum .nomessage_defult > img { margin-top: 34%; } app-faculty .mytraincourse_paper { background-color: #f4f4f4; padding: 16px 12px; } .train_qa_icon { position: fixed; z-index: 9; right: 20px; bottom: 30px; padding: 10px; border: 1px solid var(--themcolor); border-radius: 50px; background-color: var(--themcolor); } .train_qa_icon > img { width: 20px; height: 20px; opacity: 0.8; } .mytraincourse_sign_list { padding: 10px; cursor: pointer; border-bottom: 1px solid #e5e5e5; } .mytraincourse_sign_list:last-child { border: none; } .mytraincourse_sign_list > h4 { font-size: 1.6rem; line-height: 20px; color: #000; white-space: nowrap; text-overflow: ellipsis; word-break: break-all; overflow: hidden; width: calc(100% - 40px); margin: 0 0 10px; } .mytraincourse_sign_list > div > span { font-size: 1.2rem; color: #999; } .mytraincourse_sign_list_icon { color: #18c884 !important; position: relative; top: -14px; float: right; } .mytraincoursedetail { min-height: calc(100vh - 44px); background-color: #f4f4f4; } .mytraincoursedetail > div { padding-top: 10px; } .mytraincoursedetail > div > div { font-size: 1.5rem; color: #000; position: relative; width: 100%; padding: 10px; border-top: 1px solid #e5e5e5; background-color: white; } .mytraincoursedetail > div > div:nth-child(1) { margin-bottom: 10px; } .mytraincoursedetail > div > div > div { display: inline-block; } .mytraincoursedetail .mytraincoursedetail_left { width: 80px; } .mytraincoursedetail .mytraincoursedetail_right { width: calc(100% - 85px); } .mytraincoursedetail .mytraincoursedetail_right > div:nth-child(1) { position: absolute; top: 10px; left: 10px; } .mytraincoursedetail .mytraincoursedetail_right > div > span { font-size: 1.3rem; color: #a5a5a5; word-break: break-all; } .mytraincoursedetail .mytraincoursedetail_right > div > img { position: relative; top: 5px; float: right; width: 6px; opacity: 0.7; } .mytraincoursesignlist > section > h4 { border-bottom: none; } .mytraincoursesignlist > section > div > .mytraincoursesignlist_nosign { margin: 0; padding: 12px 10px; background-color: #f4f4f4; } .mytraincoursesignlist > section > div > .mytraincoursesignlist_nosign > span { font-size: 1.4rem; color: #666; white-space: nowrap; text-overflow: ellipsis; word-break: break-all; display: inline-block; overflow: hidden; max-width: 100px; margin-right: 30px; } .mytraincoursesignlist > div > div:nth-child(1) { text-align: left; margin-bottom: 20px; padding: 12px 10px; cursor: pointer; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; } .mytraincoursesignlist > div > div:nth-child(1):hover { background-color: #f4f4f4; } .mytraincoursesignlist > div > div > img { position: relative; top: 2px; float: right; width: 7px; } .traincourseusercount { min-height: calc(100% - 44px); margin: 0; padding: 0 10px; list-style: unset; } .traincourseusercount > li { height: 52px; padding: 8px 0; list-style: none; cursor: pointer; border-bottom: 1px solid #e5e5e5; background-color: white; } .traincourseusercount > li:last-child { border: none; } .traincourseusercount > li:hover { background-color: #f4f4f4; } .traincourseusercount > li > img { width: 35px; height: 35px; margin-right: 15px; border: 1px solid white; border-radius: 50px; } .traincourseusercount > li > div { position: relative; top: 6px; display: inline-block; width: calc(100% - 75px); } .traincourseusercount > li > div > h4 { font-size: 1.4rem; line-height: 20px; white-space: nowrap; text-overflow: ellipsis; word-break: break-all; overflow: hidden; margin: 0; } .mytraincourse_modal_qa .modal-content-qa { position: absolute; right: 20px; bottom: 72px; width: auto; } .modal-body-train-qa > div { padding-bottom: 8px; background: rgba(255, 255, 255, 0); } .modal-body-train-qa > div > a { text-decoration: none; position: relative; display: block; width: 44px; height: 44px; padding: 12px; border-radius: 50px; background-color: #fff; } .modal-body-train-qa > div > a > img { display: block; width: 20px; height: 20px; } .train_qa_icon_rotate { animation: trainqarotate 0.2s; -ms-zoom-animation: trainqarotate 0.2s; animation-fill-mode: forwards; } .train_qa_icon_back { animation: trainqarotateback 0.2s; animation-fill-mode: forwards; } .livedetail { position: absolute; top: 50px; width: 100%; height: calc(100% - 44px); } .livedetail > div { height: 100%; } .livedetail > div iframe { width: 100%; min-width: 100%; height: 100%; } .backlive .live_infor { width: 100%; padding: 12px; background-color: #f4f4f4; display: flex; align-items: flex-start; } .backlive .live_infor > img { vertical-align: baseline; display: inline-block; width: 128px; margin-right: 10px; height: 72px; border-radius: 4px; } .backlive .live_infor > div { display: inline-block; width: calc(100% - 140px); } .backlive .live_infor > div > p { margin-bottom: 6px; font-size: 1.6rem; font-weight: bold; white-space: pre-wrap; width: 100%; } .backlive .backlive_list { padding: 12px 0; border-bottom: 1px solid #e5e5e5; position: relative; } .backlive .backlive_list .backlive_list_btn { position: absolute; right: 0; bottom: 16px; width: auto; padding: 3px 8px; display: flex; align-items: center; border-radius: 50px; border: 1px solid var(--themcolor); } .backlive .backlive_list .backlive_list_btn .app-svg-themebox { vertical-align: text-bottom; width: 14px; height: 14px; margin-right: 5px; } .backlive .backlive_list .backlive_list_btn > span { font-size: 1.2rem !important; color: var(--themcolor) !important; } .backlive .backlive_list > div > h3 { font-size: 1.4rem; color: #000; white-space: pre-wrap; margin: 0 0 6px; } .backlive .backlive_list > div > div { font-size: 1.2rem; color: #999; } .qa { width: 100%; min-height: calc(100vh - 44px); padding: 0 10px; } .qa_defult { text-align: center; position: absolute; top: calc(50vh - 57px); width: 100%; } .qa_defult > img { width: 114px; height: 114px; } .qa_defult > p { font-size: 1.6rem; color: #575757; margin: 10px 0 0; } .qa_list { position: relative; width: 100%; padding: 10px 12px; background-color: white; } .qa .qa_list { padding: 10px 0; } .qa_list > div { display: inline-block; } .qa .qa_list .qa_list_left { width: 70px; } .qa .qa_list .qa_list_right { width: calc(100% - 76px); } .qa_list > img { float: left; width: 42px; height: 42px; margin: 0 10px 10px 0; border: 1px solid white; border-radius: 50px; } .qa_list .qa_list_right .qa_list_right_top { text-align: center; position: absolute; left: 0; width: 62px; height: 72px; } .qa_list .qa_list_right .qa_list_right_top > img { width: 42px; height: 42px; border: 1px solid #fff; border-radius: 50px; } .qa .qa_list .qa_list_right .qa_list_right_down > div > img { width: 40%; max-width: 140px; } .qa_list .qa_list_right .qa_list_right_top > div { font-size: 1rem; color: white; text-align: center; margin-top: 7px; padding: 3px 5px 1px; border: 1px solid #ff8400; border-radius: 50px; background-color: #ff8400; } .qa_list .qa_list_right .qa_list_right_down { width: 100%; height: 100%; } .qa_list .qa_list_right .qa_list_right_down > p { font-size: 1.4rem; color: #000; word-break: break-all; margin: 8px 0px 10px; } .qa_list .qa_list_right .qa_list_right_down > p > .question_noresolved { display: none; } .qa_list .qa_list_right .qa_list_right_down > p > .question_isresolved { font-size: 1.2rem; color: green; float: right; } .qa_list .qa_list_right .qa_list_right_down > h4 { font-size: 1.5rem; line-height: 20px; color: #000; word-break: break-all; margin: 10px 0; } .qa_list .qa_list_right .qa_list_right_down > h4 > pre { display: inline-block; } .qa_list .qa_list_right .qa_list_right_down > h4 > .qa_list_right_down_span1 { font-size: 1rem; color: #fff; position: relative; top: -1px; margin-right: 5px; padding: 3px 4px 2px; border-radius: 2px; background-color: var(--themcolor); } .qa_list .qa_list_right .qa_list_right_down > h4 > .qa_list_right_down_span2 { color: #ff8300; margin-right: 5px; } .qa_list .qa_list_right .qa_list_right_down > h4 > .qa_list_right_down_span2 > img { position: relative; top: -2px; width: 13px; height: 14px; margin-right: 3px; } .qa_list .qa_list_right .qa_list_right_down > div { margin-bottom: 6px; } .qa_list .qa_list_right .qa_list_right_down > section { width: 100%; height: auto; } .qa_list .qa_list_right .qa_list_right_down > section > div { font-size: 1.2rem; line-height: 12px; color: #999; display: inline-block; } .qa_list .qa_list_right .qa_list_right_down > section > div:nth-child(1) { float: left; width: calc(100% - 128px); } .qa_list .qa_list_right .qa_list_right_down > section > div:nth-child(2) { text-align: right; float: right; width: auto; max-width: 117px; } .qa_list .qa_list_right .qa_list_right_down > section > div > div { display: inline-block; width: auto; padding: 0 7px; border-left: 1px solid #999; } .qa_list .qa_list_right .qa_list_right_down > section > div:nth-child(1) > div { white-space: nowrap; text-overflow: ellipsis; word-break: break-all; display: inline-block; overflow: hidden; width: auto; max-width: 50%; } .qa_list .qa_list_right .qa_list_right_down > section > div > div:last-child { padding-right: 0; } .qa_list .qa_list_right .qa_list_right_down > section > div > div:first-child { padding-left: 0; border: none; } .qa_modal .modal-dialog { width: 100%; margin: 0; } .qacheckmore .modal-body > div { z-index: 2147483647; border-radius: 6px; } .qacheckmore .modal-body > div > a { border-radius: 6px; } .qacheckmore .modal-body > div > .checkActive { color: var(--themcolor); } .qacheckmore .modal-body > div > a > img { float: left; width: 20px; height: 20px; margin-right: 7px; opacity: 0.8; } .qacheckmore .fade > .modal-dialog > .modal-content { top: 50px; right: 15px; float: right; border: 1px solid transparent; border-radius: 5px; } .qacheckmore .triangle { position: absolute; top: -8px; right: 10px; width: 0; height: 0; border-right: 7px solid transparent; border-bottom: 10px solid snow; border-left: 7px solid transparent; } .grademore .fade > .modal-dialog > .modal-content { top: 92px; right: 20px; width: 135px; overflow: hidden; border-radius: 8px; } .grademore .modal-body > div > a > .app-svg-themebox { width: 20px; height: 20px; position: relative; float: right; } .urlweb_dropdown { position: absolute; top: 50px; right: 0; width: 100%; height: calc(100vh - 44px); } .urlweb_dropdown .open { width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.2); } .urlweb_dropdown .dropdown-menu { z-index: 90; top: 7px; right: 0; left: 0; width: 130px; min-width: 0; margin: auto; margin-right: 10px; padding: 0; box-shadow: unset; border: 1px solid #e5e5e5; border-radius: 3px; } .urlweb_dropdown .dropdown-menu > div { padding: 10px; border-top: 1px solid #e5e5e5; } .urlweb_dropdown .dropdown-menu > div:nth-child(2) { border: none; } .urlweb_dropdown .dropdown-menu > div a, .urlweb_dropdown .dropdown-menu > div a:hover { text-decoration: none; } .urlweb_dropdown .dropdown-menu > div .ibs { margin-right: 10px; } .urlweb_dropdown .dropdown-menu > div .red { color: #ff5d5d; } .urlweb_dropdown .triangle { position: absolute; top: -8px; right: 10px; width: 0; height: 0; border-right: 7px solid transparent; border-bottom: 10px solid snow; border-left: 7px solid transparent; } .myqa { font-size: 1.4rem; width: 100%; min-height: calc(100vh - 93px); padding: 0 10px; } .myqa .qa_defult { top: calc(50vh - 117px); } .putquestions { min-height: calc(100vh - 44px); background-color: #f4f4f4; } .pqcheck { width: 100%; margin: 14px 0; } .pqcheck > button { color: #1e1e1e; text-align: left; width: 100%; height: 48px; padding: 10px 12px; border: none; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; background-color: white; } .putquestions .btn-primary:active:hover, .putquestions .btn-primary.active:hover, .putquestions .open > .dropdown-toggle.btn-primary:hover, .putquestions .btn-primary:active:focus, .putquestions .btn-primary.active:focus, .putquestions .open > .dropdown-toggle.btn-primary:focus, .putquestions .btn-primary:active.focus, .putquestions .btn-primary.active.focus, .putquestions .open > .dropdown-toggle.btn-primary.focus, .putquestions .btn-primary:hover { color: #1e1e1e; border: none; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; background-color: white; } .putquestions .btn:active, .putquestions .btn.active, .btn-group.open .dropdown-toggle { box-shadow: none; box-shadow: unset; } .pqcheck > button > .caret { position: relative; top: 8px; float: right; } .pqcheck > ul { overflow: auto; width: 100%; max-height: 200px; margin-top: -1px; border: none; border-top: 1px solid #e5e5e5; } .pqcheck > ul > li { padding: 5px 0; border-bottom: 1px solid #e5e5e5; font-size: 1.3rem; } .pqcheck > ul > li:last-child { border: none; } .putquestions_question { height: 234px; background-color: white; } .putquestions_question_form { padding: 10px 0 0; } .putquestions_question_form_message { position: relative; width: 100%; height: 175px; padding: 0 10px; } .putquestions_question_form_message > div { overflow: hidden; width: 100%; height: auto; } .putquestions_question_form_message div > textarea { word-break: break-all; overflow: auto; width: 100%; height: 80px; resize: none; border: none; } .putquestions_question_form_message div > span { font-size: 1.4rem; position: absolute; right: 10px; bottom: 10px; } .putquestions_question_form_message div > input { font-size: 0; position: absolute; bottom: 10px; left: 10px; width: 70px; height: 70px; opacity: 0; cursor: pointer; filter: "alpha(opacity=0)"; } .putquestions_question_form_message_choose { position: absolute; bottom: 10px; left: 10px; width: 70px; height: 70px; cursor: pointer; } .putquestions_question_form_message_delete { position: absolute !important; z-index: 10 !important; bottom: 65px !important; left: 65px !important; width: 25px !important; height: 25px !important; opacity: 0.8 !important; cursor: pointer !important; } .putquestions_question_form_message_delete:hover { opacity: 1 !important; } .putquestions_question_form_button { width: 100%; height: 50px; padding: 10px 0; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; } .putquestions_question_form_button > div { display: inline; padding: 0 10px; cursor: pointer; } .putquestions_question_form_button > div > img { position: relative; top: -1px; width: 18px; height: 18px; margin-right: 5px; } .putquestions_question_form_button > div > .app-svg-themebox { position: relative; top: -1px; width: 18px; height: 18px; margin-right: 5px; } .putquestions_question_form_button_expert { color: #666; position: relative; top: 5px; float: left; } .putquestions_question_form_button_reward { color: #666; position: relative; top: 5px; border-left: 1px solid #b9b9b9; } .putquestions_question_form_button_reward .expertvalue_bule { color: var(--themcolor); } .putquestions_question_form_button_anonymous { color: #999; position: relative; top: 5px; float: right; } .putquestions_question_form_submit { text-align: center; position: absolute; top: 6px; right: 10px; width: 43px; height: 34px; } .putquestions_question_form_submit > img { width: 100%; height: 100%; } .putquestions_question_form_submit > button { color: #666; text-align: center; position: absolute; right: 0; bottom: 0; width: 100%; height: 100%; padding: 0; border: 1px solid transparent; background-color: transparent; } .reward .modal-dialog { position: absolute; bottom: 0; margin: 0; } .reward .modal-dialog > .modal-content { border-radius: 16px 16px 0 0; } .reward .modal-content .modal-header { border-bottom: none; } .reward .fade .modal-content .modal-header { padding: 10px 12px; } .reward .modal-content .modal-header .modal-title { width: 100%; font-size: 1.8rem; font-weight: bold; line-height: 1.42857143; color: #ff8400; margin: 0; } .reward .modal-content .modal-header .modal-title > span:first-child { font-size: 1.4rem; font-weight: normal; color: #000; width: 100%; } .reward .modal-content .modal-header .modal-title > img { float: right; width: 18px; height: 18px; } .reward .popup_bottom .modal-content .modal-header .modal-title { text-align: right; } .reward .popup_bottom .modal-content .modal-header > img { position: absolute; width: 28px; height: 32px; left: 12px !important; top: 7px !important; } .reward .popup_bottom.fade .modal-content .modal-header { padding: 10px 20px; position: relative; } .reward .modal-content .reward_value { text-align: center; padding: 10px !important; } .reward .modal-content .reward_value > div { text-align: center; display: inline-block; width: calc((100% - 60px) / 3); margin: 10px; border: 1px solid #e5e5e5; border-radius: 3px !important; } .reward .modal-content .reward_value > div > a { border-radius: 4px !important; } .reward .modal-content .reward_value > div .notcheack { color: #999 !important; cursor: default !important; background-color: #efefef !important; } .reward .fade > .modal-dialog > .modal-content > .modal-body > div:last-child { border: 1px solid #e5e5e5; } .questionandanswer { min-height: calc(100vh - 44px); background-color: #f4f4f4; } .questionandanswer_question { width: 100%; padding: 10px; border-bottom: 1px solid #f4f4f4; background-color: white; } .questionandanswer_question > h4 { font-size: 1.6rem; color: #191919; word-break: break-all; margin: 5px 0 7px; } .questionandanswer_question_img > img { width: 40%; max-width: 140px; cursor: pointer; } .questionandanswer_question_span { padding: 6px 0; } .questionandanswer_question_span > span { font-size: 1.2rem; line-height: 12px; color: #999; display: inline-block; padding: 0 3px 0 7px; border-left: 1px solid #999; } .questionandanswer_question_span > span:first-child { padding-left: 0; border: none; } .questionandanswer_question_button { padding: 5px 0 0; } .questionandanswer_question_button_answer { position: relative; width: 94px; height: 29px; } .questionandanswer_question_button_answer > img { width: 100%; height: 100%; } .questionandanswer_question_button_answer > .app-svg-themebox { width: 100%; height: 100%; } .questionandanswer_question_button_answer > div { color: white; text-align: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 4px 5px 5px; } .questionandanswer_question_button_answer > div > span { font-size: 1.3rem; } .questionandanswer_question_button_answer > div > span:nth-child(2) { margin-top: 1px; margin-left: 3px; } .questionandanswer_question_button_follow { position: relative; top: -29px; float: right; width: 85px; height: 29px; } .questionandanswer_question_button_follow > img { width: 100%; height: 100%; } .questionandanswer_question_button_follow > .app-svg-themebox { width: 100%; height: 100%; } .questionandanswer_question_button_follow > div { text-align: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 4px 5px 5px; } .questionandanswer_question_button_follow > div > img { position: relative; top: -1px; height: 12px; image-rendering: pixelated; } .questionandanswer_question_button_follow > div > .app-svg-themebox { position: relative; top: -1px; height: 12px; image-rendering: pixelated; } .questionandanswer_question_button_follow > div > span { font-size: 1.3rem; } .questionandanswer_question_button_follow > div > .bule { color: var(--themcolor); } .questionandanswer_question_button_follow > div > .grey { color: #777; } .questionandanswer_answer { height: 222px; background-color: #f4f4f4; } .questionandanswer_answer_form { padding: 10px 10px 0; border-bottom: 1px solid #e5e5e5; } .questionandanswer_answer_form_message { position: relative; width: 100%; height: 162px; padding: 10px 0; border: 1px solid #e5e5e5; background-color: white; } .questionandanswer_answer_form_message > div { width: 100%; height: auto; } .questionandanswer_answer_form_message div > textarea { word-break: break-all; overflow: auto; width: 100%; height: 60px; padding: 0 10px; resize: none; border: none; } .questionandanswer_answer_form_message div > img { position: absolute; bottom: 10px; left: 10px; width: 70px; height: 70px; } .questionandanswer_answer_form_message div > span { font-size: 1.3rem; position: absolute; right: 10px; bottom: 10px; } .questionandanswer_answer_form_button { width: 100%; height: 50px; padding: 10px 0; } .questionandanswer_answer_form_button > div { display: inline; } .questionandanswer_answer_form_button_anonymous { color: #999; position: relative; top: 5px; float: left; } .questionandanswer_answer_form_button_anonymous > img { position: relative; top: -1px; width: 18px; height: 18px; margin-right: 10px; } .questionandanswer_answer_form_button_anonymous > .app-svg-themebox { position: relative; top: -1px; width: 18px; height: 18px; margin-right: 10px; } .questionandanswer_answer_form_button_submit { text-align: center; position: relative; float: right; width: 70px; height: 29px; } .questionandanswer_answer_form_button_submit > img { width: 100%; height: 100%; } .questionandanswer_answer_form_button_submit > .app-svg-themebox { width: 100%; height: 100%; } .questionandanswer_answer_form_button_submit > button { color: #000; position: absolute; right: 0; bottom: 0; width: 100%; height: 100%; border: 1px solid #e5e5e5; background-color: rgba(255, 255, 255, 0); } .questionandanswer_answer_form_button_submit_valid { color: white !important; background-color: var(--themcolor) !important; } .questionandanswer_answer_list { margin-top: 15px; } .questionandanswer_answer_list_header { font-size: 1.4rem; color: #666; height: 40px; padding: 10px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; background-color: white; } .questionandanswer_answer_list_header > img { width: 18px; height: 18px; margin-right: 10px; } .questionandanswer_answer_list_list { width: 100%; padding: 13px 10px; border-bottom: 1px solid #e5e5e5; background-color: white; } .questionandanswer_answer_list_list:last-child { border: none; } .questionandanswer_answer_list_list > p { font-size: 1.4rem; color: #000; word-break: break-all; margin: 0; } .questionandanswer_answer_list_list > img { width: 40%; max-width: 140px; margin: 10px 0 0; cursor: pointer; } .questionandanswer_answer_list_list_down { position: relative; width: 100%; padding: 10px 0 0; } .questionandanswer_answer_list_list_down > img { width: 24px; height: 24px; border: 1px solid #e5e5e5; border-radius: 50px; } .questionandanswer_answer_list_list_down > p { font-size: 1.4rem; line-height: 16px; color: #999; white-space: nowrap; text-overflow: ellipsis; position: relative; top: 2px; display: inline-block; overflow: hidden; max-width: 84px; margin: 0 10px 0 5px; } .questionandanswer_answer_list_list_down > p:nth-child(2) { position: relative; top: 3px; } .questionandanswer_answer_list_list_down > p:nth-child(3) { font-size: 1.2rem; line-height: 14px; padding: 0 10px; border-left: 1px solid #999; } .questionandanswer_answer_list_list_down > div > div { position: absolute; right: 0; bottom: -1px; display: inline; padding: 2px 10px; cursor: pointer; border: 1px solid #e5e5e5; border-radius: 50px; } .questionandanswer_answer_list_list_down > div > div > img { width: 18px; height: 18px; } .questionandanswer_answer_list_list_down > div > div > span { font-size: 1.2rem; color: #000; position: relative; top: -1px; left: 1px; } .questionandanswer_answer_list_list_down_optimum { right: 58px !important; float: right; } .questionandanswer_answer_list_list_down_zan > img { position: relative; top: -1px; } .forum { background-color: #f4f4f4; } app-forum .modal { bottom: -1px; } app-forum .fade > .modal-dialog > .modal-content > .modal-body { max-height: calc(100vh - 164px); } app-forum .fade > .modal-dialog > .modal-content .forum_modal_body { padding: 15px 10px 5px; } app-forum .fade > .modal-dialog > .modal-content .forum_modal_body > div > div { position: relative; padding: 12px 0 12px 56px; } app-forum .fade > .modal-dialog > .modal-content .forum_modal_body > div > div > img { position: absolute; top: calc(50% - 20px); left: 0; width: 40px; height: 40px; border-radius: 4px; } app-forum .fade > .modal-dialog > .modal-content .forum_modal_body > div > div > div { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } app-forum .fade > .modal-dialog > .modal-content .forum_modal_body > div > div > div > p { font-size: 1.5rem; color: #000; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin: 0; padding: 0 0 2px; } app-forum .fade > .modal-dialog > .modal-content .forum_modal_body > div > div > div > .forumClassify_high { padding: 11px 0; } app-forum .fade > .modal-dialog > .modal-content .forum_modal_body > div > div > div span { font-size: 1.2rem; color: #666; } app-forum .fade > .modal-dialog > .modal-content .forum_modal_body > .active p { color: var(--themcolor); } app-forum .fade > .modal-dialog > .modal-content .forum_modal_body > .is_customize { border: none; } app-forum .fade > .modal-dialog > .modal-content .forum_modal_body > .is_customize > div { text-align: center; padding: 0; background-color: #f4f4f4; } app-forum .fade > .modal-dialog > .modal-content .forum_modal_body > .is_customize > div .forumClassify_high { font-size: 1.3rem; color: #000; } .forum .todown { padding-top: 45px; } .forum .topic .next-navbar-padding { z-index: 2; width: 100%; padding: 2px 12px 0px 0; background-color: white; line-height: 1; } .forum .topic .next-navbar > .active > div { font-size: 1.8rem; color: #000; font-weight: bold; } .forum .topic .next-navbar > .active > div > div { top: 6px; border-radius: 4px; height: 3px; } .forum .topic .fixed { position: fixed; top: 0; } .forum .topic .next-navbar { border-bottom: 0; } .forum .topic .individual { display: inline-block; width: 66%; } .forum .topic .individual > li { display: inline-block; min-width: 25%; max-width: 50%; } .forum .topic .individual .topic_title { padding: 13px 2px 8px 2px; font-size: 1.6rem; color: #999; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .forum .topic .individualrest { display: inline-block; float: right; width: 34%; height: 43px; margin: 0; padding: 0; background-color: white; } .forum .topic .individualrest > img { float: right; width: 28px; margin-left: 12px; padding: 5px 0; } .forum .pc_qa_list { min-height: calc(100vh - 104px); } .forum .project_pc_qa_list { min-height: calc(100vh - 44px); } .forum .forum_list_stick { width: 100%; margin-top: 16px; padding: 16px 0px; background-color: white; border-radius: 8px; } .forum .forum_list_stick > p { font-size: 1.5rem; font-weight: bold; color: #000; width: 100%; margin-bottom: 12px; padding: 0px 10px; } .forum .forum_list_stick > p > span { font-size: 1.1rem; font-weight: normal; color: #000; position: relative; top: 2px; float: right; } .forum .forum_list_stick > p > span > img { position: relative; top: -1px; width: 5px; margin-left: 8px; } .forum .forum_list_stick > div { padding-bottom: 8px; font-size: 1.6rem; color: #000; overflow: auto; width: 100%; } .forum .forum_list_stick > div > .forum_forumHotClassifys { white-space: nowrap; display: inline-block; width: auto; } .forum .forum_list_stick > div > .forum_forumHotClassifys > div { font-size: 1.2rem; color: #000; vertical-align: top; white-space: normal; word-break: break-all; display: inline-block; width: 64px; margin-right: 16px; } .forum .forum_list_stick > div > .forum_forumHotClassifys > div:first-of-type { margin-left: 16px; } .forum .forum_list_stick > div > .forum_forumHotClassifys > div > img { width: 64px; height: 64px; margin-bottom: 8px; border-radius: 4px; } .forum .forum_list_stick > div > .forum_forumHotClassifys > div > div { word-break: break-all; width: 100%; } .forum .forum_list_stick > div > .forum_forumHotClassifys_defult { font-size: 1.2rem; color: #999; text-align: center; } .forum .forum_list_stick > div > .forum_forumHotClassifys_defult > img { width: 40px; } .forum .forum_list_stick > div > .forum_forumHotClassifys_defult > span { display: block; margin: 14px 0 0 0; } .forum_list_list .forum_category { padding: 10px 12px; background-color: #fff; } .forum_list_list .forum_category .project_header_btn > span { font-size: 1.4rem; color: #000; } .forum_list_list .forum_category .project_header_btn > img { width: 25px !important; margin-right: 9px; display: inline-block; } .forum_list_list .forum_category .project_topic { border-left: 1px solid rgb(229, 229, 229); } .forum_list_list .forum_category > div:first-child { font-size: 1.4rem; color: #000; display: inline-block; width: 120px; } .forum_list_list .forum_category > div:first-child > span { vertical-align: middle; white-space: nowrap; text-overflow: ellipsis; display: inline-block; overflow: hidden; max-width: 75px; } .forum_list_list .forum_category > div:first-child > .category_selected { color: var(--themcolor); } .forum_list_list .forum_category > div:first-child > img { width: 24px; height: 24px; margin-right: 9px; } .forum_list_list .forum_category > div:first-child > .app-svg-themebox { width: 24px; height: 24px; margin-right: 9px; } .forum_list_list .forum_category > .projectforum_excitationexplain { width: 16px; cursor: pointer; } .forum_list_list .forum_category > div:last-child { font-size: 1.4rem; color: #000; float: right; width: auto; margin-top: 4px; } .forum_list_list .forum_category > div:last-child .active { color: var(--themcolor); } .forum_list_list .forum_category > div:last-child > span { margin-left: 15px; } .forum_list_list .qa_list_left, .forumdetail .qa_list_left, .myforum .qa_list_left { width: 100%; display: flex; align-items: center; } .forum_list_list .qa_list_left > img, .forumdetail .qa_list_left > img, .myforum .qa_list_left > img { float: left; width: 40px; height: 40px; margin: 0px 10px 0px 0; border-radius: 50%; } .forum_list_list .qa_list_left .forum_list_all, .forumdetail .qa_list_left .forum_list_all, .myforum .qa_list_left .forum_list_all { display: inline-block; width: calc(100% - 60px); } .forum_list_list .qa_list_left .forum_list_list_name .forum_list_list_name_fullname, .forumdetail .qa_list_left .forum_list_list_name .forum_list_list_name_fullname, .myforum .qa_list_left .forum_list_list_name .forum_list_list_name_fullname { font-size: 1.3rem; color: #000; white-space: nowrap; text-overflow: ellipsis; display: inline-block; vertical-align: middle; overflow: hidden; max-width: 70px; margin: 0 8px 5px 0; } .forum_list_list .qa_list_left .forum_list_list_name > img, .forumdetail .qa_list_left .forum_list_list_name > img, .myforum .qa_list_left .forum_list_list_name > img { float: right; width: 20px; height: 20px; } .forum_list_list .qa_list_left .forum_list_list_name > span, .forumdetail .qa_list_left .forum_list_list_name > span, .myforum .qa_list_left .forum_list_list_name > span { font-size: 1rem; white-space: nowrap; text-overflow: ellipsis; display: inline-block; vertical-align: middle; overflow: hidden; max-width: 130px; padding: 0 6px; border-radius: 15px; } .forum_list_list .qa_list_left .forum_list_list_icon, .forumdetail .qa_list_left .forum_list_list_icon, .myforum .qa_list_left .forum_list_list_icon { line-height: 16px; } .forum_list_list .qa_list_left .forum_list_list_icon > span, .forumdetail .qa_list_left .forum_list_list_icon > span, .myforum .qa_list_left .forum_list_list_icon > span { font-size: 1.1rem; color: #999; margin-right: 5px; } .myforum .qa_list_left .forum_list_list_name .forum_list_list_name_fullname { margin: 0 8px 2px 0; } .myforum .qa_list_left .forum_list_list_icon { margin-bottom: 6px; } .forum_list_list .qa_list_right .forum_list_list_name .forum_list_list_name_fullname { font-size: 1.3rem; color: #666; white-space: nowrap; text-overflow: ellipsis; display: inline-block; vertical-align: middle; overflow: hidden; max-width: 70px; margin: 0 5px 0 0; } .forum_list_list .qa_list_right .forum_list_list_name > img { float: right; width: 20px; height: 20px; } .forum_list_list .qa_list_right .forum_list_list_name > span { font-size: 1rem; white-space: nowrap; text-overflow: ellipsis; display: inline-block; vertical-align: middle; overflow: hidden; max-width: 130px; padding: 0 6px; border-radius: 15px; } .forumdetaildown .qa_list { border-bottom: none; } .ordersign:last-child .qa_list { border-bottom: 0; } .ordersign:last-child { margin-bottom: 24px !important; } .forumimg { width: 100%; } .forumimg > div { vertical-align: top; display: inline-block; overflow: hidden; margin-bottom: 6px; position: relative; } .forumimg > div > img { width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; top: 0; } .forumimg > div::before { content: ""; display: block; width: 100%; padding-bottom: 100%; } .forumimg .wideimg:last-child { margin-right: 0; } .forumimg .narrowimg:nth-child(3n+3) { margin-right: 0; } .forumimg > .oneImg { width: 100%; border-radius: 4px; } .forumimg > .wideimg { width: calc((100% - 10px) / 2) !important; margin-right: 10px; border-radius: 4px; } .forumimg > .narrowimg { width: calc((100% - 20px) / 3) !important; margin-right: 10px; border-radius: 4px; } .forum_list_list .qa_list_right_down .forum_list_list_explain { width: 100%; height: 20px; margin-top: 14px; margin-bottom: 0 !important; } .forum_list_list .qa_list_right_down .forum_list_list_explain > div { font-size: 1.1rem; color: #999; display: inline-block; } .forum_list_list .qa_list_right_down .forum_list_list_explain > div:nth-child(1) { float: left; max-width: 120px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .forum_list_list .qa_list_right_down .forum_list_list_explain > div:nth-child(2) { text-align: right; float: right; width: auto; max-width: calc(100% - 120px); } .forum_list_list .qa_list_right_down .forum_list_list_explain > div > div { display: inline-block; width: auto; padding: 0 7px; } .forum_list_list .qa_list_right_down .forum_list_list_explain > div > div > img { width: 16px; height: 16px; margin-bottom: 4px; } .forum_list_list .qa_list_right_down .forum_list_list_explain > div > div > .app-svg-themebox { width: 16px; height: 16px; margin-bottom: 4px; } .forum_list_list .qa_list_right_down .forum_list_list_explain > div > div:first-child { padding-left: 0; border: none; } .forum_list_list .qa_list_right_down .forum_list_list_explain > div > div:last-child { padding-right: 0; } .forum_list_list .qa_list_right_down .forum_list_list_explain > div:nth-child(1) .forum_list_list_explain_type { margin-right: 10px; padding: 0 4px; border-radius: 2px; background-color: #f4f4f4; } .forum .reminder, .forumplatedetail .reminder { bottom: 77px; } .forum .reminder > button, .forumplatedetail .reminder > button { height: 44px; padding: 6px 7px 6px 7px; border-radius: 50px; box-shadow: 0px 6px 6px 0px rgba(var(--rgbnum), 0.1); } .forum .reminder > button > img, .forumplatedetail .reminder > button > img { vertical-align: bottom; width: 30px; } .forum .forumdetailvotereply { width: 100%; min-height: calc(100vh - 44px); background-color: #f4f4f4; } .forumdetailvotereply .interval { width: 100%; height: 10px; background-color: #f4f4f4; } .pcforumdetailvotereply_heigh { padding-bottom: 164px; } .photo_magnifier_none { display: none; } .photo_magnifier_block { position: fixed; z-index: 1300; top: 0; left: 0; display: block; width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.9); } .photo_magnifier_block .swiper-container .swiper-wrapper .swiper-slide { align-items: center; } .photo_magnifier_block .swiper-container .swiper-wrapper .swiper-slide img { width: 100%; margin: auto; } .photo_magnifier_block .swiper-container .swiper-wrapper .swiper-button-prev, .swiper-button-prev { color: white; } .photo_magnifier_block .swiper-button-prev { width: 30px; height: 46px; background-image: url("./media/arrows_pre-I7AT2YCB.svg"); background-size: 30px; } .photo_magnifier_block .swiper-button-prev:after { display: none; } .photo_magnifier_block .swiper-button-next { width: 30px; height: 46px; background-image: url("./media/arrows_next-UCVHOKAA.svg"); background-size: 30px; } .photo_magnifier_block .swiper-button-next:after { display: none; } .closephotomagnifier { position: fixed; z-index: 99999; top: 10px; right: 10px; width: 32px; height: 32px; cursor: pointer; } .menumodal { background-color: rgba(0, 0, 0, 0.4); } .menumodal .modal-dialog { text-align: center; position: absolute; bottom: 34px; left: 0; width: 100%; margin: 0; padding: 0 12px; z-index: 1000; } .menumodal .modal-content { box-shadow: none !important; border: none; border-radius: 4px !important; background-color: transparent; } .menumodal > .modal-dialog > .modal-content > .modal-body > div { padding: 0 10px; border-radius: 8px; background-color: #fff; } .menumodal > .modal-dialog > .modal-content > .modal-body > div > div { padding: 13px 0; border-bottom: 1px solid #e5e5e5; } .menumodal > .modal-dialog > .modal-content > .modal-body > div > div:last-child { border-bottom: none; } .menumodal > .modal-dialog > .modal-content > .modal-body > div > div > a { font-size: 1.7rem; color: #000; } .menumodal > .modal-dialog > .modal-content > .modal-body > div > div > .delete { color: #ff5d5d; } .menumodal > .modal-dialog > .modal-content > .modal-body > div > .forumisliked { color: var(--themcolor); } .menumodal > .modal-dialog > .modal-content > .modal-body > div > div > a:active, .menumodal > .modal-dialog > .modal-content > .modal-body > div > div > a:focus, .menumodal > .modal-dialog > .modal-content > .modal-body > div > div > a:hover { text-decoration: none; } .menumodal > .modal-dialog > .modal-content .cancel { padding: 10px 0 15px !important; border: none; background-color: transparent !important; } .menumodal > .modal-dialog > .modal-content .cancel > a { font-size: 1.7rem; color: #000; } .cardmodal .modal-dialog { position: absolute; bottom: 84px; left: calc(100vw - 140px); width: 120px; margin: 0; } .cardmodal .modal-dialog .modal-content { border: none; border-radius: 8px; margin-bottom: 21px; } .cardmodal .modal-dialog .modal-content .modal-header { position: absolute; right: 0; left: 0; width: 82px; margin: auto; padding-top: 25px; border-bottom: none; } .cardmodal .modal-dialog .modal-content .modal-header .close { font-size: 2.6rem; font-weight: normal; opacity: 0.4; } .cardmodal .modal-dialog .modal-content .modal-body { overflow: auto; padding: 0px 16px; } .cardmodal .modal-dialog .modal-content .modal-body > div { text-align: center; width: 100%; padding: 18px 0; cursor: pointer; border-bottom: 1px solid #e5e5e5; border-radius: 0; } .cardmodal .modal-dialog .modal-content .modal-body > div > img { width: 25px; height: 25px; vertical-align: bottom; } .cardmodal .modal-dialog .modal-content .modal-body > div > p { font-size: 1.5rem; color: #000; display: inline-block; margin: 0 0 0 13px; } .cardmodal .modal-dialog .modal_open { width: 44px; height: 44px; line-height: 44px; text-align: center; background-color: var(--themcolor); border-radius: 50%; padding: 3px; border: none; position: relative; right: -79px; top: 7px; } .cardmodal .modal-dialog .modal_open > img { width: 30px; } .cardmodal .fadelogIn { -webkit-animation: fadelogIn 1s; animation: fadelogIn 1s; animation-fill-mode: forwards; } @keyframes fadelogIn { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(45deg); transform: rotate(45deg); } } .forumdetail { width: 100%; min-height: calc(100vh - 44px); } .forumdetail .forumdetail_theme .qa_list { padding: 10px 12px; } .forumdetailtop { padding: 10px; background-color: white; } .forumdetailtop .forumdetail_header { padding-bottom: 10px; } .forumdetailtop .forumdetail_header > div { display: inline-block; } .forumdetailtop .forumdetail_header > .forumdetail_header_left { float: left; margin: 4px 10px 10px 0; } .forumdetailtop .forumdetail_header > .forumdetail_header_left > img { width: 40px; height: 40px; border: 1px solid rgba(0, 0, 0, 0); border-radius: 40px; } .forumdetailtop .forumdetail_header > .forumdetail_header_right { width: calc(100% - 50px); } .forumdetailtop .forumdetail_header > .forumdetail_header_right > h4 { font-size: 1.3rem; color: #000; white-space: nowrap; text-overflow: ellipsis; display: inline-block; overflow: hidden; width: 70%; margin: 5px 0 0; } .forumdetailtop .forumdetail_header > .forumdetail_header_right > h4 > div { white-space: nowrap; text-overflow: ellipsis; display: inline-block; overflow: hidden; max-width: 50%; padding: 0 9px 0 0; } .forumdetailtop .forumdetail_header > .forumdetail_header_right > h4 > span { font-size: 1rem; white-space: nowrap; text-overflow: ellipsis; display: inline-block; overflow: hidden; max-width: 50%; padding: 2px 4px 1px; border-radius: 15px; } .forumdetailtop .forumdetail_header > .forumdetail_header_right > span { font-size: 1.2rem; color: white; padding: 0 5px; border: 1px solid #ff8400; border-radius: 20px; background-color: #ff8400; } .forumdetailtop .forumdetail_header > .forumdetail_header_right > span > img { position: relative; top: -1.5px; width: 10px; height: 10px; margin-right: 3px; } .forumdetailtop .forumdetail_header > .forumdetail_header_right > div > span { font-size: 1.3rem; color: #999; } .forumdetailtop .forumdetail_header > .forumdetail_header_right > div > span:nth-child(2) { float: right; } .forumdetailtop .forumdetail_header > .forumdetail_header_right > div > span:nth-child(2) > span { line-height: 14px; display: inline-block; padding: 0 8px; border-right: 1px solid #999; } .forumdetailtop .forumdetail_header > .forumdetail_header_right > div > span:nth-child(2) > span:last-child { border: none; } .forumdetailtop .forumdetail_vote_content { padding: 10px 0 0; } .forumdetailtop .forumdetail_vote_content .forumdetail_content_title > div { display: inline-block; } .forumdetailtop .forumdetail_vote_content .forumdetail_content_title > div:nth-child(1) { position: relative; top: -10px; width: 90px; margin-right: 10px; border: 1px solid rgba(0, 0, 0, 0); border-radius: 5px; } .forumdetailtop .forumdetail_vote_content .forumdetail_content_title > div:nth-child(2) { width: calc(100% - 100px); } .forumdetailtop .forumdetail_vote_content .forumdetail_content_title > div:nth-child(1) > div:nth-child(1) { font-size: 1.4rem; color: white; text-align: center; padding: 2px 0; border: 1px solid rgba(0, 0, 0, 0); border-top-left-radius: 5px; border-top-right-radius: 5px; background-color: var(--themcolor); } .forumdetailtop .forumdetail_vote_content .forumdetail_content_title > div:nth-child(1) > div:nth-child(2) { font-size: 1.6rem; color: var(--themcolor); text-align: center; padding: 9px 0; border: 1px solid rgba(0, 0, 0, 0); border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-color: #e5e5e5; } .forumdetailtop .forumdetail_vote_content .forumdetail_content_title > div:nth-child(2) > h4 { font-size: 1.6rem; color: #000; height: 40px; margin: 0; margin-bottom: 10px; } .forumdetailtop .forumdetail_vote_content .forumdetail_content_title > div:nth-child(2) > span { font-size: 1.4rem; color: #999; } .forumdetailtop .forumdetail_vote_content .forumdetail_content_title > div:nth-child(2) > span > img { width: 16px; height: 16px; margin-right: 5px; } .forumdetailtop .forumdetail_vote_content .forumdetail_content_explain { margin-bottom: 10px; padding: 5px 0; } .forumdetailtop .forumdetail_vote_content .forumdetail_content_explain > p { font-size: 1.4rem; color: #666; word-break: break-all; margin: 0; } .forumdetailtop .forumdetail_vote_content .forumdetail_content_explain > p > span { margin-right: 5px; } .forumdetailtop .forumdetail_header_right .forumdetail_content_button { display: inline-block; padding: 8px 0 0; } .forumdetailtop .forumdetail_header_right .forumdetail_content_button > span { font-size: 1.4rem; color: white; text-align: center; width: 62px; padding: 3px 8px; border: 1px solid var(--themcolor); border-radius: 3px; background-color: var(--themcolor); } .forumdetailtop .forumdetail_vote_content .forumdetail_content_button > span:nth-child(1) { float: left; } .forumdetailtop .forumdetail_vote_content .forumdetail_content_button > span:nth-child(2) { float: right; } .forumdetailtop .forumdetail_vote_content .forumdetail_content_button > span > img { position: relative; top: -1px; width: 6px; height: 10px; margin-left: 6px; } .forumdetaildown .forumdetail_votelist_top { padding: 10px 12px; } .forumdetaildown .forumdetail_votelist { padding-bottom: 10px; } .forumdetaildown .forumdetail_votelist_top > div > span:last-child { font-size: 1.1rem; color: #999; margin-left: 5px; } .forumdetaildown .forumdetail_votelist_top > div:first-child { font-size: 1.6rem; color: #000; display: inline-block; font-weight: bold; } .forumdetaildown .forumdetail_votelist_top > div:last-child { font-size: 1.1rem; color: #999; float: right; font-weight: normal; } .forumdetail_vote { padding-bottom: 40px; } .forumdetail_vote_short { padding-bottom: 76px; } .forumdetail_vote .forumdetail_vote_content .forumdetail_content_title > h4 { word-break: break-all; margin: 0; } .forumdetail_vote .forumdetail_vote_content .forumdetail_content_title > h4 > span { vertical-align: middle; display: inline-block; } .forumdetail_vote .forumdetail_vote_content .forumdetail_content_title .forum_list_list_recommend { font-size: 1rem; color: #ff5d5d; margin-right: 5px; padding: 1px 2px 0; border: 1px solid #ff5d5d; border-radius: 2px; } .forumdetail_vote .forumdetail_vote_content .forumdetail_content_title .forum_list_list_top { font-size: 1rem; color: var(--themcolor); margin-right: 5px; padding: 1px 2px 0; border: 1px solid var(--themcolor); border-radius: 2px; } .forumdetail_vote .forumdetail_vote_content .forumdetail_content_title .forum_list_list_resolve { font-size: 1rem; color: #18c884; margin-right: 5px; padding: 1px 2px 0; border: 1px solid #18c884; border-radius: 2px; } .forumdetail_vote .forumdetail_vote_content .forumdetail_content_title .forum_list_list_caption_value { font-size: 1.5rem; color: #ff8300; margin-right: 5px; } .forumdetail_vote .forumdetail_vote_content .forumdetail_content_title .forum_list_list_caption_value > img { position: relative; top: -2px; width: 14px; } .forumdetaildown { background-color: white; border: 1px solid transparent; } .forumdetaildown .forumdetail_votelist .forumdetail_votelist_list { padding: 5px 12px; } .forumdetaildown .forumdetail_votelist .forumdetail_votelist_list > div { padding: 5px 0; } .forumdetaildown .forumdetail_votelist .forumdetail_votelist_list > div > .app-svg-themebox { position: relative; top: -2px; width: 16px; height: 16px; margin-right: 12px; } .forumdetaildown .forumdetail_votelist .forumdetail_votelist_list > div > img { position: relative; top: -2px; width: 16px; height: 16px; margin-right: 12px; } .forumdetaildown .forumdetail_votelist .forumdetail_votelist_list > div > span { font-size: 1.4rem; color: #000; } .forumdetaildown .forumdetail_votelist .forumdetail_votelist_list .progress { display: inline-block; overflow: hidden; width: 68% !important; height: 6px; margin: 0; background-color: #dfe6ec; margin-left: 30px; } .forumdetaildown .forumdetail_votelist .forumdetail_votelist_list .progress .progress-bar-success { border-radius: 8px; background-color: var(--themcolor) !important; } .forumdetaildown .forumdetail_votelist .forumdetail_votelist_list > span { font-size: 1.1rem; color: #999; margin-left: 10px; } .forumdetaildown .forumdetail_votelist .forumdetail_votelist_list > span > span:first-of-type { color: #000; } .forumdetailsubmit { width: 164px; margin: auto; padding: 20px 0; } .forumdetailsubmit > div { font-size: 1.7rem; color: white; text-align: center; width: 100%; padding: 11px; border: 1px solid var(--themcolor); border-radius: 25px; background-color: var(--themcolor); } .forumdetailsubmitgray { width: 100%; padding: 20px 12px; } .forumdetailsubmitgray > div { font-size: 1.4rem; color: #666; text-align: center; width: 100%; padding: 12px; border: 1px solid #f4f4f4; border-radius: 25px; background-color: #f4f4f4; } .forumdetail_theme_content > h4 { font-size: 1.6rem; color: #000; word-break: break-all; margin: 0 0 6px; } .forumdetail_theme_content > h4 > span { vertical-align: middle; display: inline-block; } .forumdetail_theme_content > h4 .forum_list_list_recommend { font-size: 1rem; color: #ff5d5d; margin-right: 5px; padding: 1px 2px 0; border: 1px solid #ff5d5d; border-radius: 2px; } .forumdetail_theme_content > h4 .forum_list_list_top { font-size: 1rem; color: var(--themcolor); margin-right: 5px; padding: 1px 2px 0; border: 1px solid var(--themcolor); border-radius: 2px; } .forumdetail_theme_content > h4 .forum_list_list_resolve { font-size: 1rem; color: #18c884; margin-right: 5px; padding: 1px 2px 0; border: 1px solid #18c884; border-radius: 2px; } .forumdetail_theme_content > h4 .forum_list_list_caption_value { font-size: 1.5rem; color: #ff8300; margin-right: 5px; } .forumdetail_theme_content > h4 .forum_list_list_caption_value > img { position: relative; top: -2px; width: 14px; } .forumdetail_theme_content .forumdetail_content_explain { margin-bottom: 10px; padding: 5px 0; } .forumdetail_theme_content .forumdetail_content_explain > p { font-size: 1.4rem; color: #666; word-break: break-all; margin: 0; } .forumdetail_theme_content .forumdetail_content_button { width: 100%; height: 30px; margin-top: 10px; padding: 1px 0 0; } .forumdetail_content_button .questionandanswer_question_button_follow { top: 0; width: 70px; } .forumdetail_theme .forumdetaildown { margin-top: 10px; border: none; } .forumdetail_theme .forumdetaildown .interval { width: 100%; height: 10px; background-color: #f4f4f4; } .forumdetail_theme .nomessage_defult > img { width: 110px; height: 110px; } .forumdetail_themelist .forumdetail_themelist_title { padding: 8px 12px; background-color: #fff; display: flex; align-items: center; position: relative; } .forumdetail_themelist .forumdetail_themelist_title > img { width: 20px; height: 20px; margin-right: 5px; } .forumdetail_themelist .forumdetail_themelist_title > div { display: inline-block; width: 2px; height: 12px; margin-right: 7px; background-color: var(--themcolor); } .forumdetail_themelist .forumdetail_themelist_title > span { font-size: 1.6rem; color: #000; font-weight: bold; } .forumdetail_themelist .forumdetail_themelist_title .repliescount { font-size: 1.1rem; color: #999; margin-left: 5px; } .forumdetail_themelist .forumdetail_themelist_title .forumdetail_replies_sort { width: auto; height: auto; margin-right: 0; background-color: transparent; border: none; position: absolute; right: 0; } .forumdetail_themelist .forumdetail_themelist_title .forumdetail_replies_sort > div { display: inline-block; margin-right: 12px; font-size: 1.3rem; color: #999; cursor: pointer; } .forumdetail_themelist .forumdetail_themelist_title .forumdetail_replies_sort > div.active { color: #000; } .forumdetail_themelist .forumdetail_themelist_title .forumdetail_replies_sort > div > span { display: inline-block; position: relative; top: -1px; } .forumdetail_themelist .forumdetail_themelist_title .forumdetail_replies_sort > div > span .app-svg-themebox { width: 16px; height: 16px; } .forumdetail_themelist .forum_list_list { margin: 0; } .forumdetail_themelist .forum_list_list .forum_list_list_name > div { float: right; display: inline-block; width: auto; cursor: pointer; } .forumdetail_themelist .forum_list_list .forum_list_list_name > div > img { position: relative; width: 16px; height: 16px; margin-right: 5px; pointer-events: none; } .forumdetail_themelist .forum_list_list .forum_list_list_name > div > .app-svg-themebox { position: relative; width: 16px; height: 16px; margin-right: 5px; pointer-events: none; } .forumdetail_themelist .forum_list_list .forum_list_list_name > div > span { font-size: 1.2rem; color: #666; display: inline-block; vertical-align: middle; position: relative; top: 1px; } .forum-file-container { margin-top: 10px; display: flex; flex-direction: column; gap: 10px; } .forum-file-images { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; } .forum-file-images:has(> :only-child) { grid-template-columns: 1fr; } .forum-file-images .forum-file-image-item { position: relative; width: 100%; padding-bottom: 100%; overflow: hidden; border-radius: 4px; cursor: pointer; } .forum-file-images .forum-file-image-item:only-child { padding: 0; height: auto; width: 100%; max-height: none; display: flex; align-items: flex-start; justify-content: flex-start; background: transparent; } .forum-file-images .forum-file-image-item:only-child img { position: static; width: auto; height: auto; max-width: 100%; max-height: none; object-fit: contain; } .forum-file-images .forum-file-image-item img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .forum-file-list .forum-file-item { margin-bottom: 10px; } .forum-file-list .forum-file-item:last-child { margin-bottom: 0; } .forum-file-list .forum-file-item .app-svg-themebox { flex-shrink: 0; width: 20px; height: 20px; } .forum-file-list .forum-file-item .forum-file-item-name { flex: 1; font-size: 1.3rem; color: #000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 0 8px; } .forum-file-list .forum-file-item .forum-file-item-mobile { display: flex; align-items: center; padding: 8px 10px; background: #f5f5f5; border-radius: 4px; cursor: pointer; } .forum-file-list .forum-file-item .forum-file-item-mobile > img:last-child { flex-shrink: 0; width: 20px; height: 20px; } .turnblue { color: var(--themcolor) !important; cursor: default; } .forumdetail_themelist .qa_list_right { display: inline-block; width: calc(100% - 56px) !important; } .forumdetail_themelist .forum_list_list .qa_list .qa_list_right_down .forum_list_list_icon > span:nth-child(2) { color: #999; float: right; margin: 0; padding: 2px 0; border: none; border-radius: 0; background-color: white; } .forumdetail_themelist .forum_list_list .qa_list_right_down .forum_time > span { font-size: 1.1rem; color: #999; } .forumdetail_themelist .forum_list_list .qa_list_right_down .forum_time > span:nth-child(2) { color: #000; padding: 4px 10px; cursor: pointer; border-radius: 15px; background-color: #f4f4f4; } .forumdetail_themelist .forum_list_list .qa_list_right_down .forum_time .forum_reply_delete { color: #000; position: relative; top: 2px; float: right; margin-left: 10px; } .forumdetail_themelist .forum_list_list .qa_list_right_down .forum_time .forum_reply_setbest { font-size: 1.3rem; color: #000; position: relative; top: -4px; float: right; padding: 4px 6px; border: 1px solid #e5e5e5; border-radius: 15px; } .forumdetail_themelist .forum_list_list .qa_list_right_down .forum_time .forum_reply_others { position: relative; float: right; margin: 0; border: none; cursor: pointer; } .forumdetail_themelist .forum_list_list .qa_list_right_down .forum_time .forum_reply_others > img { width: 20px; vertical-align: text-bottom; pointer-events: none; } .forumdetail_themelist .forum_list_list .qa_list_right_down .forum_time .forum_reply_setbest > img { vertical-align: top; width: 16px; height: 16px; } .forumdetail_themelist .forum_list_list .qa_list_right_down .forum_list_list_explain > span { color: #666; } .forumdetail_themelist .forum_list_list .qa_list_right_down .forum_list_list_explain > span:nth-child(2) { color: var(--themcolor); float: right; } .forumdetail_themelist .nomessage_defult > img { margin: 0; width: 110px; height: 110px; } .forumdetail_themelist_reply { position: relative; width: 100%; margin-top: 15px; padding: 5px 8px; border: 1px solid #f4f4f4; border-radius: 3px; background-color: #f4f4f4; } .forumdetail_themelist_reply .forumdetail_themelist_reply_icon { position: absolute; top: -7px; left: 10px; width: 0; height: 0; border-right: 7px solid transparent; border-bottom: 7px solid #f4f4f4; border-left: 7px solid transparent; } .forumdetail_themelist_reply .forumdetail_themelist_reply_message { font-size: 1.4rem; color: #000; padding: 5px 0; } .forumdetail_themelist_reply .forumdetail_themelist_reply_message .reply_pic { vertical-align: sub; width: 17px; margin-right: 3px; border-radius: 50%; } .forumdetail_themelist_reply > div:nth-child(2) { border-top: none; } .forumdetail_themelist_reply .forumdetail_themelist_reply_message > div > span:nth-child(2) { color: var(--themcolor); } .forumdetail_themelist_reply .forumdetail_themelist_reply_message > div > span:nth-child(3) { word-break: break-all; margin-right: 10px; } .forumdetail_themelist_reply .forumdetail_themelist_reply_message > div > span:nth-child(4) { font-size: 1.2rem; color: #999; display: inline-block; } .forumdetail_themelist_reply .forumdetail_themelist_reply_message > div > span > span { font-size: 1.2rem; color: white; margin: 0 0 0 5px; padding: 0 2px; border: 1px solid var(--themcolor); border-radius: 2px; background-color: var(--themcolor); } .forumdetail_footer > div { display: block !important; padding: 0px 12px 1px; background-color: #f4f4f4; } .forumdetail_footer > div > .forumdetail_footer_textarea { top: 0; height: auto; display: flex; justify-content: left; flex-direction: row; } .forumdetail_footer > div > .forumdetail_footer_textarea .footer_textarea_content { flex: 1; } .forumdetail_footer > div > .forumdetail_footer_textarea .footer_textarea_content .forumcard_footer_textarea { background-color: #f2f2f2; padding: 6px 80px 5px 34px; } .forumdetail_footer > div > .forumdetail_footer_textarea .footer_textarea_content .short_textarea { padding: 6px 12px 5px; } .forumdetail_footer > div > .forumdetail_footer_textarea .footer_textarea_content .write_icon { position: absolute; width: 14px; top: 16px; left: 12px; } .forumdetail_footer > div > .forumdetail_footer_textarea .footer_textarea_content .pic_icon { position: absolute; width: 24px; height: 24px; top: 12px; right: 45px; margin-right: 0px; } .forumdetail_footer > div > .forumdetail_footer_textarea .footer_textarea_content .emoji_icon { position: absolute; top: 12px; right: 10px; margin-right: 0px; } .forumdetail_footer > div > .forumdetail_footer_textarea > button { width: auto; font-size: 1.7rem; color: #cccccc; float: none; margin-top: 5px; padding: 0; border: none; border-radius: 0; background-color: transparent; position: absolute; right: 0; bottom: 8px; } .forumdetail_footer > div > .forumdetail_footer_textarea > .coursecommonsubmit { color: var(--themcolor); } .forumdetail_footer .whitebg { background-color: #fff; } .forumdetail_footer > div > span { float: left; padding: 6px 10px 6px 0 !important; } .forumdetail_footer > div > div { position: relative; top: 5px; height: 42px; } .forumdetail_footer > div > button { font-size: 1.7rem; color: rgba(204, 204, 204, 0.8); float: right; margin-top: 5px; padding: 0; border: none; background-color: transparent; } .forumdetail_footer > div > div > div { font-size: 1.5rem; color: #000; display: inline-block; margin-top: 8px; } .forumdetail_footer > div > div > div > .app-svg-themebox { width: 16px; height: 16px; margin-right: 8px; } .forumdetail_footer > div > div > div > img { width: 16px; margin-right: 8px; } .forumdetail_footer > div > div > div > span { display: inline-block; vertical-align: middle; } .forumdetail_footer > div > div > span { float: right; margin-right: 20px; } .forumdetail_footer > div > div > span:first-of-type { margin-right: 0; } .forumdetail_footer > div > div > span > img { width: 28px; height: 28px; margin-top: 4px; } .forumdetail_footer > div > div > span > .reply_attach_icon { width: 28px; height: 28px; margin-top: 4px; } .forumdetail_footer > div > div > button { float: right; width: 60px; padding: 5px 0; border: 1px solid transparent; border-radius: 3px; background-color: #e6e6e6; } .forumdetail_footer > div > .coursecommonsubmit { color: var(--themcolor); } .forumdetail .forumcard_footer .forumcard_footer_textarea { background-color: #f2f2f2; padding: 7px 26px 5px 34px; } .forumdetail .forumcard_footer .short_textarea { background-color: #f2f2f2; padding: 7px 26px 5px; } .forumreplyreward .fade > .modal-dialog > .modal-content > .modal-body > div .forumreplyrewardcheck { color: white; background-color: var(--themcolor); } .forumreplyreward .fade > .modal-dialog > .modal-content > .forumreward_button { text-align: right; padding: 10px 10px 20px; } .forumreplyreward .fade > .modal-dialog > .modal-content > .forumreward_button > div { font-size: 1.4rem; color: var(--themcolor); display: inline-block; margin: 0 5px; padding: 6px 12px; cursor: pointer; } .forumdetail .forumSearch { display: flex; padding: 7px 10px; background-color: #fff !important; } .forumdetailpaddingtop { padding-top: 55px; } .forumdetail .forumSearchFixed { position: fixed !important; z-index: 99; top: 0; } .forumdetail .forumSearch .contact_form_icon2 { width: 16px; height: 16px; } .forumdetail .forumSearch > div { width: calc(100% - 52px) !important; } .forumdetail .forumSearch > div > input { color: #000; border: 0 !important; border-radius: 25px !important; background-color: #f4f4f4 !important; } .forumdetail .forumSearch > div > input::input-placeholder { color: #000; } .forumdetail .forumSearch > div .contact_form_icon1 { opacity: 0.6; } .forumdetail .forumSearch > button { font-size: 1.5rem; color: #000 !important; padding: 5px !important; background-color: transparent !important; } .forumreplies { min-height: calc(100vh - 44px); } .forumreplies .reply_dialog_static_title { position: relative; height: 44px; border-top-left-radius: 16px; border-top-right-radius: 16px; overflow: hidden; } .forumreplies .reply_dialog_static_title > img { width: 44px; height: 44px; position: absolute; left: 0px; top: 0px; } .forumreplies .reply_dialog_static_title > h4 { height: 44px; line-height: 44px; word-break: break-all; text-align: center; padding: 0px 50px; } .pc_forumreplies { min-height: calc(100vh - 150px); } .forumreplies .forumreplies_top { padding: 5px 0 0; background-color: white; } .forumreplies .forumreplies_top .forumimg, .forumreplies .forumreplies_top .forumreplies_top_content { padding: 0; } .forumreplies .forumreplies_top .forum_list_list { margin: 0; } .forumreplies .forumreplies_top .forumreplies_top_content .forum_list_list_caption { font-size: 1.5rem; line-height: 20px; color: #000; word-break: break-word; margin: 0 0 12px; } .forumreplies .forum_list_list .qa_list .qa_list_right { display: inline-block; width: calc(100% - 52px); } .forumreplies .forumreplies_down { padding-bottom: 92px; } .forumreplies .forumreplies_down .forumdetail_themelist_reply { margin: 0; padding-top: 10px; border-bottom: none; background-color: #fff; } .forumreplies .forumreplies_down .forumdetail_themelist_reply .all_replies { margin-bottom: 10px; font-size: 1.6rem; font-weight: bold; color: #000; } .forumreplies .forumdetail_themelist_reply .forumdetail_themelist_reply_message { padding: 10px 0; } .forumreplies .forumdetail_themelist_reply .forumdetail_themelist_reply_message > div { display: inline-block; } .forumreplies .forumdetail_themelist_reply .forumdetail_themelist_reply_message > div > img { width: 40px; height: 40px; border-radius: 50%; } .forumreplies .forumdetail_themelist_reply .forumdetail_themelist_reply_message > div:first-child { float: left; } .forumreplies .forumdetail_themelist_reply .forumdetail_themelist_reply_message > div:last-child { width: calc(100% - 55px); margin-left: 10px; margin-left: 15px; } .forumreplies .forumdetail_themelist_reply .forumdetail_themelist_reply_message .reply_name { font-size: 1.3rem; color: #666; vertical-align: middle; white-space: nowrap; text-overflow: ellipsis; display: inline-block; overflow: hidden; max-width: 65%; } .forumreplies .forumdetail_themelist_reply .forumdetail_themelist_reply_message .reply_status { font-size: 1rem; color: #fff; margin-left: 5px; padding: 0 4px; border-radius: 2px; background-color: var(--themcolor); } .forumreplies .forumdetail_themelist_reply .forumdetail_themelist_reply_message .reply_time { font-size: 1.1rem; color: #999; position: relative; top: 2px; float: right; margin: 0; } .forumreplies .forumdetail_themelist_reply .forumdetail_themelist_reply_message > p { font-size: 1.5rem; color: #000; margin-top: 5px; } .forumreplies .forum_list_list .forum_list_list_name > div { float: right; } .forumreplies .forum_list_list .forum_list_list_name > div > img { width: 16px; height: 16px; margin-right: 5px; pointer-events: none; } .forumreplies .forum_list_list .forum_list_list_name > div > span { font-size: 1.1rem; color: #666; } .forum_list_list .qa_list .qa_list_right_down .forum_list_list_icon > p { font-size: 1.2rem; color: #666; float: right; width: auto; padding: 0; border: none; border-radius: 0; background-color: transparent; } .forumreplies .forum_list_list .qa_list_right_down .forum_list_list_explain > div:nth-child(1) > span:first-child { max-width: 100%; background-color: #fff; } .forumreplies .forum_list_list .qa_list_right_down .forum_list_list_explain > .forum_reply_others { position: relative; float: right; margin: 0; border: none; cursor: pointer; } .forumreplies .forum_list_list .qa_list_right_down .forum_list_list_explain > .forum_reply_others > img { width: 20px; vertical-align: text-bottom; pointer-events: none; } .forumreplies .forumdetail_footer > div > .forumdetail_footer_textarea .footer_textarea_content .forumcard_footer_textarea { padding: 6px 48px 5px 34px; } .forumreplies .forumdetail_footer > div > .forumdetail_footer_textarea .footer_textarea_content .short_textarea { padding: 6px 12px 5px; } .forumreplies_modal > .modal-dialog { margin: 40px 0px 0px; height: calc(100vh - 40px) !important; max-height: calc(100vh - 40px) !important; max-width: 100% !important; } .forumreplies_modal > .modal-dialog > .modal-content { height: 100%; max-height: 100%; border-top-left-radius: 16px; border-top-right-radius: 16px; } .forumreplies_modal > .modal-dialog > .modal-content > .modal-body { height: 100% !important; max-height: fit-content !important; background-color: white; border-top-left-radius: 16px; border-top-right-radius: 16px; } .forumreplies_modal { max-height: auto !important; min-height: 100% !important; } .forumreplies_modal .forumreplies_content_list { padding-top: 44px; } .forumreplies_modal .forumreplies_content_list .reply_dialog_static_title { position: fixed; width: 100%; left: 0px; top: 0px; z-index: 1060; background-color: white; } .fade { background-color: rgba(0, 0, 0, 0.6); } .forumthemecard { position: relative; min-height: calc(100vh - 44px); background-color: #f4f4f4; } .forumthemecard .pqcheck { display: block; color: #000; margin: 0; } .forumthemecard .isdisabled { color: #777; pointer-events: none; background-color: #fbfbfb; } .forumthemecard .pqcheck > button { font-size: 1.6rem; border: none; border-bottom: 1px solid #e5e5e5; } .forumthemecard .btn:active, .forumthemecard .btn.active, .btn-group.open .dropdown-toggle { box-shadow: none; box-shadow: unset; } .forumthemecard .forumthemecard_input { position: relative; } .forumthemecard .forumthemecard_input input { font-size: 1.4rem; color: #000; width: 100%; padding: 11.5px 12px; border: none; border-bottom: 1px solid #e5e5e5; } .forumthemecard_input_disabled { position: absolute; z-index: 0; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.3; background-color: #f4f4f4; } .forumthemecard .forumthemecard_textarea { position: relative; height: calc(100vh - 400px); min-height: 180px; max-height: 300px; padding-bottom: 30px; border-bottom: 1px solid #e5e5e5; background-color: white; } .forumthemecard .forumthemecard_allowanonymtytextarea { padding-bottom: 30px; } .forumthemecard .forumthemecard_textarea textarea { font-size: 1.4rem; color: #000; word-break: break-all; width: 100%; height: 100%; padding: 10px 12px; resize: none; border: none; } .forumthemecard .forumthemecard_textarea .displayreward { font-size: 1.4rem; line-height: 20px; color: #000; position: relative; top: -4px; display: inline-block; max-width: 66px; height: 24px; margin-left: 10px; padding: 2px 12px; border-radius: 15px; background-color: rgba(0, 0, 0, 0.04); } .displayreward > img { vertical-align: sub; width: 15px; } .displayreward > span { margin-left: 4px; } .closereward { width: 12px; position: relative; z-index: 9; top: -15px; left: -7px; } .forumthemecard .forumthemecard_textarea .feedback_content_text_icon { bottom: 12px; right: 12px; } .forumthemecard .forumthemecard_allowanonymtytextarea .feedback_content_text_icon { bottom: 8px; } .forumthemecard .forumvotecard_another_list { padding: 0 10px !important; background-color: white; } .forumthemecard .forumvotecard_another_list .forumvotecard_another_check { padding-right: 0 !important; } .forumthemecard .forumvotecard_another_list .forumvotecard_another_check > span > span { font-size: 1.3rem; color: #999; } .forumthemecard .forumvotecard_another_list .forumvotecard_another_check:first-child { border: none; } .forumthemecard .forumthemecard_allowanonymtytextarea .forumthemecard_allowanonymtytextarea_allowanonymty { color: #999; position: absolute; bottom: 5px; padding: 5px 10px; } .forumthemecard .forumthemecard_allowanonymtytextarea .forumthemecard_allowanonymtytextarea_allowanonymty > img { position: relative; top: -1px; width: 18px; height: 18px; margin-right: 5px; } .forumthemecard .forumthemecard_allowanonymtytextarea .forumthemecard_allowanonymtytextarea_allowanonymty > .app-svg-themebox { position: relative; top: -1px; width: 18px; height: 18px; margin-right: 5px; } .forumthemecard .forumthemecard_allowanonymtytextarea .editcard_forumthemecard_allowanonymtytextarea_allowanonymty { color: #aaa; } .forumthemecard .forumthemecard_allowanonymtytextarea .editcard_forumthemecard_allowanonymtytextarea_allowanonymty > img { opacity: 0.8; } .forumthemecard_allowanonymtytextarea_forbidPublic { color: #999; position: absolute; bottom: 5px; left: 85px; padding: 5px 10px; } .forumthemecard_allowanonymtytextarea_forbidPublic > img { position: relative; top: -1px; width: 18px; height: 18px; margin-right: 5px; } .forumcard_footer { position: fixed; z-index: 9; bottom: 0; width: 100%; min-height: 45px; background-color: white; } .forumcard_footer > div { position: relative; width: 100%; border-top: 1px solid #e5e5e5; background-color: #f8f8f8; } .forumcard_footer > div > span { text-align: center; display: inline-block; width: 25%; padding: 10px 15px; } .forumcard_footer > div > span > img { width: 28px; height: 28px; } @keyframes an_forumcard_footer_pic { 0% { height: 0px; } 100% { height: 168px; } } .forumcard_footer > section { width: 100%; height: 168px; padding: 12px 10px 20px; background-color: #f8f8f8; animation: an_forumcard_footer_pic 0.6s ease forwards; } .forumcard_footer > section > .photoframe_imgTips { width: 100%; overflow: hidden; font-size: 1.2rem; color: #999; display: inline-block; margin: 0 0 10px; word-break: break-all; } .forumcard_footer > section > div { overflow-x: auto; overflow-y: hidden; width: 100%; } .forumcard_footer > section > div > div { display: inline-flex; width: auto; } .forumcard_footer > section > div > div > span { position: relative; } .forumcard_footer > section > div > div > span > input { font-size: 0; position: absolute; bottom: 25px; left: 0; width: 80px; height: 80px; opacity: 0; cursor: pointer; } .forumcard_footer > section > div > div > span > img { width: 80px; height: 80px; margin-right: 20px; cursor: pointer; border-radius: 4px; margin-top: 5px; } .forumcard_footer > section > div > div > span > .add_pic_button { text-align: center; display: inline-block; width: 80px; height: 80px; border-radius: 4px; background-color: #eee; } .forumcard_footer > section > div > div > span > .add_pic_button > img { margin: 15px 0 5px; } .forumcard_footer > section > div > div > span > .add_pic_button > span { font-size: 1.1rem; color: #999; } .forumcard_footer > section > div > div > span > .pic_amount { font-size: 1.1rem; color: #999; text-align: center; display: block; margin-top: 5px; } .forumcard_footer > section > div > div > span > span > img { width: 29px; height: 29px; } .forumcard_footer > section > div > div > span > .clear_icon { position: absolute; top: -6px; right: -8px; width: 16px; height: 16px; opacity: 0.8; border-radius: 0; } .forumcard_footer > section > div > div > span > .clear_icon:hover { opacity: 1; } .forumcard_footer > section > div > div > .doc_item { display: inline-flex; align-items: center; justify-content: center; width: 80px; height: 80px; margin-right: 20px; margin-top: 5px; border-radius: 4px; background-color: #f5f5f5; position: relative; flex-direction: column; padding: 8px 4px; box-sizing: border-box; } .forumcard_footer > section > div > div > .doc_item > .doc_name { font-size: 1.1rem; color: #666; text-align: center; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all; line-height: 1.3; } .forumcard_footer > section > div > div > .doc_item > .clear_icon { top: -10px; right: -26px; } .forumcard_footer > section > p { text-align: center; width: 100%; margin: 20px 0 0; } .photo_frame_shadow_bg { position: fixed; left: 0; top: 0; width: 100%; height: 100vh; background-color: rgba(0, 0, 0, 0.4); } .forumcard_footer .write_icon { position: absolute; top: 16px; left: 18px; width: 14px; } .forumcard_footer .pic_icon { position: absolute; top: 12px; right: 50px; width: 25px; height: 25px; } .forumcard_footer .pic_icon.app-svg-themebox, .forumcard_footer .reply_attach_icon.app-svg-themebox { color: #000; } .forumcard_footer .reply_attach_icon.app-svg-themebox { width: 28px; height: 28px; } .forumcard_footer .pic_icon--active.app-svg-themebox, .forumcard_footer .pic_icon.app-svg-themebox.pic_icon--active, .forumcard_footer .reply_attach_icon.app-svg-themebox.pic_icon--active { color: var(--themcolor); } .forumcard_footer .emoji_icon { right: 18px; } .forumcard_footer .forumcard_footer_textarea { font-size: 1.4rem; width: 100%; height: 33px; padding: 7px 26px 5px; resize: none; border: none; border-radius: 15px; background-color: #f4f4f4; word-break: break-all; } .forumcard_footer .textarea_placeholder_color_black::input-placeholder { color: #000; } .forumcard_footer .textarea_placeholder_color_black::-webkit-input-placeholder { color: #000; } .forumcard_footer .textarea_placeholder_color_black:-moz-placeholder { color: #000; } .forumcard_footer .textarea_placeholder_color_black::-ms-input-placeholder { color: #000; } .forumcard_footer .short_textarea_bg { background-color: #f2f2f2; } .forumcard_footer .short_textarea { width: 87%; background-color: #eaeaea; } .forumcard_footer_container { position: fixed; left: 0px; top: 0px; width: 100%; height: 100vh; z-index: 9; display: flex; flex-direction: column; justify-content: center; } .forumcard_footer_container > .forumcard_footer_blank { background-color: rgba(0, 0, 0, 0.3); flex: 1; cursor: pointer; } .forumcard_footer_container > .forumcard_footer { position: relative; width: 100%; min-height: 45px; background-color: white; } .forumreplies_modal .forumcard_footer_container { z-index: 1080; } .forumcard_footer_reply_container { height: calc(100vh - 44px); } .forumcard_footer_reply_container > .forumcard_footer { position: fixed; } .forumvotecardform_down { padding-bottom: 56px; margin-top: 44px; } .forumthemecard .forumvotecardform_down { padding-bottom: 77px; } .forumvotecardform_down_short { padding-bottom: 98px; } .forumvotecardform_heigh { padding-bottom: 233px; } .forumvotecard_option { margin-top: 10px; background-color: white; } .forumvotecard_option_title { font-size: 1.5rem; color: #000; width: 100%; padding: 11px 12px; border-bottom: 1px solid #e5e5e5; } .forumvotecard_option_list { position: relative; } .forumvotecard_option_list > input { font-size: 1.4rem; color: #000; width: 100%; padding: 11.5px 40px 11.5px 12px; border: none; border-bottom: 1px solid #e5e5e5; } .forumvotecard_option_list > img { position: absolute; top: 12px; right: 12px; width: 20px; height: 20px; cursor: pointer; } .forumvotecard_option_addnewlist { font-size: 1.4rem; color: var(--themcolor); text-align: center; width: 100%; padding: 11.5px 12px; border: none; display: flex; flex-direction: row; justify-content: center; align-items: center; } .forumvotecard_option_addnewlist > img, .forumvotecard_option_addnewlist > .app-svg-themebox { width: 16px; height: 16px; margin-right: 6px; } .forumvotecard .forumvotecard_another { margin-top: 10px; background-color: white; } .forumvotecard_another > div { font-size: 1.5rem; color: #000; padding: 11.5px 10px; cursor: pointer; border-top: 1px solid #e5e5e5; } .forumvotecard_another .forumvotecard_another_check { position: relative; border-top: 1px solid #e5e5e5; } .forumvotecard_another .forumvotecard_another_check > span > span { font-size: 1.3rem; color: #999; margin-left: 8px; } .forumvotecard_another .forumvotecard_another_check > div { display: inline-block; } .forumvotecard_another .forumvotecard_another_check > div > div:nth-child(1) { width: 28px; height: 10px; border: 1px solid rgba(0, 0, 0, 0); border-radius: 5px; } .forumvotecard_another .forumvotecard_another_check > div > div:nth-child(2) { width: 16px; height: 16px; border: 1px solid rgba(0, 0, 0, 0); border-radius: 10px; } .forumvotecard_another .forumvotecard_another_check .forumvotecard_another_checkicon_notcheck > div:nth-child(1) { position: absolute; top: 17px; right: 10px; background-color: #b2b2b2; } .forumvotecard_another .forumvotecard_another_check .forumvotecard_another_checkicon_notcheck > div:nth-child(2) { position: absolute; top: 14px; right: 22px; background-color: #e6e6e6; } .forumvotecard_another .forumvotecard_another_check .forumvotecard_another_checkicon_check > div:nth-child(1) { position: absolute; top: 17px; right: 10px; background-color: rgba(var(--rgbnum), 0.6); } .forumvotecard_another .forumvotecard_another_check .forumvotecard_another_checkicon_check > div:nth-child(2) { position: absolute; top: 14px; right: 10px; background-color: var(--themcolor); } .forumvotecard_another .forumvotecard_another_expirydate > span:nth-child(2) { font-size: 1.3rem; color: #000; float: right; } .forumcard_footer_pub .pc_forumdetail_footer_emoji { display: inline-block; width: 50%; margin: auto; } .forumcard_footer_pub .pc_forumdetail_footer_integral { display: inline-block; width: 50%; } .forumcard_footer_pub .forumdetail_footer_emoji_right { float: right; } .forumthemecard input, .forumthemecard textarea, .forumvotecard input, .forumvotecard textarea { } .forumthemecard input::placeholder, .forumthemecard input::-webkit-input-placeholder, .forumthemecard input:-moz-placeholder, .forumthemecard input::-moz-placeholder, .forumthemecard input:-ms-input-placeholder, .forumthemecard textarea::placeholder, .forumthemecard textarea::-webkit-input-placeholder, .forumthemecard textarea:-moz-placeholder, .forumthemecard textarea::-moz-placeholder, .forumthemecard textarea:-ms-input-placeholder, .forumvotecard input::placeholder, .forumvotecard input::-webkit-input-placeholder, .forumvotecard input:-moz-placeholder, .forumvotecard input::-moz-placeholder, .forumvotecard input:-ms-input-placeholder, .forumvotecard textarea::placeholder, .forumvotecard textarea::-webkit-input-placeholder, .forumvotecard textarea:-moz-placeholder, .forumvotecard textarea::-moz-placeholder, .forumvotecard textarea:-ms-input-placeholder { color: var(--placeholder-color); } .expirydatemodal .modal-dialog { margin-top: calc(50vh - 117px); } .expirydatemodal .modal-dialog > .modal-content { border-radius: 8px; } .expirydatemodal .fade > .modal-dialog > .modal-content > .modal-body { padding: 15px; } .expirydatemodal .fade > .modal-dialog > .modal-content > .modal-body > div { border: none; } .expirydatemodal .expirydatemodal_header { font-size: 1.4rem; color: #000; padding: 5px 0; } .expirydatemodal .expirydatemodal_body { text-align: center; padding: 25px 0 10px; } .expirydatemodal .expirydatemodal_body > img { width: 26px; height: 26px; margin: 0 10px; cursor: pointer; } .expirydatemodal .expirydatemodal_body > input { text-align: center; width: 70px; height: 40px; border: 1px solid #e5e5e5; } .expirydatemodal .expirydatemodal_tip { text-align: center; width: 100%; height: 20px; } .expirydatemodal .expirydatemodal_tip > span { font-size: 1.2rem; color: #ff5d5d; } .expirydatemodal .expirydatemodal_button { padding: 25px 0 10px; } .expirydatemodal .expirydatemodal_button > div { text-align: center; display: inline-block; width: 36%; margin: 0 7%; padding: 10px 20px; cursor: pointer; border: 1px solid #e5e5e5; border-radius: 5px; } .expirydatemodal .expirydatemodal_button > div:nth-child(1) { color: #000; background-color: #f4f4f4; } .expirydatemodal .expirydatemodal_button > div:nth-child(1):hover { background-color: #e5e5e5; } .expirydatemodal .expirydatemodal_button > div:nth-child(2) { color: white; background-color: var(--themcolor); } .expirydatemodal .expirydatemodal_button > div:nth-child(2):hover { background-color: var(--active-themeColor); } .myforum .forum_list_list { min-height: calc(100vh - 103px); } .myforum .next-navbar { border-bottom: none; } .myforum_interval { height: 8px; background-color: #f2f4f4; } .myforum .forum_list_list .forum_list_all > span { font-size: 1.2rem; color: white; text-align: center; float: right; width: 18px; height: 18px; border: 1px solid #ff8400; border-radius: 50%; background-color: #ff8400; } .myforum { background-color: #f4f4f4; } .myforum .myforum_interval { height: 16px; } .myforum .forum_list_list .myforum_list_list .ordersign { padding: 0 12px; background-color: transparent; } .myforum .forum_list_list .myforum_list_list .ordersign app-forum-list .qa_list { margin-bottom: 8px; border: none; border-radius: 8px; padding: 16px 12px; } .myforum .forum_list_list .myforum_list_list .ordersign app-forum-list .qa_list .qa_list_left > img { width: 36px; height: 36px; } .exam_testpaper { min-height: calc(100vh - 87px); } .exam-notpccomtent { width: 100%; height: 100%; border: 3px solid red; position: fixed; top: 0; left: 0; z-index: 999999999; pointer-events: none; } .exam .next-navbar, .survey .next-navbar { border-bottom: 1px solid transparent; } .exam .exam_testpaper, .survey .exam_testpaper { background-color: #f4f4f4; } .exam .exam_testpaper .exam_testpaperlist, .survey .exam_testpaper .exam_testpaperlist { padding: 6px 12px; } .exam .exam_testpaper .exam_testpaperlist .exam_testpaper_list, .survey .exam_testpaper .exam_testpaperlist .exam_testpaper_list { margin: 10px 0; border: none; } .exam .exam_testpaper .exam_testpaperlist .exam_testpaper_list .exam_tests, .survey .exam_testpaper .exam_testpaperlist .exam_testpaper_list .exam_tests { background-color: white; border: 1px solid transparent; border-radius: 8px; position: relative; } .exam .exam_testpaper .exam_testpaperlist .exam_testpaper_list .exam_tests .exam_testpaper_list_readicon, .survey .exam_testpaper .exam_testpaperlist .exam_testpaper_list .exam_tests .exam_testpaper_list_readicon { padding: 0px 3px; border: 1px solid transparent; border-radius: 4px; color: white !important; background-color: #ff8400 !important; position: absolute; top: 16px; right: 12px; } .exam .exam_testpaper .exam_testpaperlist .exam_testpaper_list .exam_tests .exam_testpaper_list_passicon, .survey .exam_testpaper .exam_testpaperlist .exam_testpaper_list .exam_tests .exam_testpaper_list_passicon { padding: 0px 3px; border: 1px solid transparent; border-radius: 4px; color: white !important; background-color: #18c884 !important; position: absolute; top: 16px; right: 12px; } .exam .exam_testpaper .exam_testpaperlist .exam_testpaper_list .exam_tests .exam_testpaper_list_failicon, .survey .exam_testpaper .exam_testpaperlist .exam_testpaper_list .exam_tests .exam_testpaper_list_failicon { padding: 0px 3px; border: 1px solid transparent; border-radius: 4px; color: white !important; background-color: #ff5d5d !important; position: absolute; top: 16px; right: 12px; } .exam .exercise_testpaper, .survey .exercise_testpaper { min-height: calc(100vh - 44px); } .expirefiexd { font-size: 1.3rem; line-height: 40px; color: #666; text-align: center; position: fixed; z-index: 99; top: 43px; width: 100%; height: 40px; box-shadow: 0 1px 2px #ccc; background-color: #f4f4f4; } .exam_testpaper_list { width: 100%; padding: 0 0 10px; border-top: 1px solid #e5e5e5; } .survey .exam_testpaper_list, .mytraincourse .exam_testpaper_list { padding: 10px; padding-top: 16px; padding-bottom: 16px; background-color: white; border: 1px solid transparent; border-radius: 4px; position: relative; padding-left: 58px; } .survey .evaluate_img { position: absolute; padding: 0 10px; margin-right: 12px; background-color: rgba(var(--rgbnum), 0.1); border-radius: 0 4px 4px 0; display: flex; align-items: center; left: 0; top: 50%; transform: translateY(-50%); height: calc(100% - 32px); width: 44px; } .survey .evaluate_img .app-svg-themebox { width: 24px; height: 24px; color: var(--themcolor); } .survey .evaluate_img_ss { background-color: rgba(24, 200, 132, 0.1); } .survey .evaluate_img_ss .app-svg-themebox { width: 24px; height: 24px; color: #18c884; } .survey .evaluate_img > img { width: 24px; } .exam_testpaper_list > div:last-child { border-bottom: 0; } .exam_tests { padding: 10px; border-bottom: 1px solid #e5e5e5; } .exam_tests:last-child { border-bottom: 0; } .exam_tests .complete_test, .mytraincourse .complete_test { width: calc(100% - 60px) !important; } .survey_testpaper_list { height: auto; } .exam_testpaper_list:first-child { border: none; } .exam_testpaper_list > div > div > h4, .exam_testpaper_pastlist > div > h4, .exam_exerise > h4 { font-size: 1.6rem; color: #000; white-space: nowrap; text-overflow: ellipsis; word-break: break-all; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .exam_testpaper_list > div > div > div > span, .exam_exerise > span { font-size: 1.1rem; color: #999; } .exam_testpaper_list > div > div > div > span > span { color: #999; } .exam_testpaper_list_readicon { color: #ff8400 !important; position: relative; top: -10px; float: right; background-color: transparent !important; } .exam_testpaper_list_passicon { color: #18c884 !important; position: relative; top: -10px; float: right; } .exam_testpaper_list_failicon { color: #ff5d5d !important; position: relative; top: -10px; float: right; } .exam_testpaper_list .exam_testpaper_pastlist > p { font-size: 1.3rem; line-height: 40px; color: #666; text-align: center; width: 100%; height: 40px; margin-bottom: 0; background-color: #f4f4f4; } .exam_testpaper_list_notexpired, .exam_testpaper_list_expired { padding-bottom: 0; } .exam_testpaper_list_expired { border-top: 1px solid #f4f4f4; } .exam_testpaper_list_expired > div > div > h4 { color: #999; } .exam_testpaper_list_expired .exam_testpaper_list_expiredtip { font-size: 1.3rem; line-height: 40px; color: #666; text-align: center; width: 100%; height: 40px; background-color: #f4f4f4; } .exam_exerise { padding: 10px; border-bottom: 1px solid #e5e5e5; } .exam_practice { padding: 0 10px; } .exam_practice_list { width: 100%; height: 67px; padding: 10px 0; border-top: 1px solid #e5e5e5; } .exam_practice_list:first-child { border: none; } .exam_practice_list > h4 { font-size: 1.6rem; color: #000; word-break: break-all; margin: 0 0 10px; } .exam_practice_list > div > span { font-size: 1.2rem; color: #999; } .exam_practice_list > div > span > span { color: #ff8400; } .exam_testpaper_pastlist .exam_tests > div > h4 { color: #999 !important; } .exam .materialSearch { width: 100%; padding: 5px 10px; background-color: #fff; position: relative; top: 0; z-index: 99; } .exam .materialSearch > div { width: calc(100% - 52px); display: inline-block; position: relative; } .exam .materialSearch > div .materialSearch_icon1 { width: 18px; opacity: 0.6; position: absolute; top: 6px; left: 10px; } .exam .materialSearch > div > input { width: 100%; border: 0; border-radius: 25px; color: #000; background-color: #f4f4f4; font-size: 1.4rem; padding: 5px 30px 5px 32px; } .exam .materialSearch > div > input::-webkit-input-placeholder { color: #000; } .exam .materialSearch > div .materialSearch_icon2 { position: absolute; top: 8px; right: 6px; width: 16px; cursor: pointer; } .exam .materialSearch > button { border: 0; padding: 5px; margin-left: 5px; font-size: 1.5rem; color: #000; background-color: transparent; } .examdetail { padding: 0 12px 130px 12px; } .examdetail > span { font-size: 1rem; line-height: 12px; color: white; text-align: center; position: absolute; top: 4px; right: 10px; padding: 0 2.5px; pointer-events: none; border: 1px solid #ff8400; border-radius: 50px; background-color: #ff8400; } .examdetail_header { position: relative; height: auto; padding: 10px 0 22px 0; border-bottom: 1px solid #e9e9e9; margin-bottom: 10px; } .examdetail_header > h4 { font-size: 1.8rem; color: #000; word-break: break-all; margin: 14px 0 9px; font-weight: 700; } .examdetail_header .exam_detail_title { padding-right: 86px; } .examdetail_testmessage { font-size: 1.1rem; color: #999; word-break: break-all; padding-right: 86px; margin-bottom: 8px; } .examdetail_testmessage:nth-last-of-type(1) { margin-bottom: 0; } .examdetail_testmessage_ex { padding-right: 0px; display: inline-block; } .examdetail_testmessage_img { position: absolute; right: 0; bottom: 13px; width: 55px; height: 55px; } .examdetail_excitationexplain { position: absolute; right: 0; bottom: 19px; cursor: pointer; } .examdetail_excitationexplain img { width: 16px; } .examdetail_excitationexplain_ex { left: 0; position: relative; width: 16px; margin-left: 16px; top: 0px; display: inline-block; } .examdetail_excitationexplain-offset { right: 64px; } .examdetail_common { position: fixed; bottom: 22px; width: calc(100% - 24px); } .examdetail_common > .examdetail_button:nth-child(2) { margin-top: 12px; } .examdetail_button { font-size: 1.4rem; color: white; text-align: center; width: 90%; margin: 10px auto 0 auto; padding: 10px; cursor: pointer; border: 1px solid var(--themcolor); border-radius: 25px; background-color: var(--themcolor); } .examdetail_button > span { font-size: 1.2rem; } .examdetail_button_tip { font-size: 1.4rem; color: #666; text-align: center; width: 100%; height: 48px; margin: 0 0 30px; padding: 15px; border: 1px solid #f4f4f4; border-radius: 5px; background-color: #f4f4f4; } .examdetail > p { font-size: 1.4rem; color: #767676; } .examdetail > p > span { color: #999; } .examdetail .dl-horizontal { font-size: 1.3rem; margin-top: 25px; } .examdetail .dl-horizontal dt { font-weight: normal; color: #666; white-space: nowrap; text-overflow: ellipsis; float: left; clear: left; overflow: hidden; width: auto; margin-bottom: 10px; padding: 1px 0; } .examdetail .examdetail-list-item tr td { font-size: 1.3rem; color: #000; vertical-align: top; padding: 14px 0 0 0; min-width: 66px; word-break: break-all; } .examdetail .examdetail-list-item tr td:nth-child(2) { padding-left: 20px; color: #999; } .dl-horizontal dd { color: #999; word-break: break-all; margin-left: 100px; padding: 1px 0; margin-bottom: 1rem; } .examtest_content { min-height: calc(100vh - 44px); padding-bottom: 90px; } .examtest_content_question { width: 100%; padding: 22px 12px 0 12px; border-bottom: 1px solid transparent; max-height: 15em; overflow: auto; word-break: break-word; line-height: 1.5; } .examtest_content_question::-webkit-scrollbar { width: 8px; } .examtest_content_question::-webkit-scrollbar-button { display: none; } .examtest_content_question::-webkit-scrollbar-track { background: #f1f1f1; border-radius: 4px; } .examtest_content_question::-webkit-scrollbar-thumb { background: #c1c1c1; border-radius: 4px; } .examtest_content_question::-webkit-scrollbar-thumb:hover { background: #a8a8a8; } .questionlist_bottom { text-align: right; padding-left: 12px; cursor: pointer; font-size: 1.3rem; color: #999; display: inline-block; margin-top: 10px; margin-right: 12px; width: 100%; padding-right: 16px; } .questionlist_bottom > img { width: 7px; margin-left: 6px; } .app_question_dialog .app_question_dialog_header { display: flex; justify-content: space-between; align-items: center; } .app_question_dialog .app_question_dialog_header > span:nth-child(1) { font-size: 1.6rem; font-weight: bold; padding-left: 8px; } .app_question_dialog .app_question_dialog_header > span:nth-child(2) > img { width: 16px; height: 16px; margin-right: 8px; } .app_question_dialog .fade > .modal-dialog { bottom: 0; padding: 0; } .app_question_dialog .fade > .modal-dialog::-webkit-scrollbar { display: none; } .app_question_dialog .fade > .modal-dialog > .modal-content { overflow: hidden; } .app_question_dialog .fade > .modal-dialog > .modal-content > .modal-body { max-height: 92vh; border-radius: 16px 16px 0 0; } .app_question_dialog .fade > .modal-dialog > .modal-content > .modal-body::-webkit-scrollbar { display: none; } .app_question_dialog .fade > .modal-dialog > .modal-content > .modal-body > div { border-radius: 0 !important; } .app_question_dialog .fade > .modal-dialog > .modal-content > .modal-body > div > div { border-bottom: 1px solid #F8F8F8; text-align: left; } .app_question_dialog .cancel { display: none; } .examtest_content_evaluation .examtest_content_question { padding: 8px 10px 16px 10px; } .examtest_content_evaluation .evaluation_hr { height: 8px; opacity: 1; background: #f4f4f4; } .examtest_content_evaluation > div .examtest_content_rule { width: calc(100% - 24px); border-bottom: 1px solid #e5e5e5; padding: 0; margin: 0 12px; } .examtest_content_evaluation > div .examtest_content_des .examtest_content_outer > div > span { font-size: 1.5rem !important; } .examtest_content_question > p { font-size: 1.6rem; color: #000; word-break: break-all; width: 100%; margin: 0; } .examtest_content_question > p > span { color: var(--themcolor); margin-right: 10px; } .examtest_content_question > p > .examtest_content_question_value { display: inline-block; font-size: 1.3rem; color: #999; margin: 0; } .examtest_content_question > p > .examtest_content_question_difficulty { font-weight: 400; font-size: 13px; line-height: 18px; text-align: center; color: #999; margin-right: 0px; } .examtest_content_question > p > .examtest_content_question_questionName { display: block; margin-right: 0px; font-family: Source Han Sans CN; font-size: 16px; font-weight: normal; line-height: 24px; color: #000000; margin-top: 18px; } .examtest_content_question > .examtest_content_questionimage { width: 100%; } .examtest_content_question > .examtest_content_questionimage > img { display: block; min-width: 33.33%; max-width: 100%; max-height: 230px; margin-top: 10px; border-radius: 4px; } .examtest_content_question > .examtest_content_questionvideo { margin-top: 10px; } .examtest_content_question > .examtest_content_questionvideo .player .mejs__container, .examtest_content_question > .examtest_content_questionvideo .player .mejs__layer, .examtest_content_question > .examtest_content_questionvideo .player .mejs__mediaelement video { width: 100% !important; } .examtest_content_question > .examtest_content_questionvideo > video { width: calc(100vw - 20px); height: calc((100vw - 20px) * 9 / 16); background-color: black; } .examtest_content_list { width: 100%; padding: 10px 0; } .examtest_content_list > div { font-size: 1.6rem; color: #000; position: relative; width: 100%; padding: 0 12px; } .examtest_content_list > div > .examtest_content_list_img { position: absolute; top: 0; left: 0; width: 48px; height: 48px; padding: 12px 10px; } .examtest_content_list > div > .examtest_content_list_img > img { width: 25px; height: 25px; } .examtest_content_list > div > .examtest_content_list_des { word-break: break-all; display: inline-block; width: 100%; height: 100%; margin: 5px 0; padding: 12px 10px 9px 45px; background-color: #f4f4f4; border: 1px solid transparent; border-radius: 4px; word-break: break-all; position: relative; } .examtest_content_list > div > .examtest_content_list_des .examtest_content_list_des_optionsort { display: flex; width: 25px; height: 25px; border: 1px solid #dddddd; border-radius: 50%; text-align: justify; justify-content: center; align-items: center; position: absolute; top: 10px; left: 10px; } .examtest_content_list > div > .examtest_content_list_des .examtest_content_list_des_multiplesort { border-radius: 4px; } .examtest_content_list > div > .examtest_content_list_des_checked { color: var(--themcolor); } .examtest_content_list > div > .examtest_content_list_des_checked .examtest_content_list_des_optionsort { color: white; background-color: var(--themcolor); border: 1px solid transparent; } .examtest_content_list > div > .examtest_content_list_des > img { display: block; min-width: 33.33%; max-width: 66.67%; max-height: 230px; margin-top: 10px; border-radius: 4px; } .examtest_content_list > div:last-child > .examtest_content_list_des { border: none; } .examtest_content_rule { font-size: 1.3rem !important; line-height: 40px; color: #999 !important; height: 40px; padding: 0 12px; } .examtest_content_rule > span { text-align: center; display: inline-block; width: 10%; } .examtest_content_des { width: 100%; padding: 0 12px; } .examtest_content_outer { padding: 20px 0; } .examtest_content_outer > h3 { font-size: 1.4rem; color: #000; margin-top: 0 !important; margin-bottom: 15px !important; } .examtest_content_outer > div > span { font-size: 1.8rem; line-height: 7vw; color: #fff; vertical-align: top; display: inline-block; width: calc((100vw - 36%) * 0.1); height: 7vw; margin-right: 3%; border-radius: 2px; background-color: #ddd; text-align: center; } .examtest_content_outer > div > span:last-child { margin-right: 0; } .examtest_content_outer .colorfirst { background-color: #e02d1a; } .examtest_content_outer .colorsecond { background-color: #f85a14; } .examtest_content_outer .colorthird { background-color: #fe8100; } .examtest_content_outer .colorfourth { background-color: #fa9e06; } .examtest_content_outer .colorfifth { background-color: #ffc902; } .examtest_content_outer .colorsixth { background-color: #c6ce01; } .examtest_content_outer .colorseventh { background-color: #9ec600; } .examtest_content_outer .coloreighth { background-color: #6bbe07; } .examtest_content_outer .colorninth { background-color: #47b41e; } .examtest_content_outer .colortenth { background-color: #04a72b; } .examtest_content_text { width: 100%; height: 200px; padding: 10px 12px; background-color: #fff; } .examtest_content_text > form { position: relative; width: 100%; height: 100%; border: 1px solid #ddd; background-color: rgb(248, 248, 248); border: 1px solid transparent; position: relative; } .examtest_content_text > form > textarea { color: #000; word-break: break-all; overflow: hidden; width: 100%; height: 140px; padding: 10px; resize: none; border: 0 solid white; background-color: transparent; } .examtest_content_text > form > textarea::placeholder { font-size: 1.5rem; } .examtest_content_text_filling { width: 100%; } .examtest_content_text_filling > div { width: 100%; padding: 8px 12px 0; } .examtest_content_text_filling > div > p { font-size: 12px; font-weight: normal; line-height: 18px; letter-spacing: 0px; margin-bottom: 8px; color: #999999; } .examtest_content_text_filling > div .examtest_content_text_filling_textarea { position: relative; width: 100%; padding: 0 47px 0 0; background-color: rgb(248, 248, 248); border: 0 solid white; border-radius: 4px; } .examtest_content_text_filling > div .examtest_content_text_filling_textarea form { width: 100%; } .examtest_content_text_filling > div .examtest_content_text_filling_textarea form > input { background-color: transparent; height: 48px; padding: 0 0 0 12px; color: #000; width: 100%; resize: none; border: 0; line-height: 48px; font-size: 1.4rem; } .examtest_content_text_filling > div .examtest_content_text_filling_textarea form > input::placeholder { font-size: 1.4rem; } .examtest_content_text_filling > div .examtest_content_text_filling_textarea .feedback_content_text_icon { top: 50%; transform: translateY(-50%); bottom: unset; } .examtest_content_text_filling > div .examtest_content_text_filling_textarea .examtest_content_text_showanswer { height: 48px; line-height: 48px; font-size: 1.4rem; padding: 0 0 0 12px; } .textarea_overflow_y_auto { overflow-y: auto !important; } .examtest_content_text > .examtest_content_text_showanswer { width: 100%; height: 100%; padding: 10px; background-color: #f4f4f4; } .examtest_content_text > .examtest_content_text_showanswer > div { width: 100%; height: 100%; overflow: auto; word-break: break-all; white-space: pre-wrap; background-color: #f4f4f4; } .examtest_content_form_disabled .feedback_content_text_icon, .examtest_content_form_disabled .feedback_content_text_icon > span { color: #999; } .examtest_content_answer { font-size: 1.6rem; color: #000; width: 100%; padding: 30px 0 10px 12px; word-break: break-all; } .examtest_content_answer_left { display: inline-block; width: calc(100% - 100px) !important; } .examtest_content_answer_left > span { color: #3ac893; } .examtest_content_answer_right { text-align: center; position: relative; float: right; width: 60px !important; height: 24px; } .examtest_content_answer_right > img { width: 100%; height: 100%; } .examtest_content_answer_right > span { font-size: 1.2rem; color: white; position: absolute; top: 4px; right: 0; left: 0; } .examtest_content_resolve { font-size: 1.6rem; color: #000; padding: 10px 12px; white-space: pre-wrap; word-break: break-all; } .examtest_content_resolve > span { color: #666; text-align: justify; font-size: 1.4rem; } .examtest_footer_navbtn { position: fixed; z-index: 100; bottom: 0; left: 0; width: 100%; height: 52px; padding: 5px; border-top: 1px solid #e5e5e5; background-color: #f4f4f4; } .examtest_footer_navbtn > div { text-align: center; display: inline-block; width: 33.33333%; } .examtest_footer_navbtn > div > .app-svg-themebox, .examtest_footer_navbtn > div > img { width: 23px; height: 23px; } .examtest_footer_navbtn > div > p { font-size: 1.2rem; color: #7a7a7a; margin: 3px 0 0; } .examtest_footer_navbtn_prev { float: left; } .examtest_footer_middle { line-height: 40px; text-align: center; display: inline-block; width: 33.33333%; height: 40px; } .examtest_footer_middle > span { font-size: 1.6rem; color: #666; } .examtest_footer_navbtn_countdown { font-size: 1.6rem; color: #727171; padding: 10px 0; } .examtest_footer_navbtn_next { float: right; } .examtest_footer_answerprogress { padding: 1px 10px; font-size: 1.3rem; color: #666; background-color: rgba(0, 0, 0, 0.05); border: 1px solid transparent; border-radius: 50px; position: fixed; bottom: 62px; right: 12px; z-index: 1; } .examtest_footer_answerprogress > span { font-size: 1.1rem; color: #999; } .examtest_footer_answerprogress > span > span { margin: 0 1px; } .swiper-container-exam { height: calc(100vh - 44px) !important; display: block !important; } .swiper-container-exam .swiper-slide { height: 100%; max-height: 100%; max-width: 100%; overflow: auto; width: 100%; will-change: transform; } .examtest_footer_progress { position: fixed; z-index: 999; bottom: 5rem; height: 0.1rem; left: 0; width: 50% !important; background: #ffc4cb; margin: 0; } .examtest_footer_progress2 { position: fixed; z-index: 999; right: 0; bottom: 5rem; height: 0.1rem; width: 50% !important; background: #cef9d4; margin: 0; } .examtest_footer_fixed_btn { position: fixed; right: 12px; bottom: 130px; z-index: 1; } .examtest_footer_fixed_btn > div { text-align: right; } .examtest_footer_fixed_btn > div > div { display: inline-block; padding: 4px 12px 4px 8px; margin-top: 16px; font-size: 1.3rem; color: #000; background-color: rgba(0, 0, 0, 0.05); border-radius: 30px; } .examtest_footer_fixed_btn > div > div > .app-svg-themebox { width: 16px; height: 16px; margin-right: 6px; } .examtest_footer_fixed_btn > div > div > span { display: inline-block; vertical-align: middle; } .examtest_footer_fixed_btn > div .examtest_footer_fixed_btn_marked { color: var(--themcolor); } .examtest_footer_fixed_btn .examtest_footer_fixed_btn_showanswer > div { color: white; background-color: var(--themcolor); } .examtest_footer_fixed_btn .examtest_footer_fixed_btn_showanswer > div > .app-svg-themebox { color: white; } .examtest .water_mark { position: fixed !important; z-index: 1; } .examtestcard { width: 100%; min-height: calc(100vh - 44px); background-color: #f4f4f4; } .examtestcard_header { height: 126px; padding: 37px 0; background-color: transparent; } .examtestcard_header > div { text-align: center; padding: 5px 0; } .examtestcard_header > div:nth-child(2) { border-right: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; } .examtestcard_header > div > h4 { font-size: 2.6rem; color: var(--themcolor); word-break: break-all; margin: 0 0 8px; } .examtestcard_header > div > p { font-size: 1.2rem; color: #999; margin: 0; } .examtestcard_count { width: 100%; padding: 10px 12px 30px 12px; } .examtestcard_count > div { padding: 20px 16px; background-color: white; border: 1px solid transparent; border-radius: 10px; } .examtestcard_count > div > div { margin-bottom: 24px; } .examtestcard_count > div > div > p { margin: 0; font-size: 1.4rem; } .examtestcard_count > div > div > div > div { text-align: center; display: inline-block; width: 40px; height: 40px; margin: 10px calc((100% - 200px) / 4) 10px 0; padding: 10px 1px; border-radius: 50px; } .examtestcard_count > div > div > div > div:nth-child(5n) { margin-right: 0; } .examtestcard_count > div > div:last-child { margin-bottom: 4px; } .examtestcard_count_defult { color: #393939; border: 1px solid #e5e5e5; background-color: white; } .examtestcard_count_mistake { color: white; border: 1px solid #fb6b5d; background-color: #fb6b5d; } .examtestcard_count_right { color: white; border: 1px solid #18c884; background-color: #18c884; } .examtestcard_count_assignment { color: white !important; border: 1px solid var(--themcolor) !important; background-color: var(--themcolor) !important; } .feedback { height: calc(100vh - 44px); padding-top: 20px; background-color: #f4f4f4; } .feedback_title { font-size: 1.1rem; color: #999; width: 100%; padding: 10px; } .feedback_content_text { width: 100%; height: 200px; background-color: white; } .feedback_content_text > form { position: relative; width: 100%; height: 100%; } .feedback_content_text > form > textarea { font-size: 1.5rem; color: #000; word-break: break-all; overflow: hidden; width: 100%; height: 100%; padding: 10px 10px 20px; resize: none; border: 1px solid transparent; } .feedback_content_text > form > textarea::input-placeholder { color: #ccc; } .feedback_content_text > form > textarea::-moz-input-placeholder { color: #ccc; } .feedback_content_text > form > textarea::input-placeholder { color: #ccc; } .feedback_content_text_icon { font-size: 1.1rem; color: #ccc; position: absolute; right: 10px; bottom: 10px; } .feedback .feedback_content_text_icon { right: 18px; bottom: 15px; } .feedback_submit { width: 100%; margin-top: 10px; padding: 0 28px; } .feed_back .login_btn_phone_gry, .feed_back .login_btn_phone { margin-top: 0 !important; } .feekbackResult .title_min_width { width: 100%; } .feekbackResult .resShowPhone { width: 100%; min-height: calc(100vh - 44px); padding: 15px 12px; background-color: #f4f4f4; } .feekbackResult .resShowPhone .resList { word-wrap: break-word; position: relative; clear: both; overflow: hidden; box-sizing: border-box; width: 100%; min-height: 80px; margin-top: 10px; padding: 16px 10px; border-radius: 4px; background-color: #fff; } .feekbackResult .resShowPhone .resList:nth-of-type(1) { margin: 0; } .feekbackResult .resShowPhone .resList .resListTitle { font-size: 1.6rem; font-weight: 500; color: #000; display: -webkit-box; overflow: hidden; width: 100%; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .feekbackResult .resShowPhone .resList .resListTitleAll { width: 80%; } .feekbackResult .resShowPhone .resList .resListTime { font-size: 1.2rem; color: #999; margin-top: 10px; } .feekbackResult .resShowPhone .resList .resListFlag { font-size: 1.2rem; color: #fff; position: absolute; top: 15px; right: 10px; padding: 1px 5px; transform: scale(0.8); border-radius: 5px; background-color: #ccc; } .fkResDetail { display: flex; flex-direction: column; width: 100%; background-color: #f4f4f4; } .fkResDetail .feedbackCon, .fkResDetail .feedbackDetail { box-sizing: border-box; width: 100%; padding: 16px 12px; background-color: #fff; } .fkResDetail .feedbackCon .feedbackTitle, .fkResDetail .feedbackDetail .feedbackTitle { font-size: 1.4rem; color: #000; text-indent: 2.5em; word-wrap: break-word; position: relative; overflow: hidden; } .fkResDetail .feedbackCon .feedbackTitle .leftIcon, .fkResDetail .feedbackDetail .feedbackTitle .leftIcon { font-size: 1.2rem; color: #fff; text-indent: 0; position: absolute; padding: 1px 3px; transform: scale(0.8); border-radius: 4px; background-color: #ff8400; } .fkResDetail .feedbackCon .feedbackTime, .fkResDetail .feedbackDetail .feedbackTime { font-size: 1.2rem; font-weight: 400; color: #999; margin-top: 6px; } .fkResDetail .feedbackDetail { margin-top: 10px; } .fkResDetail .feedbackDetail .feedbackTitle .leftIcon { background-color: #18c884; } .resetpwd-contrainer { padding-top: 15px; padding-right: 10px; padding-left: 10px; } .resetpwd-contrainer .getpwd { margin-bottom: 30px; } .resetpwd-contrainer .getpwd span { font-size: 1.2rem; font-weight: normal; color: #999; display: block; padding: 10px 0; } .resetpwd-contrainer form input { font-size: 1.6rem; height: 40px; padding-left: 4px; box-shadow: none; border: 0 !important; border-radius: 0; border-bottom: 1px solid #ccc !important; } .resetpwd-contrainer form .reset_reminder, .updatepassword .reset_reminder { font-size: 1.1rem; color: #ff5d5d; padding-left: 4px; } .updatepassword .reset_reminder { margin-top: 10px; } .resetpwd-contrainer form .reset_reminder > span { float: left; } .resetpwd-contrainer .resetpwd-btn-container { position: relative; top: 5px; width: 100%; } .resetpwd-contrainer .resetpwd-btn-container .btn_valid { color: #fff; text-align: center; position: relative; width: 100%; padding: 9px 10px; border-radius: 5px; background-color: var(--themcolor); } .resetpwd-contrainer .resetpwd-btn-container .btn_invalid { color: #666; text-align: center; position: relative; width: 100%; padding: 9px 10px; border-radius: 5px; background-color: #f4f4f4; } .contact_search { width: 100%; height: 53px; padding: 7px 10px; background-color: #f4f4f4; } .hotexpert { font-size: 1.5rem; color: #000; padding: 5px 10px 10px; background-color: #f4f4f4; } .contact_message { min-height: calc(100vh - 44px); padding-top: 10px; background-color: #f4f4f4; } .contact_message .comment_list { margin-bottom: 10px; border-bottom: unset; background-color: white; } .contact_message .comment_list .comment_list_right .comment_list_right_top .comment_list_user_message > span:nth-child(1) { font-size: 1.6rem; color: #000; } .contact_message .comment_list .comment_list_right .comment_list_right_top > p { font-size: 1.2rem; color: #666; position: relative; width: calc(100% - 30px); margin: 0 0 0 36px; } .contact_message .comment_list .comment_list_right .comment_list_right_top > p > span { position: absolute; left: -35px; } .contact_list { width: 100%; min-height: calc(100vh - 44px); } .contact_list .contact_form { position: relative; width: 100%; background-color: #f4f4f4; } .contact_list .contact_form > div { position: relative; display: inline-block; width: 80%; } .contact_list .contact_form > button { position: relative; top: 0; float: right; width: calc(20% - 10px); padding: 7px 1px; border: 1px solid transparent; border-radius: 5px; background-color: #e6e6e6; } .contact_list .contact_form > .coursecommonsubmit { color: white; background-color: var(--themcolor); } .contact_list .contact_form > div > img { width: 18px; height: 18px; opacity: 0.7; } .contact_list .contact_form > div > .contact_form_icon1 { position: absolute; top: 10px; left: 10px; } .contact_list .contact_form > div > .contact_form_icon2 { position: absolute; top: 10px; right: 10px; } .contact_list .contact_form > div > input { font-size: 1.4rem; width: 100%; height: 36px; padding: 5px 30px 5px 32px; border: 1px solid #e4e4e4; opacity: 1; background: #eaeaea; border-radius: 18px; text-align: center; } .contact_list .contact_title { padding: 2px 10px 0 20px; } .contact_list .contact_list_userlist { position: relative; width: 100%; min-height: calc(100vh - 125px); padding-top: 0; } .contact_list .contact_list_hide { display: none; } .contact_list .contact_list_show { display: block; } .contact_left { width: 50px; height: 100%; } .contact_item { width: calc(100% - 100px); padding: 10px 0; border-top: 1px solid #e5e5e5; } .contact_item .contact_item_icon { position: relative; width: 50px; height: 50px; margin-bottom: 5px; margin-left: 10px; border: 1px solid #e4e4e4; border-radius: 40px; } .contact_item .contact_item_text { position: relative; display: inline-block; width: 100%; padding-left: 5px; } .contact_item .contact_item_text > .next_one { color: black; text-overflow: ellipsis; position: relative; bottom: 15px; } .contact_item .contact_item_text > .next_two { color: #666; text-overflow: ellipsis; position: absolute; top: 15px; overflow: hidden; } .contact_info { width: 100%; padding: 10px 0; background: #fff; } .contact_info_margintop > div:nth-child(4) { border-bottom: none; } .contact_info_category { position: relative; width: 100%; padding: 15px 10px 15px 75px; border-bottom: 1px solid #e5e5e5; background: #fff; } .contact_info_category:last-child { border: none; } .contact_info_category > span:nth-child(2) { color: #666; } .contact_info_category > span:nth-child(1) { position: absolute; left: 10px; } .contact_content { min-height: calc(100vh - 97px); padding: 0 10px; background: #f4f4f4; } .contact_content .comment_list { padding: 6px 0; margin-bottom: 8px; background-color: #fff; border-radius: 4px; } .contact_content .comment_list_content { margin: 0px; margin-bottom: 8px; } .contact_content .comment_list .comment_list_right .comment_list_right_top .comment_list_user_img > img { position: relative; top: 5px; width: 46px; height: 46px; } .contact_content .comment_list .comment_list_right .comment_list_right_top .comment_list_user_message > div { display: inline-block; } .contact_content .comment_list .comment_list_right .comment_list_right_top .comment_list_user_message > div:nth-child(1) { font-size: 1.5rem; color: #000; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: calc(100% - 111px); font-family: PingFang SC, PingFang SC-Medium; font-weight: 500; } .contact_content .comment_list .comment_list_right .comment_list_right_top .comment_list_user_message > div:nth-child(2) { font-size: 1.2rem; color: #000; position: relative; top: 2px; float: right; } .contact_content .comment_list .comment_list_right .comment_list_right_top > p { font-size: 1.3rem; color: #666; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .logo { width: 140px; height: 127px; margin-right: calc(50% - 70px); margin-bottom: 60px; margin-left: calc(50% - 70px); } .logo > img { width: 100%; height: 100%; } .userinfo { display: flex; flex-direction: column; min-height: calc(100vh - 44px); background: #f4f4f4; } .contacts_user_info { padding-top: 44px; } .contacts_user_info > .userinfo_title_header { width: 100%; background: white; padding: 6px 12px; position: fixed; left: 0; right: 0; top: 0; z-index: 99; height: 44px; display: flex; flex-direction: row; align-items: center; } .contacts_user_info > .userinfo_title_header .header_left_login { position: absolute; left: 12px; display: flex; align-items: center; width: unset !important; } .contacts_user_info > .userinfo_title_header .header_left_login .home_icon { width: 32px; height: 32px; } .contacts_user_info > .userinfo_title_header .header_left_login .header_to_home { font-size: 1.4rem; font-weight: 350; line-height: 24px; color: #000; } .contacts_user_info > .userinfo_title_header .header_left { position: absolute; left: 12px; min-width: 50px; text-align: left; } .contacts_user_info > .userinfo_title_header .header_left .header_left_img { width: 28px; height: 32px; padding: 0; } .contacts_user_info > .userinfo_title_header .header_left .header_left_img > img { width: 100%; height: 100%; } .contacts_user_info > .userinfo_title_header > div:nth-child(2) { width: 100%; text-align: center; padding: 0px 12px; font-size: 1.8rem; font-weight: bold; line-height: 26px; color: #000; } .contacts_user_info > .userinfo_title_header .header_right { min-width: 50px; text-align: right; } .contacts_user_info > .userinfo_title_header .header_right > span { font-size: 1.3rem; font-weight: normal; line-height: 16px; color: white; border-radius: 99px; padding: 4px 12px; background: var(--themcolor); } .contacts_user_info > .userinfo_title_header .header_right_login { min-width: 74px; } .userinfo > .userinfo_header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; padding: 28px 12px 17px 17px; background-color: #fff; } .userinfo > .userinfo_header > .left { display: flex; } .userinfo > .userinfo_header > .left > .headimage { position: relative; width: 70px; height: 70px; margin-right: 12px; } .userinfo > .userinfo_header > .left > .headimage .image { width: 100%; height: 100%; border-radius: 50%; } .userinfo > .userinfo_header > .left > .headimage .icon { position: absolute; right: 0; bottom: 0; width: 20px; height: 20px; } .userinfo > .userinfo_header > .right { display: flex; align-items: center; } .userinfo > .userinfo_header > .right .like { display: flex; align-items: center; height: 30px; padding: 0 10px; border-radius: 4px; background: #f4f4f4; } .userinfo > .userinfo_header > .right .like img { width: 16px; margin-right: 9px; } .userinfo > .userinfo_header > .right .like .num { font-size: 1.1rem; color: #666; } .userinfo .username { font-size: 1.8rem; font-weight: 700; color: #000; white-space: nowrap; text-overflow: ellipsis; word-break: break-all; overflow: hidden; width: 100%; margin: 10px 0; } .userinfo .department { font-size: 1.1rem; color: #666; } .userinfo .userinfo_content { flex: 1; padding: 0 12px; font-size: 1.3rem; background-color: #fff; } .userinfo .userinfo_content_item { color: #000; position: relative; display: flex; justify-content: space-between; align-items: center; padding: 15px 0; border-bottom: 1px solid #e5e5e5; } .userinfo .userinfo_content_item span:nth-child(2) { margin-right: 14px; } .userinfo .userinfo_content_item > img { position: absolute; top: 19px; right: 0; width: 6px; } .userinfo .userinfo_content_item_sex .sex_form { display: flex; flex-direction: row; align-items: center; justify-content: flex-end; gap: 24px; } .userinfo .userinfo_content_item_sex .sex_form .radio_form { cursor: pointer; display: inline-flex; align-items: center; gap: 8px; } .userinfo .userinfo_content_item_sex .sex_form .radio_form .radio_form_icon { width: 16px; height: 16px; } .userinfo .userinfo_content_item_sex .sex_form .radio_form .radio_form_icon .app-svg-themebox { vertical-align: unset; } .userinfo .userinfo_content_item_sex .sex_form .radio_form > div { font-size: 1.4rem; font-weight: normal; line-height: 22px; color: #000000; } .userinfo .userinfo_content_item_wrapper { display: flex; flex-direction: column; border-bottom: 1px solid #e5e5e5; } .userinfo .userinfo_content_item_wrapper .userinfo_form_item_error { line-height: 20px; margin-top: 0; padding-top: 4px; font-size: 1.2rem; font-weight: 350; text-align: right; color: #FF6F6F; visibility: hidden; } .userinfo .userinfo_content_item_wrapper .userinfo_form_item_error.is-show { visibility: visible; } .userinfo .userinfo_content_item_wrapper .userinfo_content_item { border-bottom: none; } .userinfo .name_wrapper_error, .userinfo .email_wrapper_error, .userinfo .phone_wrapper_error { border-bottom-color: #FF6F6F; } .userinfo .userinfo_address_wrapper .cashedsite_list_item_address, .userinfo .userinfo_address_wrapper .content.address { border-bottom: none; } .userinfo .userinfo_address_wrapper .cashedsite_list_item_address.address_region_error { border-bottom: 1px solid #FF6F6F; } .userinfo .userinfo_address_wrapper .content.address.address_detail_error:not(.detail-address-wrapper) textarea { box-shadow: inset 0 0 0 1px #FF6F6F; } .userinfo .userinfo_content_item_name .name_form { flex: 1; display: flex; flex-direction: row; align-items: center; overflow: hidden; } .userinfo .userinfo_content_item_name .name_form .word-limit-input { flex: 1; min-width: 0; overflow: hidden; } .userinfo .userinfo_content_item_name .name_form .word-limit { flex-shrink: 0; font-size: 1.2rem; color: #646566; padding-left: 8px; white-space: nowrap; } .userinfo .userinfo_content_item_name .name_form input { width: 100%; height: 22px; font-size: 1.4rem; border: 0 solid transparent; padding: 0; text-align: right; font-family: PingFang SC, PingFang SC-Regular; font-weight: 400; background-color: transparent; outline: none; } .userinfo .userinfo_content_item_name .name_form input::placeholder { font-size: 1.4rem; color: #ccc; } .userinfo .userinfo_content_item_email .email_form { flex: 1; display: flex; flex-direction: row; align-items: center; overflow: hidden; } .userinfo .userinfo_content_item_email .email_form .word-limit-input { flex: 1; min-width: 0; overflow: hidden; } .userinfo .userinfo_content_item_email .email_form .word-limit { flex-shrink: 0; font-size: 1.2rem; color: #646566; padding-left: 8px; white-space: nowrap; } .userinfo .userinfo_content_item_email .email_form input { width: 100%; height: 22px; font-size: 1.4rem; border: 0 solid transparent; padding: 0; text-align: right; font-family: PingFang SC, PingFang SC-Regular; font-weight: 400; background-color: transparent; outline: none; } .userinfo .userinfo_content_item_email .email_form input::placeholder { font-size: 1.4rem; color: #ccc; } .userinfo .userinfo_content_item_phone .phone_form { flex: 1; display: flex; flex-direction: row; align-items: center; overflow: hidden; } .userinfo .userinfo_content_item_phone .phone_form .word-limit-input { flex: 1; min-width: 0; overflow: hidden; } .userinfo .userinfo_content_item_phone .phone_form .word-limit { flex-shrink: 0; font-size: 1.2rem; color: #646566; padding-left: 8px; white-space: nowrap; } .userinfo .userinfo_content_item_phone .phone_form input { width: 100%; height: 22px; font-size: 1.4rem; border: 0 solid transparent; padding: 0; text-align: right; font-family: PingFang SC, PingFang SC-Regular; font-weight: 400; background-color: transparent; outline: none; } .userinfo .userinfo_content_item_phone .phone_form input::placeholder { font-size: 1.4rem; color: #ccc; } .contacts_user_info .userinfo .userinfo_content .cashedsite_list_item_address { padding: 15px 0; border-bottom: 1px solid #e5e5e5; } .contacts_user_info .userinfo .userinfo_content .cashedsite_list_item_address .title { font-size: 1.5rem; color: #000; flex-shrink: 0; } .contacts_user_info .userinfo .userinfo_content .cashedsite_list_item_address .addrass_cascader { text-align: right; flex: 1; font-size: 1.4rem; color: #000; cursor: pointer; } .contacts_user_info .userinfo .userinfo_content .content.address { padding: 12px 0 15px; } .contacts_user_info .userinfo .userinfo_content .content.address textarea { font-size: 1.4rem; width: 100%; height: 136px; border: none; resize: none; outline: none; } .contacts_user_info .userinfo .userinfo_content .content.address textarea::placeholder { font-size: 1.5rem; color: #ccc; } .contacts_user_info .userinfo .userinfo_content .content.address.detail-address-box:not(.detail-address-wrapper) { display: flex; flex-direction: column; align-items: flex-end; } .contacts_user_info .userinfo .userinfo_content .content.address.detail-address-box:not(.detail-address-wrapper) .word-limit { font-size: 1.1rem; color: #646566; padding-top: 4px; } .userinfo_save_btn__app { position: absolute; right: 12px; display: flex; align-items: center; height: 24px; padding: 0 12px; font-size: 1.3rem; color: #fff; background: var(--themcolor); border-radius: 99px; } .mytitle { min-height: calc(100vh - 44px); } .mytitle .mytitle_info { position: relative; display: flex; justify-content: space-between; align-items: center; height: 90px; margin: 15px 0; padding-right: 56px; padding-left: 44px; } .mytitle .mytitle_info > img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .mytitle .mytitle_info > .app-svg-themebox { width: calc(100% - 24px); height: 100%; border-radius: 8px; overflow: hidden; position: absolute; top: 0; left: 12px; } .mytitle .mytitle_info .mytitle_info_item { display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative; } .mytitle .mytitle_info .mytitle_info_item .line_1 { font-size: 1.6rem; font-weight: 700; color: #fff; margin-bottom: 6px; } .mytitle .mytitle_info .mytitle_info_item .line_2 { font-size: 1.1rem; color: #fff; margin-bottom: 0; opacity: 0.8; } .mytitle .mytitle_info .mytitle_info_help { position: absolute; top: 8px; right: 20px; width: 16px; } .mytitle .mytitle_info .mytitle_info_help img { width: 100%; } .mytitle .mytitle_content { padding: 0 12px; } .mytitle .mytitle_content .mytitle_content_caption { display: flex; justify-content: space-between; align-items: center; height: 40px; padding-right: 18px; padding-left: 12px; background: #f4f4f4; } .mytitle .mytitle_content .mytitle_content_caption .caption_item { font-size: 1.1rem; color: #999; flex: 1; } .mytitle .mytitle_content .mytitle_content_caption .caption_item:nth-child(2) { flex: 0 0 calc(100% - 180px); width: calc(100% - 180px); } .mytitle .mytitle_content .mytitle_content_caption .caption_item:nth-child(3) { text-align: right; } .mytitle .mytitle_content .mytitle_content_caption .caption_item:nth-child(4) { text-align: right; } .mytitle .mytitle_content .rankings_list { padding: 16px 0; } .mytitle .mytitle_content .rankings_list .rankings_list_item { font-size: 1.3rem; color: #000; display: flex; align-items: center; margin-bottom: 29px; } .mytitle .mytitle_content .rankings_list .rankings_list_item .rankings_list_place { color: #9e9e9f; text-align: center; padding: 0 11px; } .mytitle .mytitle_content .rankings_list .rankings_list_item .rankings_list_place img { width: 24px; } .mytitle .mytitle_content .rankings_list .rankings_list_item .rankings_list_place span { text-align: center; display: inline-block; min-width: 24px; } .mytitle .mytitle_content .rankings_list .rankings_list_item .rankings_list_name { display: flex; flex: 0 0 calc(100% - 180px); align-items: center; width: calc(100% - 180px); padding: 0 6px; } .mytitle .mytitle_content .rankings_list .rankings_list_item .rankings_list_name img { width: 30px; margin-right: 9px; border-radius: 50%; } .mytitle .mytitle_content .rankings_list .rankings_list_item .rankings_list_name span { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .mytitle .mytitle_content .rankings_list .rankings_list_item .rankings_list_value { text-align: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; flex: 1; padding: 0 6px; } .mytitle .mytitle_content .rankings_list .rankings_list_item .rankings_list_title { text-align: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; flex: 0 0 58px; width: 58px; } .mytitle-help { min-height: calc(100vh - 44px); } .mytitle-help .mytitle-help_content .mytitle-help_content_caption { display: flex; justify-content: space-between; align-items: center; width: 100%; height: 40px; padding-right: 42px; padding-left: 31px; background: #f4f4f4; } .mytitle-help .mytitle-help_content .mytitle-help_content_caption .caption_item { font-size: 1.3rem; color: #999; flex: 1; } .mytitle-help .mytitle-help_content .mytitle-help_content_caption .caption_item:nth-child(2) { text-align: center; margin-right: 26px; } .mytitle-help .mytitle-help_content .mytitle-help_content_caption .caption_item:nth-child(3) { text-align: right; margin-right: 11px; } .mytitle-help .mytitle-help_content .rule_list { padding-top: 24px; } .mytitle-help .mytitle-help_content .rule_list .rule_list_item { display: flex; justify-content: space-between; align-items: center; margin-bottom: 24px; } .mytitle-help .mytitle-help_content .rule_list .rule_list_item .rule_list_level { font-size: 1.4rem; color: #999; text-align: center; flex: 0 0 85px; width: 85px; margin-right: 11px; padding: 0 10px; } .mytitle-help .mytitle-help_content .rule_list .rule_list_item .rule_list_title { font-size: 1.4rem; color: #000; text-align: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; flex: 1; padding: 0 10px; } .mytitle-help .mytitle-help_content .rule_list .rule_list_item .rule_list_value { font-size: 1.3rem; color: #000; text-align: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; flex: 0 0 145px; width: 145px; padding: 0 10px; } .input_disabled { pointer-events: none; } .courseware_input_disabled { pointer-events: none; opacity: 0; } .urlweb { height: calc(100vh - 46px); position: relative; } .urlweb app-audio-play-controls { position: absolute; z-index: 100; } .urlweb .small_screen_mobile { left: 16px; bottom: 10px; width: calc(100% - 32px); } .urlweb .big_screen_mobile { bottom: 44px; left: 16px; width: calc(100% - 32px); border-radius: 99px; } .urlweb app-urlweb-base { display: block; width: 100%; height: 100%; } .iframe_parentAll .iframe_parentAll_box { width: 100%; height: 100%; } .iframe_parentAll .iframe_parent_PC { height: 100%; } .iframe_parentAll .iframe_parent_PC app-urlweb-base { height: 100% !important; } .iframe_parentAll #iframe_courseware .mejs__controls__togglevideo { color: #fff; z-index: 3; } .iframe_parentAll #iframe_courseware .mejs__controls__togglevideo > div { height: 120px; align-items: center; display: flex; justify-content: center; position: absolute; bottom: 0; z-index: 3; cursor: pointer; pointer-events: none; } .iframe_parentAll #iframe_courseware .mejs__controls__togglevideo .mejs__controls__togglevideo__pre { left: 10px; font-size: 1.4rem; color: white; bottom: 0px; } .iframe_parentAll #iframe_courseware .mejs__controls__togglevideo > div > div { cursor: pointer; pointer-events: all; } .iframe_parentAll #iframe_courseware .mejs__controls__togglevideo > div > div > span { display: inline-block; height: 32px; padding: 6px 10px; background-color: rgba(0, 0, 0, 0.6); border-radius: 16px; } .iframe_parentAll #iframe_courseware .mejs__controls__togglevideo > div > div > span > span { display: inline-block; height: 20px; padding: 0px 6px; margin-left: 10px; font-size: 1.2rem; color: white; background-color: var(--themcolor); border: 1px solid transparent; border-radius: 30px; } .urlweb > div { overflow: hidden; height: 100%; } .urlweb > div > .iframe_parent { position: relative; overflow: auto; height: 100%; -webkit-overflow-scrolling: touch; } .urlpdf > div > .pdf_iframe_parent { height: calc(100vh - 44px); padding-bottom: 52px; } .urlweb > div > .iframe_parent iframe { display: block; height: calc(100vh - 46px); overflow-y: auto; width: 100%; } .urlweb .countstar_outer, .coursewareaudio .countstar_outer { width: 100%; position: absolute; bottom: 0; z-index: 2; margin: 0; } .urlweb .countstar, .coursewareaudio .countstar { width: 100%; min-height: 193px; background: #fff; } .urlweb .countstar .modal-header, .coursewareaudio .countstar .modal-header { position: relative; justify-content: center; } .urlweb .countstar .modal-title, .coursewareaudio .countstar .modal-title { font-size: 1.7rem; font-weight: 500; text-align: center; color: #000000; } .countstar .mystar { text-align: center; margin-top: 25px; margin-bottom: 8px; border: none !important; } .countstar .mystar img { width: 40px; margin-right: 8px; } .countstar .notice { font-size: 1.1rem; text-align: center; color: #999999; } .countstar .modal-footer { padding-top: 30px; padding-bottom: 16px; justify-content: center; } .countstar .modal-footer button { width: 124px; height: 44px; background-color: #eeeeee; border-radius: 25px; font-size: 1.7rem; color: #999999; cursor: pointer; } .countstar .modal-footer button.active { background-color: var(--active-themeColor); color: #ffffff; box-shadow: none; } .urlweb .cleanup, .coursewareaudio .cleanup { position: absolute !important; top: 8px !important; left: 12px !important; width: 28px; } .urlweb > div .coursedetail_comment_footer_block > textarea { width: calc(100% - 120px); } .urlweb .course-courseware-title { font-size: 1.8rem; font-weight: 700; color: #000; } .urlweb_video { height: auto; } .urlweb_video .course-courseware-title > span { word-break: break-all; } .urlweb_video .course-courseware-other { color: #999; } .urlweb_video .course-courseware-other > div > span { margin-right: 20px; } .urlweb_video .list-group-item { height: 95px; } .urlweb_video .list-group-item-video { height: fit-content; padding: 10px 0; } .urlweb_video .list-group-item-video .course-courseware-title { margin-bottom: 8px; } .urlweb_video .comment_title_video { padding: 20px 12px 16px 12px; border-top: 0px solid #e5e5e5; } .urlweb_video .courseware_list_plate_video app-comment-list .comment_list { margin-top: 34px; } .urlweb_video .courseware_list_plate_video app-comment-list .comment_list .comment_list_right .comment_list_down { margin-top: 13px; } .urlweb_video .courseware_list_plate_video app-comment-list:nth-of-type(1) .comment_list { margin-top: 0; } .urlweb_video .courseware_list_plate_video app-comment-list:nth-last-of-type(1) .comment_list { margin-bottom: 10px; } .urlweb_video .course-courseware-box { position: fixed; top: 0; left: 0; z-index: 1; } .urlweb_video .course-courseware-box .video_media_list { border-bottom: 1px solid #e5e5e5; } .urlweb_video .course-courseware-box .video_media_list .list-group-item-video { position: inherit; } .urlweb_video .course-courseware-defultback { position: fixed; z-index: 2; } .urlweb-comment { height: calc(100vh - 94px); } .urlweb-comment > div .iframe_parent iframe { height: calc(100vh - 94px); } .urlweb-comment > div .coursedetail_comment_footer_block > .urlweb-newscomment { width: 80%; } .urlpdf { height: auto; } .pdf-view { z-index: -1; display: block; } .pdf-nav { text-align: center; position: fixed; z-index: 95; bottom: 0; width: 100%; height: 52px; padding: 12px 0; background-color: rgba(0, 0, 0, 0.5); } .pdf-nav span { font-size: 1.3rem; color: #fff; display: inline-block; padding: 4px 10px; } .pdf-nav .pdf-page-btn { cursor: pointer; border: 1px solid #fff; border-radius: 5px; } .pdf-nav .pdf-page-btn:hover { background-color: #87878a; } .pdf-nav .pdf-page-btn-input { text-align: center; display: inline-block; width: 46px; margin-left: 10px; padding: 0 5px; border: 1px solid transparent; } .pdf-nav-rotate { top: 0; bottom: auto; bottom: unset; left: 0; width: 52px; height: 100%; padding: 0 12px; } .pdf-nav-rotate > div { width: 100vh; transform: rotate(90deg); transform-origin: 15px 13px; } .pdf_iframe_parent [_nghost-c2] .pdfViewer.removePageBorders .page { margin: 0 auto 52px; } .urlweb .fade > .modal-dialog > .modal-content > .modal-body > div > a span { float: unset; margin-right: 10px; margin-left: 5px; } .urlweb .fade > .modal-dialog > .modal-content > .modal-body > div > a .red { color: #ff5d5d; } video { width: 100%; } video::-internal-media-controls-download-button { display: none; } video::-webkit-media-controls-enclosure { overflow: hidden; } video::-webkit-media-controls-panel { width: calc(100% + 31px); } .disable_control { position: absolute; z-index: 12; top: 0; left: 0; width: 100%; height: 100%; } .player .mejs__speed-selector { height: unset; } .player .mejs__container, .player .mejs__layer, .player .mejs__mediaelement video { width: 100vw !important; height: calc(56.25vw + 1px) !important; } .player .mejs__container-fullscreen, .player .mejs__container-fullscreen .mejs__layer, .player .mejs__container-fullscreen .mejs__mediaelement video, video:-webkit-full-screen { width: 100% !important; height: 100% !important; } .mejs_backRate { position: relative; display: flex; justify-content: center; align-items: center; cursor: pointer; } .mejs_backRate p { color: #fff; margin: 0; padding: 0; } .mejs_backRate .mejs_backRateBtnBox { position: absolute; top: -100px; left: -5px; display: none; flex-direction: column; justify-content: center; align-items: center; box-sizing: content-box; width: 100%; padding: 0 5px; background-color: rgba(0, 0, 0, 0.5); } .mejs_backRate .mejs_backRateBtnBox .mejs_backRateBtn { color: #fff; display: flex; justify-content: center; align-items: center; width: 100%; height: 25px; } .mejs_backRate .mejs_backRateBtnBox .mejs_backRateBtn:hover { color: #ff6429; } .mejs_backRate:hover .mejs_backRateBtnBox { display: flex; } .player .mejs__controls__togglevideo { color: #fff; z-index: 3; } .player .mejs__controls__togglevideo > div { height: 150px; align-items: center; display: flex; justify-content: center; position: absolute; bottom: 0; z-index: 3; cursor: pointer; pointer-events: none; } .player .mejs__controls__togglevideo .mejs__controls__togglevideo__pre { left: 10px; font-size: 1.4rem; color: white; bottom: 0px; } .player .mejs__controls__togglevideo > div > div { cursor: pointer; pointer-events: all; } .player .mejs__controls__togglevideo > div > div > span { display: inline-block; height: 32px; padding: 6px 10px; background-color: rgba(0, 0, 0, 0.6); border-radius: 16px; } .player .mejs__controls__togglevideo > div > div > span > span { display: inline-block; height: 20px; padding: 0px 6px; margin-left: 10px; font-size: 1.2rem; color: white; background-color: var(--themcolor); border: 1px solid transparent; border-radius: 30px; } .player .xgplayer-skin-default .xgplayer-progress-played { background-image: linear-gradient( -90deg, var(--themcolor), var(--themcolor)); } .player .xgplayer-skin-default .xgplayer-drag { background: var(--themcolor); } .player .xgplayer-skin-default .xgplayer-memoryplay-spot .xgplayer-lasttime { color: var(--themcolor); } .player .xgplayer-skin-default .xgplayer-texttrack { margin-right: 8px; } .player .xgplayer-skin-default .xgplayer-memoryplay-spot { max-width: calc(100% - 20px); padding-left: 8px; bottom: 58px; } .player .xgplayer-skin-default .xgplayer-progress-tip { display: flex; align-items: center; } .player .xgplayer-progress-tip-text { flex: 1; min-width: 0; font-size: 1.2rem; color: white; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .player .xgplayer-progress-tip-text .xgplayer-lasttime { display: inline-block; } .player .xgplayer-progress-tip-custom-close-btn { display: flex; align-items: center; flex-shrink: 0; max-height: 18px; margin: 0 4px 0 6px; border-radius: 4px; padding: 2px 4px; font-size: 1.2rem; line-height: 1.2rem; background-color: white; color: #000; cursor: pointer; } .courseware_audio { min-height: calc(100vh - 314px); height: unset !important; } .courseware_audio .courseware_audio { min-height: 100%; padding-top: 0; background-color: transparent; } .courseware_audio audio { margin: auto; } .courseware_audio_top { font-size: 1.6rem; color: white; text-align: center; height: unset !important; } .courseware_audio_top > div { margin: 0 auto 30px auto; position: relative; color: #000; padding: 0 20px; } .courseware_audio_top > div > div { font-size: 1.8rem; } .courseware_audio_top > div > img { width: 60vw; max-width: 256px; height: 60vw; max-width: 138px; max-height: 138px; } .courseware_audio_top > div > .audio { animation: audiorotate 6s infinite linear; } .courseware_audio_progressbar { height: unset !important; display: flex; padding: 0px 12px; } .courseware_audio .courseware_audio_progressbar > div { width: 70vw; max-width: 500px; height: 15px; margin: auto; } .courseware_audio .courseware_audio_progressbar > div > span { font-size: 1.2rem; color: white; } .courseware_audio .courseware_audio_progressbar > div > span:nth-child(1) { float: left; } .courseware_audio .courseware_audio_progressbar > div > span:nth-child(2) { float: right; } .courseware_audio .courseware_audio_progressbar > .speedofprogress { width: 70vw !important; max-width: 500px; height: 2px; margin-top: 8px; margin-left: 12px; margin-right: 12px; } .courseware_audio .courseware_audio_progressbar > .speedofprogress .progress-bar { position: relative; top: 0; left: -2px; overflow: visible; } .courseware_audio .courseware_audio_progressbar > .speedofprogress .progress-bar img { position: absolute; top: -10px; right: -10px; float: right; width: 22px; height: 22px; } .courseware_audio section { text-align: center; } .courseware_audio section .app-svg-themebox, .courseware_audio section img { width: 54px; height: 54px; margin: 15px; } .courseware_audio section .app-svg-themebox:nth-child(2), .courseware_audio section img:nth-child(2) { width: 68px; height: 68px; } .coursedetail_comment_footer_block > textarea { vertical-align: middle; display: inline-block; width: calc(100% - 120px); padding: 7px 10px 6px 35px !important; border: 1px solid transparent; border-radius: 50px; background-color: #f2f2f2; font-size: 1.4rem; } .coursedetail_comment_footer_block > textarea::-webkit-input-placeholder { color: #000; font-size: 1.4rem; } .coursedetail_comment_footer_block > textarea::-moz-placeholder { color: #000; font-size: 1.4rem; } .coursedetail_comment_footer_block > textarea:-moz-placeholder { color: #000; font-size: 1.4rem; } .coursedetail_comment_footer_block > textarea::-ms-input-placeholder { color: #000; font-size: 1.4rem; } .coursedetail_comment_footer_block > textarea:-ms-input-placeholder { color: #000; font-size: 1.4rem; } .from-gameactivity > textarea { width: calc(100% - 80px) !important; } .course .coursedetail_comment_footer_block > textarea { width: calc(100% - 171px); } .course .coursedetail_comment_footer_block.show_share > textarea { width: calc(100% - 192px); } .course .coursedetail_comment_footer_block.isSuperiors > textarea { width: calc(100% - 240px); } .course .coursedetail_comment_footer_block.show_share.isSuperiors > textarea { width: calc(100% - 242px); } .coursedetail_coursecommon_footer > textarea { padding: 7px 10px 6px 10px !important; } .coursedetail_comment_footer_block > .write_icon { position: absolute; top: 16px; left: 25px; width: 16px; } .coursedetail_comment_footer_block > div { vertical-align: middle; position: relative; display: inline-block; margin-left: 25px; } .course .coursedetail_comment_footer_block.show_share > div { margin-left: 16px; } .writing_comment { display: flex; } .writing_comment > textarea { flex: 1; } .coursedetail_comment_footer_block > div > .app-svg-themebox, .coursedetail_comment_footer_block > div > img { width: 32px; } .coursedetail_comment_footer_block > div > span { font-size: 1.1rem; line-height: 13px; color: #000; position: absolute; top: -2px; left: 22px; padding: 0 4px; border: 1px solid transparent; border-radius: 10px; background-color: white; } .coursedetail_coursecommon_footer > textarea { width: 80%; } .coursedetail_coursecommon_footer > button { font-size: 1.6rem; color: var(--themcolor); text-align: center; position: relative; top: 0; float: right; width: calc(20% - 10px); height: 36px; padding: 6px 1px; border: 1px solid transparent; border-radius: 5px; background-color: transparent; } .course-courseware { position: relative; z-index: 0; overflow: hidden; width: 100vw; height: 56.25vw; background-color: white; } .course-courseware-full { position: fixed; z-index: 100; height: 100%; } .course-courseware-playdefult { text-align: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: calc((56.25vw - 36px) / 2) 0; background-color: rgba(0, 0, 0, 0.05); } .course-courseware-playdefult > span { font-size: 1.4rem; font-weight: 700; line-height: 22px; color: white; display: inline-block; padding: 5px 16px; cursor: pointer; border-radius: 50px; background-color: var(--themcolor); } .course-courseware .course-courseware-showtoggle { text-align: right; position: absolute; z-index: 1; bottom: 0; width: 100%; margin: 0; padding: 8px 12px; pointer-events: none; background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4)); } .course-courseware .course-courseware-showtoggle > img { width: 28px; cursor: pointer; pointer-events: all; } .course-courseware > div, app-course-courseware-web, app-course-courseware-web .urlweb, app-course-courseware-web .urlweb > div > .iframe_parent iframe, app-course-courseware-pdf, app-course-courseware-pdf .urlpdf, app-course-courseware-pdf #pdfiframeparent, app-course-courseware-video .urlweb { height: 100%; } .course-courseware-defultback { position: absolute; z-index: 1; top: 12px; left: 12px; width: 33px; } .course-courseware .course-courseware-audio-layout { position: absolute; top: 0; width: 100%; left: 0; z-index: 99; } .course-courseware .course-courseware-defultimg { width: calc(100% + 16px); filter: blur(3.5px); filter: blur(3.5px); position: relative; top: -4px; left: -8px; } .course-courseware .course-courseware-defultimg-color { width: calc(100% + 16px); position: absolute; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.4); } .course .list-group-item { height: auto; } .course .course-courseware-title { font-size: 1.8rem; color: #000; word-break: break-all; margin-bottom: 5px; } .course .course-courseware-title > span { font-size: 1.6rem; } .course .course-courseware-other { position: relative; } .course-courseware-other_span { margin-left: 4px; } .course .course-courseware-other > div { font-size: 1.2rem; color: #999; display: inline-block; margin-left: 20px; } .course .course-courseware-other > div:first-child { margin-left: 0; } .course .course-courseware-other > div > img { vertical-align: text-bottom; width: 16px; } .course .course-courseware-other > div > .courseware_right_arrow { vertical-align: baseline; width: 7px; padding-left: 3px; } .course .course-courseware-other .courseware_excitationexplain { position: absolute; right: 2px; width: auto; } .course .cn_courseware_img .related_test { max-width: calc(100% - 60px); margin: 5px 0 0 60px; border-radius: 4px; } .course-courseware-comment { position: fixed; z-index: 2000; bottom: 0; width: 100%; height: calc(100vh - 200px); background-color: white; } .course-courseware-comment > p { font-size: 1.7rem; color: #000; text-align: center; position: relative; margin: 0; padding: 10px 50px; border-bottom: 1px solid #e5e5e5; } .course-courseware-comment > p > img { position: absolute; top: 0; left: 0; width: 44px; } .course-courseware-comment > div { overflow: auto; width: 100%; height: calc(100% - 45px); } .course-courseware-comment .comment_footer_block > div { font-size: 1.6rem; color: #666; text-align: center; position: relative; top: 0; float: right; width: calc(20% - 10px); height: 36px; padding: 6px 1px; border: 1px solid transparent; border-radius: 5px; } .course-courseware-comment .comment_footer_block > .coursewarecommonsubmit { color: var(--themcolor); } .course-courseware-comment .comment_footer_block > textarea { border: 1px solid transparent; border-radius: 50px; background-color: #f2f2f2; height: 37px; font-size: 1.4rem; } .ck-focused { border: none; } .course_courseware_audio .mejs__controls__togglevideo { color: #fff; z-index: 3; } .course_courseware_audio .mejs__controls__togglevideo > div { height: 90px; align-items: center; display: flex; justify-content: center; position: absolute; bottom: 0; z-index: 3; cursor: pointer; pointer-events: none; } .course_courseware_audio .mejs__controls__togglevideo .mejs__controls__togglevideo__pre { left: 10px; font-size: 1.4rem; color: white; bottom: 0px; } .course_courseware_audio .mejs__controls__togglevideo > div > div { cursor: pointer; pointer-events: all; } .course_courseware_audio .mejs__controls__togglevideo > div > div > span { display: inline-block; height: 32px; padding: 6px 10px; background-color: rgba(0, 0, 0, 0.6); border-radius: 16px; } .course_courseware_audio .mejs__controls__togglevideo > div > div > span > span { display: inline-block; height: 20px; padding: 0px 6px; margin-left: 10px; font-size: 1.2rem; color: white; background-color: var(--themcolor); border: 1px solid transparent; border-radius: 30px; } .course_courseware_audio { min-height: 56.25vw; padding-top: calc((56.25vw - 44px) / 2); background-color: transparent; } .courseware_audio_background { background-color: rgba(var(--rgbnum), 0.1); } .course_courseware_audio section { text-align: center; } .course_courseware_audio section > div > img { width: 50px; margin: 0; cursor: pointer; } .course_courseware_audio section > div > div { vertical-align: middle; position: relative; display: inline-block; width: 140px; height: 78.5px; margin: 0 20px; } .course_courseware_audio section > div > div > img:nth-child(1) { width: 100%; height: 100%; margin: 0; border: 1px solid transparent; border-radius: 4px; top: 0; left: 0; } .course_courseware_audio section > div > div > img:nth-child(2) { position: absolute; top: calc(50% - 25px); right: 0; left: 0; display: inline-block; width: 50px; height: 50px; margin: auto; cursor: pointer; } .course_courseware_audio .courseware_audio_progressbar { font-size: 1.1rem; text-align: center; display: flex; flex-direction: row; justify-content: center; align-items: center; margin-top: 25px; } .course_courseware_audio .courseware_audio_progressbar > .speedofprogress { vertical-align: baseline; display: inline-block; width: 56vw !important; max-width: 500px; height: 2px; margin: 25px 14px 3px; background-color: rgba(0, 0, 0, 0.1); } .course_courseware_audio .courseware_audio_progressbar_new { margin-top: 30px; } .course_courseware_audio .courseware_audio_progressbar_new > .speedofprogress { margin: 0px 14px 0px; } .course_courseware_audio .progress .progress-bar-warning { background-color: var(--themcolor); } .course_courseware_audio .courseware_audio_progressbar > .speedofprogress .progress-bar img { position: relative; top: -10px; left: 10px; float: right; width: 22px; height: 22px; } .course_courseware_audio { position: relative; } .course_courseware_audio .course_courseware_audio_control_from_layout { max-width: 460px; text-align: center; margin: auto; padding: 0 42px; display: flex; align-items: center; justify-content: space-between; } .course_courseware_audio .course_courseware_audio_control_from { vertical-align: middle; position: relative; display: inline-block; width: 44px; height: 44px; min-width: 44px; margin: 0; } .course_courseware_audio .course_courseware_audio_control_from img { width: 100%; height: 100%; margin: 0; cursor: pointer; } .course_courseware_audio .courseware_audio_progressbar_new { width: 100%; margin: 0; padding: 0; position: absolute; bottom: 16px; left: 0; right: 0; padding-left: 24px; padding-right: 24px; display: flex; flex-direction: row; justify-content: space-between; } .course_courseware_audio .courseware_audio_progressbar_new > span { font-size: 1.2rem; color: #fff; line-height: 18px; } .course_courseware_audio .courseware_audio_progressbar_new .xgplayer .xgplayer-controls .xgplayer-progress { margin: 0 16px; } .course_courseware_audio .courseware_audio_progressbar_new .xgplayer .xgplayer-controls .xgplayer-progress-outer { background-color: rgba(255, 255, 255, 0.4) !important; } .course_courseware_audio .courseware_audio_progressbar_new .xgplayer .xgplayer-controls .xgplayer-progress-cache { background-color: transparent !important; } .course_courseware_audio .courseware_audio_progressbar_new .xgplayer .xgplayer-controls .xgplayer-progress .xgplayer-progress-outer .xgplayer-progress-played { background-image: none !important; background-color: var(--themcolor) !important; } .course_courseware .player .mejs__container, .course_courseware .player .mejs__layer, .course_courseware .player .mejs__mediaelement video { height: 56.25vw !important; } .app_login { padding: 48px 42px 0; } .app_login_app { padding: 92px 42px 0; } .app_login_change_enterprise { position: absolute; top: 24px; right: 16px; padding: 4px 12px; border-radius: 99px; background: #f8f8f8; display: inline-flex; align-items: center; z-index: 999999; } .app_login_change_enterprise > span { color: #000; font-size: 1.3rem; font-style: normal; font-weight: 400; line-height: normal; } .app_login_change_enterprise > img { width: 16px; height: 16px; margin-left: 4px; margin-bottom: 2px; } .app_login .form-group { margin: 0; padding: 0; background-color: white; } .app_login .form-control { font-size: 1.6rem; font-weight: bold; height: 44px; padding: 0px 24px 0 0; box-shadow: none; border: none; border-radius: 0; } .app_login .form-control::input-placeholder { font-weight: normal; color: #999; } .app_login .form-control::-moz-input-placeholder { font-weight: normal; color: #999; } .app_login .form-control::input-placeholder { font-weight: normal; color: #999; } .app_login .form-group .form-control:nth-child(1) { border-bottom: 1px solid #ccc; } .app_login .form-group:nth-child(1) .form-control:nth-child(1) { padding: 6px 0 0; border: none; border-bottom: 1px solid #ccc; } .app_login .form-group:nth-child(2) { position: relative; margin-top: 8px; } .app_login .form-group:nth-child(2) input { padding-right: 66px; } .app_login .form-group:nth-child(2) .icon-eye-wrap { position: absolute; top: 50%; right: -2px; transform: translateY(-50%); padding: 6px; cursor: pointer; } .app_login .form-group:nth-child(2) .icon-eye-wrap .icon-eye { color: #606266; } .app_login .form-group > img { position: relative; top: -29px; left: -29px; float: right; width: 16px; } .app_login .password-captcha { border-bottom: 1px solid #ccc !important; padding: 9px 0 !important; } .app_login .password-captcha > img { top: 0px !important; } .app_login .captcha-wrapper { position: relative; margin-top: 8px; width: 100%; border-bottom: 1px solid #ccc; box-sizing: border-box; } .app_login .captcha-wrapper > input { border: none !important; width: calc(100% - 150px); } .app_login .captcha-wrapper > div { position: absolute; right: 0px; top: 0px; bottom: 0px; margin: auto; display: flex; flex-direction: row; align-items: center; justify-content: center; } .app_login .captcha-wrapper > img { width: 130px; height: 40px; cursor: pointer; position: absolute; right: 0px; top: 8px; left: unset; float: unset; } .app_login_div { width: 100%; padding: 0; } .app_login_info { font-size: 2.1rem; font-weight: bold; color: #000; margin-bottom: 42px; } .app_login_download { font-size: 1.2rem; left: 0; float: left; padding: 5px 0; cursor: pointer; } .app_login_findpw_wrapper { float: right; } .app_login_findpw { font-size: 1.1rem !important; color: #666 !important; right: 0; margin-left: auto; cursor: pointer; } .app_login_findpw > a { color: #666; } .business-college-login-mode { font-size: 1.2rem; color: #666; right: 0; float: right; padding: 10px 0; cursor: pointer; margin-left: 10px; } .app_login_download:active { opacity: 0.8; } .app_login_download > a { color: var(--themcolor); text-decoration: none; } .app_login_download > a:active { opacity: 0.9; } .app_login_span:hover { color: var(--themcolor); } .login_warn { font-size: 1.3rem; color: #ff5d5d; width: calc(100% - 90px); height: 16px; margin-top: 10px; padding: 0; } .app_login_other { width: 100%; } .app_login_privacyagreement { display: inline-block; margin-top: 5px; } .app_login_privacyagreement > .app-svg-themebox { width: 16px; height: 16px; margin-right: 4px; cursor: pointer; } .app_login_privacyagreement > img { width: 16px; margin-right: 4px; cursor: pointer; } .app_login_privacyagreement > span { display: inline-block; vertical-align: middle; font-size: 1.3rem; color: #000; } .app_login_privacyagreement > span > span { color: var(--themcolor); cursor: pointer; } .app_login_remember { display: flex; align-items: center; margin-bottom: 4px; } .app_login_touristlogin { color: #666; text-align: center; width: 100%; margin: 5px auto; padding: 9px; border: 1px solid #ddd; border-radius: 5px; background-color: #f4f4f4; } .app_login_touristlogin:active { box-shadow: 0 0 6px 1px #e5e5e5 inset; } .login_btn_phone { color: white; width: 100%; margin: 0px auto 24px; padding: 9px; border: 1px solid var(--themcolor); border-radius: 25px; background-color: var(--themcolor); font-size: 1.5rem; } .login_btn_phone:active, .login_btn_phone:focus, .login_btn_phone:hover { color: #fff; border-color: var(--themcolor); border-radius: 25px; background-color: var(--themcolor); } .login_default_page { display: flex; flex-direction: column; align-items: center; justify-content: center; position: fixed; left: 0px; top: 0px; width: 100vw; height: 100vh; } .login_default_page .login_default_top { width: 100%; text-align: center; } .login_default_page .login_default_top > .app-svg-themebox { pointer-events: none; max-width: 100%; max-height: 100%; } .login_default_page .login_default_content { width: 100%; height: 232px; position: relative; } .login_default_page .login_default_content .login_download_app { width: 174px; height: 47px; line-height: 47px; background: var(--themcolor); border-radius: 99px; font-size: 1.6rem; font-weight: bold; color: white; margin: auto; cursor: pointer; text-align: center; } .login_default_page .login_default_content .login_default_desc { margin: 8px 0 64px 0; text-align: center; } .login_default_page .login_default_content .login_default_desc > div { font-size: 1.4rem; color: rgba(0, 0, 0, 0.6); word-break: break-all; } .privicy_modal, .privicy_reject_modal { font-size: 1.4rem; } .privicy_modal .modal-dialog, .privicy_reject_modal .modal-dialog { margin: 0px 20px; } .privicy_modal .modal-dialog .modal-content, .privicy_reject_modal .modal-dialog .modal-content { border-radius: 16px; padding: 5px 12px; } .privicy_modal .modal-dialog .modal-content .modal-header, .privicy_reject_modal .modal-dialog .modal-content .modal-header { justify-content: center; padding: 22px 10px; } .privicy_modal .modal-dialog .modal-content .modal-header .modal-title, .privicy_reject_modal .modal-dialog .modal-content .modal-header .modal-title { font-weight: bold; font-size: 1.8rem; text-align: center; color: #000; } .privicy_modal .modal-dialog .modal-content .modal-body .privacy_content, .privicy_reject_modal .modal-dialog .modal-content .modal-body .privacy_content { color: #666; } .privicy_modal .modal-dialog .modal-content .modal-body .privacy_content .top_info span, .privicy_reject_modal .modal-dialog .modal-content .modal-body .privacy_content .top_info span { color: var(--themcolor); } .privicy_modal .modal-dialog .modal-content .modal-body .privacy_content .permissions_list, .privicy_reject_modal .modal-dialog .modal-content .modal-body .privacy_content .permissions_list { text-indent: 2rem; } .privicy_modal .modal-dialog .modal-content .modal-body .privacy_content .bottom_contact, .privicy_reject_modal .modal-dialog .modal-content .modal-body .privacy_content .bottom_contact { margin-top: 2px; } .privicy_modal .modal-dialog .modal-content .modal-footer, .privicy_reject_modal .modal-dialog .modal-content .modal-footer { justify-content: center; border-top: 0px solid #ccc; padding: 0px 0px 0.75rem; } .privicy_modal .modal-dialog .modal-content .modal-footer .check_dialog_privacyagreement, .privicy_reject_modal .modal-dialog .modal-content .modal-footer .check_dialog_privacyagreement { width: 100%; padding: 20px 0px; text-align: left; font-size: 1.2rem; color: #000; margin: 0px; } .privicy_modal .modal-dialog .modal-content .modal-footer .btn, .privicy_reject_modal .modal-dialog .modal-content .modal-footer .btn { width: 9.8rem; text-align: center; border-radius: 50px; font-size: 1.6rem; color: white; min-width: 98px; } .privicy_modal .modal-dialog .modal-content .modal-footer .btn_gray_login, .privicy_reject_modal .modal-dialog .modal-content .modal-footer .btn_gray_login { color: #000; border: 1px solid #e5e5e5; margin-right: 20px; } .privicy_modal .modal-dialog .modal-content .modal-footer .btn_thin_logindefult, .privicy_reject_modal .modal-dialog .modal-content .modal-footer .btn_thin_logindefult { border-color: rgba(var(--rgbnum), 0.4); background-color: rgba(var(--rgbnum), 0.4); } .privicy_modal .modal-dialog .modal-content .modal-footer .btn_thin_login, .privicy_reject_modal .modal-dialog .modal-content .modal-footer .btn_thin_login { background-color: var(--themcolor); } .oauthlogin_failed { width: 100%; min-height: 100vh; height: 100%; padding: 20px 40px 40px 40px; display: flex; justify-content: center; align-items: center; } .oauthlogin_failed > div { text-align: center; } .oauthlogin_failed > div > img { width: 200px; height: 200px; } .oauthlogin_failed > div > p { margin-top: 40px; margin-bottom: 0; font-size: 2rem; font-weight: 700; color: #000; white-space: pre-wrap; } .oauthlogin_failed > div > div { margin-top: 16px; text-align: left; } .oauthlogin_failed > div > div > div:nth-child(1) { margin-bottom: 16px; font-size: 1.4rem; color: #666; white-space: pre-wrap; } .oauthlogin_failed > div > div > div:nth-child(2) { margin-bottom: 1px; } .oauthlogin_failed > div > div > div:nth-child(2), .oauthlogin_failed > div > div > div:nth-child(3) { font-size: 1.2rem; color: #999; white-space: pre-wrap; } .oauthlogin_failed > div > span { display: inline-block; margin-top: 40px; padding: 6px 32px; font-size: 1.5rem; color: var(--themcolor); border: 1px solid var(--themcolor); border-radius: 50px; white-space: pre-wrap; } .shortmessagecode { position: relative; } .shortmessagecode > div { font-size: 1.2rem; text-align: center; position: absolute; top: 8px; right: 12px; display: inline-block; width: 74px; padding: 5px 0; } .shortmessagecode > .shortmessage_code { color: white; border: 1px solid var(--themcolor); border-radius: 5px; background-color: var(--themcolor); } .shortmessagecode > .shortmessage_countdown { color: #999; text-align: right; top: 9px; } .common_title { height: 230px; padding: 0 40px; } .updatepassword .common_title > span { margin-top: 8px; } .getpwd { font-size: 2.1rem; font-weight: bold; color: #000; width: 100%; padding: 35px 0 0; } .getpwd > span { font-size: 1.8rem; color: var(--themcolor); } .foundback { position: relative; margin-top: 50px; } .foundback .sendpwd { font-size: 2.1rem; font-weight: bold; color: #000; } .foundback .login_btn_phone_gry, .foundback .login_btn_phone, .feed_back .login_btn_phone_gry, .feed_back .login_btn_phone, .resetpwd-contrainer .login_btn_phone_gry, .resetpwd-contrainer .login_btn_phone { color: white; width: 100%; height: 45px; margin-top: 50px; opacity: 0.4; font-size: 1.5rem; border: 1px solid var(--themcolor); border-color: #f4f4f4; border-radius: 25px; background-color: var(--themcolor); } .foundback .login_btn_phone, .feed_back .login_btn_phone, .resetpwd-contrainer .login_btn_phone { opacity: 1; } .foundback > img { position: absolute; top: 16px; right: 6px; width: 20px; height: 20px; cursor: pointer; } .foundback .confirm_password { top: 56px; } .foundback > span:nth-child(1) { text-align: center; display: block; } .foundback > span:nth-child(2), .foundback > span:nth-child(4) { font-size: 1.2rem; color: #999; text-align: center; display: block; margin-top: 8px; } .foundback .form-control { font-size: 1.6rem; height: 45px; padding: 6px 32px 6px 0; box-shadow: none; border: 0 !important; border-bottom: 1px solid #ccc !important; border-radius: 0; } .foundback .form-control::input-placeholder { font-weight: normal; color: #999; } .foundback .form-control::-moz-input-placeholder { font-weight: normal; color: #999; } .foundback .form-control::input-placeholder { font-weight: normal; color: #999; } app-messageback .foundback .form-control { font-weight: bold; height: 50px; } app-messageback .foundback .click_refresh { position: absolute; top: 62px; right: 6px; float: right; } app-messageback .foundback .click_refresh > img { width: 72px; height: 30px; } app-messageback .foundback .rightnumber { top: 16px; width: 16px; height: 16px; } app-messageback .foundback .unbond { font-size: 1.1rem; color: #ff5d5d; margin: 10px 0 0; } app-messageback .code_warn, app-validation .code_warn { font-size: 1.1rem; color: #ff5d5d; margin-top: 10px; padding: 5px 0; } app-messageback .code_warn > span:last-child { color: #999; float: right; } app-validation .foundback > span:first-child { color: #000; text-align: left; font-size: 1.4rem; } app-validation .foundback .hiddeninput { position: absolute; opacity: 0; border: 0; outline: none; } app-validation .foundback .codelist { width: 100%; margin-top: 10px; padding: 0; border-bottom: 1px solid #e5e5e5; } app-validation .foundback .codelist > input { font-size: 3rem; font-weight: bold; vertical-align: top; display: inline-block; width: 100%; height: 50px; margin-right: 15px; border: 0; outline: 0; } .foundback_shortcode { position: relative; margin-top: 16px; } .foundback_shortcode input { color: transparent; text-indent: -999rem; display: block; width: 100%; height: 0; margin-left: -100%; opacity: 0; } .foundback_shortcode .codelist_line { font-size: 3rem; font-weight: bold; text-align: center; vertical-align: top; position: relative; display: inline-block; width: calc((50% - 20px) / 3); margin-right: 8px; border: 1px solid #e5e5e5; border-radius: 8px; background-color: #f8f8f8; height: 56px; line-height: 56px; margin-bottom: 0; } .validation .codelist_line { font-size: 3rem; font-weight: bold; text-align: center; vertical-align: top; position: relative; display: inline-block; width: calc((50% - 20px) / 3); margin-right: 8px; border: 1px solid #e5e5e5; border-radius: 8px; background-color: #f8f8f8; height: 56px; line-height: 56px; margin-bottom: 0; } .validation .fullwarn { border: 1px solid #ff6f6f; background-color: #fff; color: #ff6f6f; } .foundback_shortcode .codelist_line:last-child { margin: 0; } .foundback_shortcode .codelist_line::after { position: absolute; bottom: 0; left: 0; display: block; width: 100%; height: 1px; content: ""; } .foundback_shortcode .foundback_shortcode_animating::before { position: absolute; top: 20%; left: 50%; display: block; width: 2px; height: 60%; content: ""; animation-name: coruscate; animation-duration: 1s; animation-iteration-count: infinite; background-color: var(--themcolor); animation-fill-mode: both; } app-validation .foundback .codelist .inputwarn { color: #ff5d5d; border-bottom: 1px solid #ff5d5d; } app-validation .resendcode, app-validation .unableresend { font-size: 1.4rem; margin-top: 16px; float: right; } app-validation .resendcode { color: var(--themcolor); cursor: pointer; } app-validation .unableresend { color: #999; pointer-events: none; } app-validation .resendcode > img, app-validation .unableresend > img { position: relative; top: -1px; width: 12px; margin-right: 4px; } app-validation .resendcode > span, app-validation .unableresend > span { vertical-align: middle; } .clickfind { font-size: 1.3rem; color: var(--themcolor); text-align: center; width: 100%; margin-top: 220px; } .clickfind > div { width: 40px; height: 40px; background-color: var(--themcolor); border-radius: 50%; padding: 8px; margin: 0 auto 8px auto; } .clickfind > div > img { width: 24px; height: 24px; } .app_login .warn, app-messageback .warn { color: #ff5d5d; border-bottom: 1px solid #ff5d5d !important; } .staticinfo { background-color: #f4f4f4; } .staticinfo > div { font-size: 1.4rem; color: #999; text-align: center; width: 100%; padding: 13px; } .static_info_tip { font-size: 1.4rem; color: #999; text-align: center; width: 100%; padding: 13px; background-color: #f4f4f4; } .static_info_tip > img { position: relative; top: -1px; width: 14px; height: 14px; margin-right: 5px; } .staticinfo_content { margin-top: 10px; } .staticinfo > section > div:nth-child(1) { margin: 0; } .staticinfo_content > div { display: inline-block; } .staticinfo_content .staticinfo_content_left { float: left; width: 40px; height: 110px; padding: 0; display: flex; align-items: center; } .staticinfo_content .staticinfo_content_left > div { font-size: 1.6rem; width: 18px; margin: 9px auto 0; } .staticinfo_content:last-child .staticinfo_content_left > div { margin: 0 auto; } .staticinfo > section > div:nth-child(1) > .staticinfo_content_left { color: white; background-color: #2fcf8c; } .staticinfo > section > div:nth-child(2) > .staticinfo_content_left { color: white; background-color: #1faee5; } .staticinfo > section > div:nth-child(3) > .staticinfo_content_left { color: white; background-color: #fe7448; } .staticinfo > section > div:nth-child(4) > .staticinfo_content_left { color: white; background-color: #fe9431; } .staticinfo > section > div:nth-child(5) > .staticinfo_content_left { color: white; background-color: #2ecafe; } .staticinfo_content .staticinfo_content_right { width: calc(100% - 40px); height: 110px; padding: 25px 0; background-color: white; } .staticinfo_content .staticinfo_content_right > div { text-align: center; display: inline-block; width: 50%; height: 100%; } .staticinfo_content .staticinfo_content_right > div:nth-child(1) { border-right: 1px solid #f4f4f4; } .staticinfo_content .staticinfo_content_right > div:nth-child(2) { border-left: 1px solid #f4f4f4; } .staticinfo_content .staticinfo_content_right > div > p { font-size: 1.4rem; color: #666; margin: 0; } .staticinfo_content .staticinfo_content_right > div > p:nth-child(2) { font-size: 2rem; color: #3082a3; margin-top: 12px; } .project_rankings .rankings { position: relative; min-height: calc(100vh - 44px); padding-bottom: 60px; background-color: #f4f4f4; } .project_rankings .rankings > div { padding: 12px 10px; background-color: white; } .project_rankings .rankings > div > div > div:nth-child(1) { text-align: center; padding: 2px 10px; } .project_rankings .rankings > div > div > div:nth-child(2) { text-align: left; width: calc(100% - 180px); padding: 0 10px; } .project_rankings .rankings > div > div > div:nth-child(3) { text-align: right; width: 100px; } .project_rankings .rankings .rankings_catgory { font-size: 1.4rem; color: #999; height: 44px; } .project_rankings .rankings .rankings_catgory > div { line-height: 15px; } .project_rankings .rankings .rankings_catgory > div > div:nth-child(2) { border-left: 1px solid #ccc; } .project_rankings .rankings .rankings_list { margin-top: 5px; padding: 0 10px; } .project_rankings .rankings .rankings_list > div { padding: 7px 0; border-bottom: 1px solid #e5e5e5; } .project_rankings .rankings .rankings_list > div:last-child { border: none; } .project_rankings .rankings .rankings_list > .rankings_list_tri { height: 60px; } .project_rankings .rankings .rankings_list > .rankings_list_nottri { height: 55px; } .project_rankings .rankings .rankings_list > div img { width: 30px; margin-top: 7px; } .project_rankings .rankings > div > div > div { vertical-align: middle; display: inline-block; height: 100%; } .project_rankings .rankings .rankings_list .rankings_list_nottri .rankings_list_place > span { font-size: 1.4rem; color: #999; display: inline-block; min-width: 30px; margin-top: 11px; } .project_rankings .rankings .rankings_list .rankings_list_tri .rankings_list_value { font-size: 1.2rem; color: #999; padding: 11px 0; } .project_rankings .rankings .rankings_list .rankings_list_tri .rankings_list_value > span { font-size: 1.8rem; font-weight: bold; color: #4c93eb; vertical-align: middle; margin-right: 4px; } .project_rankings .rankings .rankings_list .rankings_list_nottri .rankings_list_value { font-size: 1.2rem; color: #999; padding: 10px 0; } .project_rankings .rankings .rankings_list .rankings_list_nottri .rankings_list_value > span { font-size: 1.5rem; color: #000; margin-right: 4px; } .project_rankings .rankings .rankings_list .rankings_list_name > div:nth-child(2) { font-size: 1.2rem; color: #999; } .project_rankings .rankings .rankings_list .rankings_list_tri .rankings_list_name { padding: 3px 10px; } .project_rankings .rankings .rankings_list .rankings_list_tri .rankings_list_name > div:nth-child(1) { font-size: 1.6rem; font-weight: bold; } .project_rankings .rankings .rankings_list .rankings_list_tri .rankings_list_name1 > div:nth-child(1) { color: #f66; } .project_rankings .rankings .rankings_list .rankings_list_tri .rankings_list_name2 > div:nth-child(1) { color: #f7931e; } .project_rankings .rankings .rankings_list .rankings_list_tri .rankings_list_name3 > div:nth-child(1) { color: #4c93eb; } .project_rankings .rankings .rankings_list .rankings_list_nottri .rankings_list_name { padding: 1px 10px; } .project_rankings .rankings .rankings_list .rankings_list_nottri .rankings_list_name > div:nth-child(1) { font-size: 1.4rem; color: #000; } .project_rankings .rankings .rankings_list .rankings_list_name > div { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 100%; } .project_rankings .rankings .rankings_list .rankings_list_tri .rankings_list_onlyname { padding: 12px 10px; } .project_rankings .rankings .rankings_list .rankings_list_nottri .rankings_list_onlyname { padding: 11px 10px; } .project_rankings .rankings .rankings_mine { position: fixed; bottom: 0; width: 100%; height: 55px; } .project_rankings .rankings .rankings_mine .rankings_mine_notrank > div { font-size: 1.4rem; color: #000; width: 100%; padding: 11px 0; } .project_rankings .rankings .rankings_mine .rankings_mine_notrank > div > span { font-size: 1.2rem; color: #999; } .project_rankings .norankings { font-size: 1.4rem; color: #666; text-align: center; padding-top: calc(50vh - 140px); } .project_rankings .norankings img { width: 110px; } .project_rankings .norankings p { margin: 10px 0; } .mystaticinfo { min-height: calc(100vh - 44px); background-color: #f4f4f4; } .mystaticinfo_count { font-size: 1.4rem; color: #666; margin-top: 10px; background-color: white; } .mystaticinfo > div:first-child { margin: 0; } .mystaticinfo_count > .mystaticinfo_count_title { padding: 10px; border-bottom: 1px solid #e5e5e5; } .mystaticinfo_count_title > div { position: relative; top: 3px; display: inline-block; width: 4px; height: 15px; margin-right: 3px; } .mystaticinfo_count:nth-child(1) .mystaticinfo_count_title > div { background-color: #24d58a; } .mystaticinfo_count:nth-child(2) .mystaticinfo_count_title > div { background-color: #ff902a; } .mystaticinfo_count_title > p { display: inline-block; margin: 0; } .mystaticinfo_count_item { width: 100%; padding: 10px; border-bottom: 1px solid #e5e5e5; } .mystaticinfo_count_item:last-child { border: none; } .mystaticinfo_count_item > div { display: inline-block; } .mystaticinfo_count_item > div:nth-child(1) { font-size: 1.5rem; color: #000; } .mystaticinfo_count_item > div:nth-child(2) { float: right; } .mystaticinfo_count_item > div:nth-child(2) > span:nth-child(1) { color: var(--themcolor); } .luckdraw_container .setMarginTop { margin-top: 44px; } .luckdraw_container .fixedUl { position: fixed; background-color: white; } .luckdraw { position: relative; overflow: hidden; width: 100%; height: 100%; min-height: 100vh; padding: 68px 0 20px 0; background-color: #add0ff; } .luckdraw_back { font-size: 1.8rem; color: white; position: absolute; top: 0; left: 0; padding: 6px 12px; width: 100%; background-color: transparent; } .luckdraw_back > span { font-size: 1.5rem; position: relative; top: -2px; } .luckdraw_bg { position: absolute; top: 0; left: 0; width: 100%; pointer-events: none; } .luckdraw_content { text-align: center; width: 100%; } .luckdraw_content_title { position: relative; width: 69%; max-width: 260px; margin: auto; } .luckdraw_content_turntable_prize { position: relative; width: calc(100vw - 40px); height: calc(100vw - 40px); margin: auto; margin-top: 4vh; border: 1px solid transparent; border-radius: 40vw; background: url("./media/dial-GZHONEAO.png") no-repeat center; background-size: 100% auto; } .luckdraw_content #luckdraw_content_turntablestop { animation: luckdraw_turntablethree 2s ease-out; } .luckdraw_content_turntable_prize > div { position: absolute; top: calc(50% - 72px); left: 0; width: 100%; height: 20px; margin: auto; } .luckdraw_content > .luckdraw_content_turntable { position: relative; } .luckdraw_content_turntable_pointer { position: absolute; z-index: 2; top: 0; right: 0; bottom: 0; left: 0; width: 144px; margin: auto; cursor: pointer; } .luckdraw_content_turntable_prize .luckdraw_Winning { position: absolute; z-index: -1; top: 0; left: -42%; right: 0; bottom: 0; display: none; margin: auto; width: 32%; transform: rotate(270deg); transform-origin: 50% 50%; } .luckdraw_content_turntable_prize > div > div > span { font-size: 1.4rem; font-weight: bold; line-height: 16px; color: #c41400; display: inline-block; width: 16px; height: 148px; margin-right: calc(50% - 60px); transform: rotate(-90deg); } .luckdraw_content_turntable_cir0 > div { transform: rotate(90deg); transform-origin: 50% 50%; } .luckdraw_content_turntable_cir1 > div { transform: rotate(135deg); transform-origin: 50% 50%; } .luckdraw_content_turntable_cir2 > div { transform: rotate(180deg); transform-origin: 50% 50%; } .luckdraw_content_turntable_cir3 > div { transform: rotate(225deg); transform-origin: 50% 50%; } .luckdraw_content_turntable_cir4 > div { transform: rotate(270deg); transform-origin: 50% 50%; } .luckdraw_content_turntable_cir5 > div { transform: rotate(-45deg); transform-origin: 50% 50%; } .luckdraw_content_turntable_cir6 > div { transform: rotate(0deg); transform-origin: 50% 50%; } .luckdraw_content_turntable_cir7 > div { transform: rotate(45deg); transform-origin: 50% 50%; } .luckdraw_content_shadow { width: 50%; z-index: 1; position: relative; } .luckdraw_content_other, .luckdraw_content_awards, .luckdraw_content_description { color: white; width: calc(100% - 20px); margin: -4px auto 0; } .luckdraw_content_other > .luckdraw_content_btns, .luckdraw_content_awards > .luckdraw_content_btns, .luckdraw_content_description > .luckdraw_content_btns { width: 100%; } .luckdraw_content_other > .luckdraw_content_btns > .luckdraw_content_btn, .luckdraw_content_awards > .luckdraw_content_btns > .luckdraw_content_btn, .luckdraw_content_description > .luckdraw_content_btns > .luckdraw_content_btn { min-width: 179px; position: relative; height: 60px; text-align: center; width: fit-content; margin: 8px auto 0; line-height: 60px; } .luckdraw_content_other > .luckdraw_content_btns > .luckdraw_content_btn .content_btn_bg, .luckdraw_content_awards > .luckdraw_content_btns > .luckdraw_content_btn .content_btn_bg, .luckdraw_content_description > .luckdraw_content_btns > .luckdraw_content_btn .content_btn_bg { left: 0; top: 0; width: 100%; height: 100%; position: absolute; } .luckdraw_content_other > .luckdraw_content_btns > .luckdraw_content_btn span, .luckdraw_content_awards > .luckdraw_content_btns > .luckdraw_content_btn span, .luckdraw_content_description > .luckdraw_content_btns > .luckdraw_content_btn span { padding: 0 20px; font-size: 1.6rem; color: #c41400; display: flex; align-items: center; justify-content: center; font-weight: bold; position: relative; z-index: 1; } .luckdraw_content_other > .luckdraw_content_btns > .luckdraw_content_btn span img, .luckdraw_content_awards > .luckdraw_content_btns > .luckdraw_content_btn span img, .luckdraw_content_description > .luckdraw_content_btns > .luckdraw_content_btn span img { width: 15px; margin-left: 7px; } .luckdraw_content_awards_bg { width: calc(100% - 24px); overflow: hidden; margin: 0 auto; position: relative; top: -25px; } .luckdraw_content_awards_other { width: calc(100% - 24px); position: relative; margin: 0 auto; padding: 0 calc((100vw - 24px) / 718 * 18); top: -30px; } .luckdraw_content_awards_other img { width: 100%; position: absolute; top: 0; left: 0; height: 100%; } .luckdraw_content_awards_other .luckdraw_content_awards_prize, .luckdraw_content_awards_other .luckdraw_content_awards_explain { width: 100%; padding-top: 26px; position: relative; z-index: 1; } .luckdraw_content_awards_other .luckdraw_content_awards_prize > div, .luckdraw_content_awards_other .luckdraw_content_awards_explain > div { width: 92%; padding-left: 30px; position: relative; margin-bottom: 14px; } .luckdraw_content_awards_other .luckdraw_content_awards_prize > div > span, .luckdraw_content_awards_other .luckdraw_content_awards_explain > div > span { font-size: 1.6rem; color: #c41400; display: inline-block; text-align: left; font-weight: 700; } .luckdraw_content_awards_other .luckdraw_content_awards_prize > div > span:nth-of-type(1), .luckdraw_content_awards_other .luckdraw_content_awards_explain > div > span:nth-of-type(1) { position: absolute; top: 0; transform: translateY(-45%); left: 21px; font-size: 3rem; } .luckdraw_content_awards_other .luckdraw_content_awards_prize > div > span:nth-of-type(2), .luckdraw_content_awards_other .luckdraw_content_awards_explain > div > span:nth-of-type(2) { width: 100%; padding-bottom: 9px; border-bottom: 2px dashed #ffe1a6; } .luckdraw_content_awards_other .luckdraw_content_awards_prize > p, .luckdraw_content_awards_other .luckdraw_content_awards_explain > p { font-size: 1.3rem; width: 92%; padding-left: 30px; color: #000; text-align: left; word-break: break-all; white-space: pre-wrap; display: flex; align-items: center; justify-content: space-between; margin-bottom: 6px; } .luckdraw_content_awards_other .luckdraw_content_awards_prize > p > span:nth-of-type(2), .luckdraw_content_awards_other .luckdraw_content_awards_explain > p > span:nth-of-type(2) { width: 30%; text-align: right; } .luckdraw_content_awards_other .luckdraw_content_awards_explain { padding-bottom: 30px; } .luckdraw_content_other > div { font-size: 1.5rem; line-height: 16px; color: #000; text-align: center; width: 100%; z-index: 1; position: relative; } .luckdraw_content_other > div:nth-child(3) { font-size: 1.2rem; line-height: 13px; } .luckdraw_content_awards { height: auto !important; background-color: rgba(255, 255, 255, 0.2); } .luckdraw_content_description { background-color: rgba(255, 255, 255, 0.2); } .luckdraw_content_awards, .luckdraw_content_description { padding: 6px; border: 1px solid transparent; border-top-left-radius: 2px; border-top-right-radius: 24px; border-bottom-right-radius: 2px; border-bottom-left-radius: 24px; } .luckdraw_content_awards > div, .luckdraw_content_description > div { padding: 6px 12px; border: 1px dashed #ccc; border-top-left-radius: 2px; border-top-right-radius: 18px; border-bottom-right-radius: 2px; border-bottom-left-radius: 18px; } .luckdraw_content_awards > div > div, .luckdraw_content_description > div > div { font-size: 1.5rem; line-height: 16px; text-align: left; position: relative; padding: 6px 0 12px 12px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .luckdraw_content_awards > div > div > span, .luckdraw_content_description > div > div > span { font-size: 3rem; position: absolute; top: -3px; left: 0; margin-right: 5px; } .luckdraw_content_awards > div > p, .luckdraw_content_description > div > p { font-size: 1.3rem; text-align: left; margin: 6px 0; padding: 0 10px; } .luckdraw_content_description > div > p { word-break: break-all; } .luckdraw_content_awards > div > p > span:nth-child(2) { float: right; } .winningrecord .examtestcard_header { height: 116px; padding: 23px 0; } .winningrecord .examtestcard_header > div { color: white; width: 100%; padding: 0; } .winningrecord .examtestcard_header > div > div { border-right: 1px solid white; } .winningrecord .examtestcard_header > div > div:nth-child(2) { border-right: none; } .winningrecord .examtestcard_header > div > div > h4 { font-size: 2.6rem; margin: 3px 0 15px; } .winningrecord .examtestcard_header > div > div > p { color: rgba(255, 255, 255, 0.6); margin: 0 0 4px; } .winningrecord_content { padding: 0 10px 20px; } .winningrecord_content > div { position: relative; padding: 14px 0 0; } .winningrecord_content .winningrecord_content_left { display: inline-block; width: 60px; } .winningrecord_content .winningrecord_content_right { display: inline-block; width: calc(100% - 65px); } .winningrecord_content .winningrecord_content_right > img { position: absolute; top: 15px; left: 0; width: 60px; } .winningrecord_content .winningrecord_content_right > div > div > h4 { font-size: 1.6rem; color: #000; white-space: nowrap; text-overflow: ellipsis; word-break: break-all; display: inline-block; overflow: hidden; width: calc(100% - 70px); margin: 0; } .winningrecord_content .winningrecord_content_right > div { padding: 9px 0 9px 7px; } .winningrecord_content .winningrecord_content_right > div > div > span { font-size: 1.3rem; color: #ff8400; float: right; } .winningrecord_content .winningrecord_content_right > div > p { font-size: 1.2rem; color: #999; margin: 3px 0 0; } .winningrecord_examtestcard_header { background-color: var(--themcolor); } .touristlogin { width: 74vw; max-width: 360px; margin: 20vh auto auto; } .touristlogin .modal-content { border: 1px solid transparent !important; border-radius: 6px !important; } .touristlogin .modal-content > .modal-header { text-align: center; padding: 30px 15px 15px !important; } .touristlogin .modal-header > img { width: 60%; } .touristlogin .modal-header > h4 { font-size: 1.4rem; color: #000; text-align: center; } .touristlogin .modal-header > div { text-align: center; } .touristlogin .modal-header > div > button { font-size: 1.6rem; font-weight: normal; line-height: 1; color: #000; text-shadow: none; text-align: center; letter-spacing: 1px; display: inline-block; width: calc(50% - 10px); margin: 0 4px; padding: 7px 0; opacity: 1; border: 1px solid #e5e5e5; border-radius: 5px; background-color: white; } .touristlogin .modal-header > div > button:last-child { color: white; border: 1px solid var(--themcolor); background-color: var(--themcolor); } .passthrough { width: 100%; background-color: #f4f4f4; padding: 0 0 20px 0; min-height: calc(100vh - 44px); } .passthrough .next-navbar-padding li { padding: 0; } .passthrough .next-navbar-padding font { position: relative; right: 10px; color: #f5f5f5; } .passthrough .next-navbar-padding img { width: 6px; } .passthrough .myslides { padding: 0 12px; } .passthrough .passthrough_list { width: 100%; padding: 0 12px; margin-top: 10px; } .passthrough .passthrough_list .limitWidth { padding-bottom: 33.33%; border-radius: 8px 8px 0 0; } .passthrough .passthrough_list .limitWidth > img { border-radius: 8px 8px 0 0; } .passthrough .passthrough_list .limitWidth > div { font-size: 1.1rem; padding: 2px 7px; color: #fff; } .passthrough .passthrough_list .limitWidth .status { display: inline-block; background-color: rgba(24, 200, 132, 0.6); border-radius: 8px 0; width: auto; position: absolute; } .passthrough .passthrough_list .limitWidth .status_end { background-color: rgba(102, 102, 102, 0.6); } .passthrough .passthrough_list .limitWidth > div:last-child { position: absolute; bottom: 0; padding: 7px; text-align: right; background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3)); } .passthrough .passthrough_list .limitWidth > div > img { width: 16px; margin-right: 5px; vertical-align: top; } .passthrough_list_content { position: relative; padding: 16px; border-radius: 0 0 8px 8px; background-color: #fff; } .passthrough_list_content > div > div { width: calc(100% - 100px); margin-bottom: 2px; } .passthrough_list_content > div > div > div { font-size: 1.6rem; color: #000; white-space: nowrap; text-overflow: ellipsis; word-break: break-all; overflow: hidden; width: 100%; margin-bottom: 9px; } .passthrough_list_content > div > span { font-size: 1.2rem; color: #999; } .passthrough_list_content > div > span:nth-child(3) { margin-left: 15px; } .passthrough_list_content_button { font-size: 1.3rem; color: var(--themcolor); position: absolute; top: 6px; right: 0; padding: 3px 5px; border: 1px solid var(--themcolor); border-radius: 5px; } .passthroughbrief > div { position: relative; height: calc(100vh - 44px); } .passthroughbrief .passthroughbrief_content { width: 100%; height: 100%; padding-bottom: 87px; } .passthroughbrief .passthroughbrief_content > img { width: 100%; max-height: 320px; } .passthroughbrief .passthroughbrief_content > div { width: 100%; padding: 36px 40px 30px; } .passthroughbrief .passthroughbrief_content > div > div { font-size: 1.8rem; font-weight: 600; color: var(--themcolor); text-align: center; margin-bottom: 30px; } .passthroughbrief .passthroughbrief_content > div > p { word-break: break-all; margin: auto; } .passthroughbrief .passthroughbrief_content_button { position: fixed; z-index: 1; bottom: 0; left: 0; width: 100%; padding: 25px 0; background-color: white; } .passthroughbrief .passthroughbrief_content_button > div { font-size: 1.6rem; color: white; text-align: center; width: 80%; margin: auto; padding: 6px 0; border: 1px solid transparent; border-radius: 20px; background-color: var(--themcolor); } .passthroughbrief .passthroughbrief_content_button > div > img { position: relative; top: -1px; display: inline-block; width: 20px; margin-right: 10px; } .passthroughlist { width: 100%; min-height: calc(100vh - 44px); background-color: #f4f4f4; } .passthroughlist > div { width: 100%; min-height: 100%; padding: 35px 10px; background-image: url("./media/background-4FEDEOYH.png"); } .passthroughlist > div > p { font-size: 1.8rem; font-weight: 600; color: var(--themcolor); text-align: center; width: 100%; margin: 0 0 50px; } .passthroughlist > div > p > span { position: relative; top: -5px; } .passthroughlist_content_list { position: relative; } .passthroughlist_content_list:nth-child(2n+1) > div { margin: 0 auto 0 0; } .passthroughlist_content_list:nth-child(2n) > div { margin: 0 0 0 auto; } .passthroughlist_content_list > div { width: 50%; } .passthroughlist_content_list > div > .passthroughlist_content_list_point { width: 100px; height: 100px; margin: auto; border: 5px solid rgba(255, 255, 255, 0.8); border-radius: 50px; } .passthroughlist_content_list > div > .passthroughlist_content_list_point > img { width: 100%; height: 100%; opacity: 0.5; border-radius: 50px; filter: grayscale(100%); } .passthroughlist_content_list > div > .passthroughlist_content_list_point > .makingpassthrough { filter: grayscale(0%); opacity: 1; } .passthroughlist_content_list > div > p { font-size: 1.4rem; color: #000; text-align: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin: 10px 0 0; } .passthroughlist_content_list > div > .passthroughlist_content_list_line { position: absolute; z-index: 0; top: -79px; right: 0; left: 0; width: calc(50% - 44px); height: 80px; } .passthroughlist_content_list:nth-child(2n) .passthroughlist_content_list_line { margin: 0 25% 0 auto; border-top: 2px dashed #e5e5e5; border-right: 2px dashed #e5e5e5; border-top-right-radius: 160px; } .passthroughlist_content_list:nth-child(2n+1) .passthroughlist_content_list_line { margin: 0 auto 0 25%; border-top: 2px dashed #e5e5e5; border-left: 2px dashed #e5e5e5; border-top-left-radius: 160px; } .passthroughlist_content_list:first-child .passthroughlist_content_list_line { display: none; } .passthroughbrief_content_iframe { width: 100%; height: 100%; } .passthroughexamcard .examtestcard_header > div:nth-child(2) { border-right: none; } .pointmodal_box .pointmodal_content { padding: 16vh 0 0 0; text-align: center; } .pointmodal_box .pointmodal_content > div { position: relative; text-align: center; } .pointmodal_box .pointmodal_content > div .pointmodal_content_close { width: 32px; position: absolute; top: 24px; right: 32px; z-index: 2; } .pointmodal_box .pointmodal_content > div > div { margin-bottom: 15%; position: relative; } .pointmodal_box .pointmodal_content > div > div img:nth-child(1) { width: 66.6666666667vw; position: relative; z-index: 1; pointer-events: none; } .pointmodal_box .pointmodal_content > div > div img:nth-child(2) { width: 100%; animation: mymove 6s infinite linear; position: absolute; left: 0; right: 0; pointer-events: none; } .pointmodal_box .pointmodal_content > div > div .mark_result { position: absolute; transform: translate(-50%, -50%); left: 50%; top: 4%; z-index: 9999; text-align: center; color: #fff; font-size: 1.8rem; } .pointmodal_box .pointmodal_content > div > div .mark_infor { position: absolute; transform: translate(-50%, -50%); left: 50%; top: 50%; z-index: 9999; text-align: center; color: #fff; font-size: 1.3rem; } .pointmodal_box .pointmodal_content > div > div .mark_infor > h4 { font-size: 5rem; } .pointmodal_box_fail { background: linear-gradient(rgb(171, 192, 210), rgb(201, 219, 233)); } .passthroughliststate { position: relative; height: calc(100vh - 44px); background-color: rgba(0, 0, 0, 0.4); } .passthroughliststate > div { height: 100%; } .passthroughliststate .passthroughliststate_content { position: relative; overflow-y: auto; height: 100%; padding: 20px 10px 87px; } .passthroughliststate .passthroughliststate_content > p { font-size: 2rem; color: white; text-align: center; margin: 0; } .passthroughliststate .passthroughliststate_content > .passthroughliststate_content_state { font-size: 3.5rem; } .passthroughliststate .passthroughliststate_content .passthroughliststate_content_integral { position: relative; margin: 15px 0; } .passthroughliststate .passthroughliststate_content .passthroughliststate_content_integral > img { width: 100%; } .passthroughliststate .passthroughliststate_content .passthroughliststate_content_integral > div { position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 104px; margin: auto; } .passthroughliststate .passthroughliststate_content .passthroughliststate_content_integral > div > p { font-size: 7.4rem; line-height: 66px; color: white; text-align: center; margin: 0; } .passthroughliststate .passthroughliststate_content .passthroughliststate_content_integral > div > p:nth-child(2) { font-size: 1.5rem; line-height: 15px; margin-top: 15px; } .pointmodal_box .passthroughliststate_content_test { width: 80%; background: linear-gradient(rgb(186, 205, 206), rgb(118, 148, 162)); border-radius: 13px; margin: 0 auto; padding: 10px 0; position: absolute !important; top: 82%; z-index: 9999; transform: translate(-50%, -50%); left: 50%; } .pointmodal_box .passthroughliststate_content_test_success { background: linear-gradient(#ff7639, #fd4a11); } .passthroughliststate_content_test_lastpass { position: absolute; bottom: 30px; } .pointmodal_box .passthroughliststate_content_test > span { color: white; text-align: center; display: inline-block; width: 33.33%; border-right: 1px solid rgba(255, 255, 255, 0.3); } .pointmodal_box .passthroughliststate_content_test > span:last-child { border: none; } .pointmodal_box .passthroughliststate_content_test > span > span { font-size: 1.4rem; line-height: 16px; color: rgba(255, 255, 255, 0.8); display: block; margin-bottom: 5px; } .pointmodal_box .passthroughliststate_content_test > span > span:nth-child(2) { font-size: 1.8rem; line-height: 20px; color: white; display: block; margin: 0; } .passthroughliststate .passthroughliststate_button { position: absolute; z-index: 1; bottom: 0; left: 0; width: 100%; padding: 25px 0; background-color: var(--themcolor); } .passthroughliststate .passthroughliststate_button > div { font-size: 1.6rem; color: white; text-align: center; width: 80%; margin: auto; padding: 6px 0; border: 1px solid rgb(255, 255, 255); border-radius: 20px; } .passthroughrank { width: 100%; } .passthroughrank_content { overflow-y: auto; height: 100%; padding-bottom: 54px; } .passthroughrank_content > div { width: 100%; } .passthroughrank_content > div > img { width: 100%; height: 116px; } .passthroughrank_content_table { width: 100%; } .passthroughrank_content_table > tr > th { font-size: 1.4rem; font-weight: normal; color: #999; padding: 12px 0; } .passthroughrank_content_table > tr > td { font-size: 1.4rem; color: #666; padding: 15px 0; border-bottom: 1px solid #e5e5e5; } .passthroughrank_content_table > tr > th, .passthroughrank_content_table > tr > td { text-align: center; white-space: nowrap; text-overflow: ellipsis; word-break: break-all; display: inline-block; overflow: hidden; } .passthroughrank_content_table > tr { display: block; width: 100%; padding: 0 10px; } .passthroughrank_content_table > tr:nth-child(1) { background-color: #f4f4f4; } .passthroughrank_content_table > tr > td:nth-child(2) { font-size: 1.5rem; color: #000; padding: 14px 0 15px; } .passthroughrank_content_table > tr > td:nth-child(5) { font-size: 1.5rem; color: var(--themcolor); padding: 14px 0 15px; } .passthroughrank_content_table > tr > th:nth-child(1), .passthroughrank_content_table > tr > td:nth-child(1) { text-align: left; width: 40px; } .passthroughrank_content_table > tr > td:nth-child(1) > span { padding: 1px 7px; } .passthroughrank_content_table > tr > th:nth-child(2), .passthroughrank_content_table > tr > td:nth-child(2) { width: calc(34% - 40px); } .passthroughrank_content_table > tr > th:nth-child(3), .passthroughrank_content_table > tr > td:nth-child(3) { width: calc(50% - 61px); } .passthroughrank_content_table > tr > th:nth-child(4), .passthroughrank_content_table > tr > td:nth-child(4) { width: 60px; } .passthroughrank_content_table > tr > th:nth-child(5), .passthroughrank_content_table > tr > td:nth-child(5) { text-align: right; width: 16%; } .passthroughrank_content_table .passthroughrank_content_table_myicon { color: white; padding: 1px 7px; background-color: var(--themcolor); } .passthroughrank_content_table .passthroughrank_content_table_icon { color: white; padding: 1px 7px; background-color: #ff5d5d; } .passthroughrank_content_table > div { font-size: 1.4rem; color: #999; text-align: center; width: 100%; margin-top: 70px; } .passthroughrank_content_table > div > img { width: 115px; height: 115px; } .passthroughrank_content_table > .loadingicon { margin-top: 10px; } .passthroughrank_myrank { font-size: 1.6rem; line-height: 18px; color: #000; text-align: center; position: fixed; z-index: 2; bottom: 0; left: 0; width: 100%; padding: 12px 0; border-top: 1px solid #e5e5e5; background-color: white; } .passthroughrank_myrank > span { font-size: 1.8rem; color: var(--themcolor); position: relative; top: 2px; } .passthroughrank_myrank > span > span { font-size: 1.6rem; color: #000; position: relative; top: -2px; } .passthroughrank_myrank > span > span > span { font-size: 1.3rem; color: #999; } .study_project { background-color: #f4f4f4; } .study_project .myslide_study_project .project_progress { right: 0px; left: 270px; bottom: 0px; } .study_project .next-navbar-padding font { position: relative; right: 10px; color: #f5f5f5; } .study_project .next-navbar-padding .app-svg-themebox { width: 16px; height: 16px; } .study_project .next-navbar-padding .next-navbar { border-bottom: none; } .study_project .next-navbar-padding .next-navbar li > div { color: #000; } .study_project .next-navbar-padding .next-navbar .active > div { color: var(--themcolor); } .study_project .project_progress { bottom: 12px; } .study_project .project_progress .project_progress_num { right: 8px; bottom: 7px; } .study_project .project_progress > img { width: 56px; height: 56px; } .study_project .project_progress_specialtopic { height: 100%; display: flex; align-items: center; top: 0; } .study_project .projectImg .limitWidth, .topsearchlist .projectImg .limitWidth { padding-bottom: 33.33%; border-radius: 8px 8px 0 0; } .study_project .projectImg .limitWidth img, .topsearchlist .projectImg .limitWidth img { border-radius: 8px 8px 0 0; } .study_project .myslides { padding-top: 8px; } .study_project .myslides .swiper-slide { padding: 0px 12px; } .study_project .mytraincourse_paper { position: relative; min-height: calc(100vh - 93px); } .study_project .swiper-slide > div { min-height: calc(100vh - 93px); } .study_project .traincourse_list { position: relative; overflow: hidden; width: 100%; padding: 8px 0; border: none; } .study_project .traincourse_list .project_title, .topsearchlist .project_title { position: relative; background-color: #fff; width: 100%; padding: 16px; border-radius: 0 0 8px 8px; } .study_project .traincourse_list .project_title > h3, .topsearchlist .project_title > h3 { max-height: 40px; font-size: 1.5rem; color: #000; word-break: break-all; margin: 0; } .study_project .traincourse_list .project_title_limit > h3, .study_project .traincourse_list .project_title_limit .project_day, .search .course_lists .project_title_limit > h3 { width: 72%; } .study_project .traincourse_list > .projectImg { width: 100%; border-radius: 4px; } .study_project .swiper-container { padding-bottom: 10px; } .study_project .traincourse_list .traincourse_list_icon { font-size: 1.1rem; color: #fff; left: 7px; top: 14px; max-width: 60px; padding: 2px 5px; border-radius: 4px; background-color: rgba(0, 0, 0, 0.4); } .study_project .traincourse_list .checking { background-color: rgba(255, 132, 0, 0.6); } .study_project .gap { margin-top: 5px; } .study_project .gap-second { font-size: 1.2rem; color: #999; text-align: center; } .forumcard_footer_pub .forum_projectid_emoji .emoji-opener[_ngcontent-c0] { right: calc(17% - 12px) !important; left: auto !important; margin: 0 !important; } .projectinfo .limitWidth { padding-bottom: 33.33%; border-radius: 0; } .projectinfo .limitWidth img { border-radius: 0; } .projectinfo .project_outer { overflow-y: auto; width: 100%; height: calc(100vh - 44px); } .projectinfo .project_des { color: #000; position: relative; width: 100%; padding: 10px; } .projectinfo .project_name { font-size: 1.8rem; font-weight: bold; color: #333; word-break: break-all; } .projectinfo .project_content { font-size: 1.1rem; line-height: 21px; color: #666; word-break: break-all; margin: 0; } .projectinfo .project_des .project_excitationexplain { position: absolute; right: 12px; bottom: 11px; } .projectinfo .project_des .project_excitationexplain img { width: 16px; } .projectinfo .project_interval { width: 100%; height: 10px; margin: 0; background-color: #f4f4f4; } .projectinfo .project_bottom { width: 100%; background-color: #fff; } .projectinfo .project_outer h3 { font-size: 1.5rem; font-weight: bold; margin: 0; padding: 15px 0 12px 10px; } .projectinfo .project_outer h3 b { color: #999; font-size: 1.1rem; font-weight: normal; } .projectinfo .project_introduction { font-size: 1.4rem; color: #000; word-break: break-all; padding: 0 10px 15px; } .projectinfo .project_text { width: 100%; margin-bottom: 56px; padding-top: 15px; } .projectinfo .project_lecturer_info { padding: 0 10px; overflow: hidden; overflow-x: auto; width: 100%; height: 136px; white-space: nowrap; } .projectinfo .project_lecturer_info > div { width: 100px; border-radius: 8px; padding: 16px 8px; background-color: #f8f8f8; display: inline-block; margin: 0 10px 0px 0; white-space: normal; } .projectinfo .project_lecturer_info > div .project_lecturer_info_portrait { width: 50px; border-radius: 50px; display: block; margin: 0 auto; } .projectinfo .project_lecturer_info > div:nth-last-of-type(1) { margin: 0; } .projectinfo .project_lecturer_info > div > span { font-size: 1.3rem; display: inline-block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle; margin: 10px 0 6px 0; text-align: center; } .projectinfo .project_lecturer_info > div > span:nth-of-type(2) { font-size: 1.1rem; margin: 0; border: 0 !important; } .projectinfo .project_lecturer_info > div > img:last-child { float: right; width: 8px; margin-top: 9px; } .button_outer { text-align: center; position: fixed; bottom: 10px; width: 100%; margin: 0 auto; } .project_signup { font-size: 1.7rem; line-height: 44px; color: #fff; text-align: center; width: 90%; height: 44px; border: 0; border-radius: 25px; outline-style: none; background-color: var(--themcolor); } .projectinfos .project_signup { width: 77%; } .synthesis { width: 100%; } .synthesis .synthesis_top_container { width: 100%; background: url("./media/bg-IGY5V4CS.png") no-repeat; background-size: 100% 175px; background-color: rgb(11, 33, 55); } .synthesis_slide { align-items: center !important; } .synthesis .synthesis_head { height: 44px; text-align: center; line-height: 44px; } .synthesis .synthesis_head > img:first-child { width: 28px; float: left; position: relative; left: 12px; top: 6px; } .synthesis .synthesis_head span { color: #fff; font-size: 1.6rem; display: inline-block; width: calc(100% - 150px); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .synthesis .synthesis_head .right_icon { width: 28px; float: right; position: relative; right: 12px; top: 6px; } .synthesis .synthesis_head_fix { position: fixed; top: 0; background-color: #1c3651; width: 100%; z-index: 1111; } .synthesis .project_apps_outer { white-space: nowrap; overflow-x: auto; min-height: 108px; padding: 20px 0 0 20px; } .synthesis .project_apps_outer::-webkit-scrollbar { display: none; } .synthesis .project_apps_outer .project_apps { text-align: center; display: inline-block; min-width: 60px; margin-right: 20px; } .synthesis .project_apps_outer .project_apps > img { height: 50px; border-radius: 50%; } .synthesis .project_apps_outer .project_apps > p { font-size: 1.3rem; color: #fff; text-align: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-top: 10px; padding: 0; } .synthesis .project_notice { height: 32px; background-color: #f6e7be; margin: 0 12px; border-radius: 8px 8px 0 0; } .synthesis .project_noticenull { height: 6px; background-color: #f4f4f4; } .synthesis .project_notice .noticelist, .synthesis .project_noticenull .noticelist { line-height: 40px; height: 40px; } .synthesis .project_notice .srollnotice > img, .synthesis .project_noticenull .srollnotice > img { width: 20px; margin: -3px 5px 0 12px; } .synthesis .project_notice .srollnotice .notice { width: 30px; height: 16px; color: #fff; padding: 2px 5px; margin: 14px 0 0 20px; background-color: #ff5858; transform: skewX(-25deg); -ms-transform: skewX(-25deg); -moz-transform: skewX(-25deg); -webkit-transform: skewX(-25deg); -o-transform: skewX(-25deg); border-radius: 4px; } .synthesis .project_notice .srollnotice .notice > div { position: absolute; top: -12px; left: 2px; transform: skewX(25deg); -ms-transform: skewX(25deg); -moz-transform: skewX(25deg); -webkit-transform: skewX(25deg); -o-transform: skewX(25deg); font-size: 0.8rem; } .synthesis .project_notice .noticelist > span, .synthesis .project_noticenull .noticelist > span { display: inline-block; } .synthesis .project_notice .notice, .synthesis .project_noticenull .notice { font-size: 1.3rem; color: #000; margin-right: 0; } .synthesis .project_notice .srollnotice, .synthesis .project_noticenull .srollnotice { height: 32px; line-height: 32px; vertical-align: top; display: inline-block; width: 42px; } .synthesis .swiper-container { display: inline-block; width: calc(100% - 80px); } .synthesis .project_notice .notice_title, .synthesis .project_noticenull .notice_title { font-size: 1.3rem; color: #000; vertical-align: bottom; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 160px; margin-right: 12px; } .synthesis .project_notice .noticelist > span:last-child, .synthesis .project_noticenull .noticelist > span:last-child { font-size: 1.1rem; color: #666; } .synthesis .interval { height: 10px; background-color: #f4f4f4; } .synthesis .floattop { height: 48px; background-color: #fff; border-radius: 16px 16px 0 0; border-bottom: 1px solid #e5e5e5; width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; } .synthesis .floattop > h4 { font-size: 1.4rem; font-weight: bold; color: #000; position: relative; display: inline-block; flex: 1; margin: 0; padding: 15px 12px; } .synthesis .floattop > h4 .open .dropdown-menu { display: block !important; } .synthesis .floattop .floattop-dropdown { vertical-align: middle; display: inline-block; width: 100%; } .synthesis .floattop .floattop-dropdown .floattop-dropdown-title > div { vertical-align: middle; white-space: nowrap; text-overflow: ellipsis; display: inline-block; overflow: hidden; max-width: calc(100% - 60px); } .synthesis .floattop .floattop-dropdown .floattop-dropdown-title > span { font-size: 1.3rem; font-weight: normal; color: #999; vertical-align: middle; display: inline-block; } .synthesis .floattop .floattop-dropdown .floattop-dropdown-title > img { vertical-align: middle; position: relative; top: 1px; display: inline-block; width: 16px; } .synthesis .floattop .floattop-dropdown .dropdown-menu { top: 36px; left: 12px; overflow: auto; min-width: 120px; max-width: calc(100vw - 24px); max-height: 200px; border: 1px solid #e5e5e5; border-radius: 4px; } .synthesis .floattop .floattop-dropdown .dropdown-menu > li > a { font-weight: 400; color: #000; white-space: nowrap; text-overflow: ellipsis; position: relative; display: block; clear: both; overflow: hidden; width: 100%; padding: 10px 15px; border-bottom: 1px solid #e5e5e5; } .synthesis .floattop .floattop-dropdown .dropdown-menu > li > .active, .synthesis .floattop .floattop-dropdown .dropdown-menu > li > :active { color: #ffffff !important; background-color: var(--themcolor); } .synthesis .floattop .floattop-dropdown .dropdown-menu > li:last-child > a { border: none; } .synthesis .floattop .floattop-dropdown .dropdown-menu > li > a > img { position: absolute; right: 0; display: none; width: 18px; } .synthesis .floattop .floattop-dropdown .dropdown-menu > li > .active > img { display: inline-block; } .synthesis .right_btn_wrapper { display: flex; flex-wrap: wrap; margin-right: 12px; flex-direction: row-reverse; } .synthesis .showswitchbtn { margin-left: 6px; } .synthesis .showswitchbtn > span { font-size: 1.1rem; color: #999; } .synthesis .showswitchbtn > img { width: 44px; height: 24px; margin-left: 10px; } .synthesis .showswitchbtn > .app-svg-themebox { width: 44px; height: 24px; margin-left: 10px; } .synthesis .project_task_fixed_margin { margin-top: 48px; } .synthesis .project_task_list { padding: 0 12px 10px 12px; padding-top: 17px; background-color: #fff; } .synthesis .learnrecord_year_diviled { padding-bottom: 15px; } .synthesis .learnrecord_timestamp { top: 20px; } .synthesis .learnrecord_content_right { width: calc(100% - 102px) !important; } .synthesis .learnrecord_content_item { right: -38px; max-width: calc(100% - 12px); margin-bottom: 16px; padding-top: 0; padding-bottom: 0; border: 0; } .synthesis .learnrecord_content_item_margin { margin-bottom: 42px; } .synthesis .learnrecord_content_item_left_hour { font-size: 1rem; color: #999; position: absolute; top: 8px; left: -110px; } .synthesis .learnrecord_content_item_left_first { top: 12px; left: -72px; } .synthesis .learnrecord_content_item_left_second { position: absolute; z-index: 2; top: 10px; left: -75px; opacity: 1; background-color: transparent; } .synthesis .learnrecord_content_item_left_second > .app-svg-themebox { position: absolute; top: 1px; left: 1px; width: 14px; height: 14px; } .synthesis .learnrecord_content_item_left_third { position: absolute; top: 12px; left: -71.5px; width: 11px !important; } .synthesis .learnrecord_content_item_left_fourth { position: absolute; top: 18px; left: -66.6px; height: calc(100% + 42px); } .synthesis .countdown, .studycalendar .countdown, .synthesis .countdowntwo { font-size: 1.1rem; position: absolute; top: 60px; } .synthesis .countdown, .synthesis .countdowntwo { top: 75px; } .studycalendar .countdown { top: 86px; } .synthesis .countdown > img, .synthesis .countdowntwo > img, .studycalendar .countdown > img { vertical-align: text-bottom; width: 18px; } .synthesis .countdown > span, .studycalendar .countdown > span { color: #ecac3e; margin-left: 2px; } .synthesis .countdowntwo > span { color: #18c884; margin-left: 2px; } .synthesis .learnrecord_content_item .learnrecord_content_item_right { max-width: 100%; border-radius: 4px; margin-left: 14px; background-color: #f8f8f8; } .synthesis .learnrecord_content_item .learnrecord_content_item_right_en { margin-left: 18px; margin-right: 12px; } .synthesis .signal { font-size: 1.2rem; color: red; text-align: center; position: absolute; top: 50px; right: 0; height: 19px; border-radius: 2px; background-color: pink; } .synthesis .noticecolor, .synthesis .signcolor, .synthesis .coursecolor, .synthesis .testcolor, .synthesis .studycolor, .synthesis .surveycolor, .synthesis .videoclor, .synthesis .traincolor, .synthesis .projectcolor, .synthesis .evalutecolor, .synthesis .formcolor, .synthesis .handscolor { font-size: 0; text-align: center; white-space: pre-wrap; word-break: break-all; position: absolute; top: 8px; left: -52px; overflow: hidden; width: 58px; max-height: 88px; line-height: 12px; padding: 4px 4px 0px 4px; border-radius: 4px; } .synthesis .noticecolor > span, .synthesis .signcolor > span, .synthesis .coursecolor > span, .synthesis .testcolor > span, .synthesis .studycolor > span, .synthesis .surveycolor > span, .synthesis .videoclor > span, .synthesis .traincolor > span, .synthesis .projectcolor > span, .synthesis .evalutecolor > span, .synthesis .formcolor > span, .synthesis .handscolor > span { font-size: 1.2rem; } .synthesis .type_en { width: 58px; } .synthesis .noticecolor { color: #bec53f; border: 1px solid #bec53f; } .synthesis .signcolor { color: #84e2c5; border: 1px solid #84e2c5; } .synthesis .coursecolor { color: #3ac0de; border: 1px solid #3ac0de; } .synthesis .testcolor { color: #f58a41; border: 1px solid #f58a41; } .synthesis .studycolor { color: #ecac3e; border: 1px solid #ecac3e; } .synthesis .surveycolor { color: #b583d5; border: 1px solid #b583d5; } .synthesis .videoclor { color: #f17d9f; border: 1px solid #f17d9f; } .synthesis .traincolor { color: #8994eb; border: 1px solid #8994eb; } .synthesis .projectcolor { color: #6cd277; border: 1px solid #6cd277; } .synthesis .evalutecolor { color: #ff5f5f; border: 1px solid #ff5f5f; } .synthesis .formcolor { color: #f82e2e; border: 1px solid #f82e2e; } .synthesis .handscolor { color: #8a93ed; border: 1px solid #8a93ed; } .synthesis .learnrecord_content_item_right .learnrecord_content_item_right_title { display: block !important; max-width: 100%; } .synthesis .learnrecord_content_item_right { padding: 12px 16px; padding-bottom: 8px; } .synthesis .learnrecord_content_item_right_titletwo { font-size: 1.2rem !important; color: #999; } .synthesis .learnrecord_content_item_desc_layout { padding: 4px 0; } .synthesis .learnrecord_content_item_desc { font-size: 1.2rem; color: #999; margin-top: 4px; line-height: 18px; white-space: nowrap; } .synthesis .learnrecord_content_item_right { position: relative; } .synthesis .learnrecord_content_item_right .task_signal { font-size: 1.2rem; line-height: 20px; height: 20px; text-align: center; position: absolute; top: 0; right: 0; border-top-right-radius: 4px; border-bottom-left-radius: 4px; } .synthesis .learnrecord_content_item_right .must_learn { color: #ff6f6f; background-color: rgba(255, 111, 111, 0.1); } .synthesis .learnrecord_content_item_right .must_not_learn { color: #ffa011; background-color: rgba(255, 160, 17, 0.1); } .synthesis .learnrecord_content_item_right .countdowntwo_tip, .synthesis .learnrecord_content_item_right .countdown_tip { font-size: 1.2rem; position: absolute; left: 0; bottom: -26px; } .synthesis .learnrecord_content_item_right .countdowntwo_tip > img, .synthesis .learnrecord_content_item_right .countdown_tip > img { vertical-align: text-bottom; width: 12px; } .synthesis .learnrecord_content_item_right .countdowntwo_tip > span { color: #18c884; margin-left: 4px; } .synthesis .learnrecord_content_item_right .countdown_tip > span { color: #ecac3e; margin-left: 4px; } .synthesis .learnrecord_content_item_right .learnrecord_content_item_relate_content { width: 100%; display: flex !important; justify-content: flex-start; flex-flow: row wrap; margin-top: 4px; min-width: 104px; } .synthesis .learnrecord_content_item_right .learnrecord_content_item_relate_content > div { cursor: pointer; width: calc((100% - 4px) / 2); min-width: 50px; background: rgba(var(--rgbnum), 0.1); font-weight: 400; font-size: 1.2rem; color: var(--themcolor); padding: 4px; text-align: center; margin-bottom: 4px; border-radius: 2px; } .synthesis .learnrecord_content_item_right .learnrecord_content_item_relate_content > div:nth-of-type(2n) { margin-left: 4px; } .synthesis .learnrecord_content_item_right .learnrecord_content_item_relate_content > div > img { width: 15px; height: 14px; margin-right: 4px; margin-top: -2px; display: none; } .synthesis .learnrecord_content_item_right .learnrecord_content_item_relate_content .completed_tag { color: #19df93; background: rgba(25, 223, 147, 0.1); } .synthesis .learnrecord_content_item_right .learnrecord_content_item_relate_content .completed_tag > img { display: inline-block; } .synthesis .learnrecord_content_item_right .learnrecord_content_item_bottom { display: flex; flex-direction: row; padding-top: 4px; padding-bottom: 4px; } .synthesis .learnrecord_content_item_bottom .backlive { font-size: 1.2rem; vertical-align: middle; display: inline-block; } .synthesis .learnrecord_content_item_bottom .backlive > span { line-height: 16px; vertical-align: middle; } .synthesis .learnrecord_content_item_bottom .backlive_margin { margin-left: 16px; } .synthesis .learnrecord_content_item_bottom .backlive > img { width: 16px; margin-right: 4px; } .synthesis .learnrecord_content_item_right_titletwo .backlive { font-size: 1.4rem; vertical-align: middle; position: relative; top: -1px; display: inline-block; margin-left: 4px; } .synthesis .learnrecord_content_item_right_titletwo .backlive > img { width: 13px; } .synthesis .learnrecord_timestamp > span { font-size: 1.1rem; color: #000; } .synthesis .learnrecord_timestamp > span > span { display: inline-block; margin: 10px 2px 0 0; font-size: 1.3rem; } .setProjectMarginTop { margin-top: 44px; } .synthesis .fixedUl { top: 44px; box-shadow: inherit; } .app_list { width: 100% !important; min-height: calc(100vh - 93px); } .app_outer { display: inline-block; width: 33.3333333333% !important; margin-top: 32px !important; cursor: pointer; } .app_inside { width: 45px !important; height: 45px !important; margin: 0 auto; } .app_pic { width: 100% !important; height: 100% !important; } .app_forum { text-align: center; margin-top: 10px; } .all_synthesis .idp_stastic { height: calc(100vh - 264px); } .all_synthesis .dialog_box { padding: 0 16px; } .all_synthesis.modal-content { top: 26px; } .all_synthesis .idp_stastic_title { padding: 0; } .all_synthesis .idp_stastic_title > .group_title { padding: 24px 0; font-size: 1.7rem; text-align: center; border: none; } .all_synthesis .idp_stastic_title > img { position: absolute; top: 12px; right: 15px; width: 28px; } .group_button { position: fixed; right: 0; bottom: 25px; left: 0; width: calc(100% - 50px); margin: auto; } .togrey { font-size: 1.7rem; line-height: 50px; color: #999; text-align: center; width: 100%; height: 50px; border: 0; border: 1px solid #ddd; border-radius: 25px; outline-style: none; background-color: #ddd; } .changegrey { font-size: 1.7rem; line-height: 50px; color: #999 !important; text-align: center; width: 90%; height: 50px; border: 0; border: 1px solid #ddd; border-radius: 25px; outline-style: none; background-color: #eaeaea !important; } .group_confirm .project_signup { width: 84% !important; } .group_outer { position: relative; height: calc(100% - 170px); padding: 0 15px; } .group_list { overflow-y: auto; width: 100%; height: 100%; } .group_list .changeborder, .group_list .group_item { font-size: 1.4rem; line-height: 44px; color: #666; white-space: nowrap; text-overflow: ellipsis; position: relative; overflow: hidden; width: 100%; height: 44px; margin-bottom: 16px; padding: 0 40px 0 16px; cursor: pointer; border-radius: 8px; } .group_list .changeborder { color: var(--themcolor); background-color: rgba(var(--rgbnum), 0.1); border: 1px solid var(--themcolor); } .group_list .group_item { background-color: #f8f8f8; border: 1px solid #e5e5e5; } .radio_button { line-height: 20px; position: relative; top: 11px; right: -15px; float: right; width: 20px; height: 20px; } .group_text { line-height: 20px; vertical-align: middle; display: inline-block; height: 20px; } .group_confirm { text-align: center; position: relative; bottom: 15px; } .confirm { line-height: 44px; color: #fff; text-align: center; width: 96%; height: 44px; border: 0; border-radius: 4px; outline-style: none; background-color: var(--themcolor); } .group_select_box .idpstastic_box .modal-content .group_select_container .group_confirm { padding: 10px 0px 20px; bottom: 0; } .group_select_box .idpstastic_box .modal-content .group_select_container .group_button { position: relative; bottom: 0; left: 0; } .group_select_box .idpstastic_box .modal-content .group_select_container .group_outer { height: auto; max-height: 50vh; overflow-y: auto; } .group_select_box .idpstastic_box .modal-content .group_select_container .group_outer_empty { min-height: 240px; margin-top: 30px; } .group_select_box .idpstastic_box .modal-content .group_select_container .group_outer_empty > .nomessage_defult img { margin-top: 0px; } .projectinfo .grey { line-height: 44px; font-size: 1.7rem; color: #000; text-align: center; white-space: pre-wrap; width: 78%; min-height: 44px; border: 0; border: 1px solid #ddd; border-radius: 25px; outline-style: none; background-color: #fff; } .projectinfo .notcheack { line-height: 44px; font-size: 1.7rem; color: #999; text-align: center; white-space: pre-wrap; width: 78%; min-height: 44px; border: 0; border: 1px solid #f8f8f8; border-radius: 25px; outline-style: none; background-color: #f8f8f8; cursor: default; } .evaluate .exam_testpaper_list { width: 100%; padding: 10px; border-top: 1px solid #e5e5e5; } .exam_testpaper_list > h4 { font-size: 1.6rem; color: #000; white-space: nowrap; text-overflow: ellipsis; word-break: break-all; overflow: hidden; width: 100%; margin: 4px 0; } .exam_testpaper_list > div > span { font-size: 1.2rem; color: #999; } .stiatics { width: 100%; min-height: calc(100vh - 44px); background-color: #f4f4f4; } .stiatics .traincourse_list { padding: 10px; } .stiatics .rankingInfo { width: 100%; height: 135px; margin-bottom: 8px; padding: 0 10px; border-radius: 4px; background-color: #fff; } .stiatics .ranking { font-size: 1.4rem; line-height: 37px; color: #000; height: 37px; padding-bottom: 4px; border-bottom: 1px solid #e5e5e5; } .stiatics .chart_arrow { position: relative; top: 13px !important; right: 10px; float: right; width: 7px; height: auto; } .stiatics .checkAll { font-size: 1.2rem; color: #666; text-align: center; position: absolute; right: 40px; float: right; height: 36px; border: 0; border-radius: 4px; background-color: #fff; } .stiatics .charts { width: 100% !important; height: auto; } .stiatics .chart_left { color: #fff; position: relative; float: left; width: calc(100% - 100px) !important; height: 80px; padding-top: 30px; border-right: 1px solid #e5e5e5; } .stiatics .chart_left > span { text-align: center; vertical-align: bottom; position: relative; display: inline-block; width: calc((100% - 30px) / 3); } .stiatics .chart_right { text-align: center; display: inline-block; width: 100px !important; height: 80px; } .stiatics .rank_number { font-size: 3rem; color: #f66; height: 40px; font-weight: bold; } .stiatics .rank_flagnumber { font-size: 1.2rem; line-height: 40px; font-size: 1.3rem; color: #000; } .stiatics .chart_all { font-size: 1.2rem; color: #000; text-align: center; white-space: nowrap; text-overflow: ellipsis; position: relative; position: absolute; top: -26px; left: 0; display: inline-block; overflow: hidden; width: 100%; } .stiatics .number { position: relative; bottom: 45px; } .stiatics .numbertwo { line-height: 25px; height: 38px; border-radius: 4px 4px 0 0; background-color: #f7931e; } .stiatics .train_numbertwo { background-color: #b38967; } .stiatics .numberone { line-height: 25px; height: 50px; margin: 0 10px; border-radius: 4px 4px 0 0; background-color: #f66; } .stiatics .train_numberone { background-color: rgba(var(--rgbnum), 1); } .stiatics .numberthree { line-height: 25px; height: 25px; border-radius: 4px 4px 0 0; background-color: #4c93eb; } .stiatics .chart_circle { text-align: center; width: 100%; background-color: #fff; } .tojoin .next-navbar li > div > a, .tojoin .next-navbar li > div > a:active, .tojoin .next-navbar li > div > a:hover { color: #000; } .tojoin .unableclick > a, .tojoin .unableclick > a:active, .tojoin .unableclick > a:hover { color: #ccc !important; } .tojoin .next-navbar .active > div > a, .tojoin .next-navbar .active > div > a:active, .tojoin .next-navbar .active > div > a:hover { color: var(--themcolor); } .rank_number { display: inline; } .rank_flag { font-size: 3rem; color: #f66; display: inline-block; } .new_interval { width: 100%; height: 8px; background-color: #f2f4f4; } .project_signlist .next-navbar > li > div > span { font-size: 1.4rem; color: unset; position: unset; top: unset; height: unset; margin-left: unset; padding: unset; pointer-events: none; border: unset; border-radius: unset; background-color: unset; } .project_signlist .myslides .swiper_one { min-height: calc(100vh - 87px); } .projectsigndetail .project_signdetail { padding: 10px 12px; } .project_signdetail .sign_title { padding-bottom: 15px; border-bottom: 1px solid #e5e5e5; } .project_signdetail .sign_title > h4 { font-size: 1.8rem; color: #000; } .project_signdetail .sign_title > span { font-size: 1.1rem; color: #999; } .project_signdetail .sign_title .sign_title_excitationexplain { width: 16px; cursor: pointer; margin-left: 16px; } .project_signdetail .sign_content { padding-top: 30px; } .project_signdetail .sign_content > div { margin-bottom: 10px; } .project_signdetail .sign_content > div > span:first-child { font-size: 1.3rem; color: #000; display: inline-block; min-width: 100px; } .project_signdetail .sign_content > div > span:last-child { font-size: 1.3rem; color: #999; display: inline-block; word-break: break-all; } .project_signdetail .project_sign_operation { text-align: center; position: fixed; bottom: 22px; width: calc(100% - 24px); } .project_signdetail .project_sign_operation > div > button { font-size: 1.7rem; color: #fff; width: 90%; padding: 10px; border: 0; border-radius: 25px; background-color: var(--themcolor); } .project_signdetail .project_sign_operation > div > button:first-child { margin-top: 0; } .project_signdetail .project_sign_operation > div > button > img { display: inline-block; width: 20px; height: 20px; margin-right: 5px; } .project_signdetail .project_sign_operation > div > button > span { position: relative; top: 2px; } .project_signdetail .project_sign_operation .sign_success { color: #18c884; cursor: default; background-color: #fff; } .project_sign_operation .traincourseapply { color: white; margin: 5px auto; background-color: var(--themcolor); } .project_sign_operation .traincourseapply > span { font-size: 1.4rem; position: relative; top: 0; } .project_sign_operation .normalsign, .mytraincoursesigndetail .normalsign { color: #fff; border: 1px solid #e5e5e5 !important; background-color: var(--themcolor); } .project_sign_operation .allsurport, .mytraincoursesigndetail .allsurport { color: #000; border: 1px solid #e5e5e5; background-color: #fff; } .project_sign_operation .unablesign, .mytraincoursesigndetail .unablesign { color: #999 !important; background-color: #eaeaea !important; } .search_sign { position: relative; height: 50px; padding: 8px 12px; background-color: #f4f4f4; } .search_sign .search_sign_input > input { text-align: center; width: 100%; padding: 5px 15px; border: 0; border-radius: 34px; background-color: #eaeaea; } .search_sign .search_sign_input > input::input-placeholder { font-size: 1.3rem; color: #999; text-align: center; padding: 5px 0; } .outer_list { padding: 8px 12px; } .outer_list > div { display: flex; flex-direction: row; align-items: flex-start; width: 100%; } .outer_list > div > img { width: 40px; height: 40px; margin: 8px 10px 0 0; border-radius: 50%; flex-shrink: 0; } .outer_list .info_list { display: flex; flex-direction: row; justify-content: space-between; align-items: center; flex: 1; min-width: 0; padding: 8px 0; border-bottom: 1px solid #e5e5e5; } .outer_list .info_list .info_list_left { flex: 1; display: flex; flex-direction: column; min-width: 0; overflow: hidden; } .outer_list .info_list .info_list_left > h1 { margin: 5px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .outer_list .info_list .info_list_left > h1 > h3 { font-size: 1.5rem; margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .outer_list .info_list .info_list_left > span { font-size: 1.1rem; color: #999; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .outer_list .info_list .info_list_right { flex-shrink: 0; margin-left: 12px; min-height: 32px; display: flex; align-items: center; } .outer_list .info_list .info_list_right span { display: inline-block; border: 1px solid var(--themcolor); border-radius: 18px; font-size: 1.3rem; color: var(--themcolor); height: 32px; min-width: 70px; padding: 0 16px; line-height: 32px; text-align: center; white-space: nowrap; box-sizing: border-box; } .outer_list .info_list > h1 { flex: 1; margin: 5px 0; } .outer_list .info_list > h1 > h3 { font-size: 1.5rem; margin: 0; } .outer_list .info_list > span { font-size: 1.1rem; color: #999; } .special_list { overflow: scroll; max-height: calc(100vh - 326px); } .reminder { position: fixed; z-index: 99; right: 16px; bottom: 10px; } .reminderright { position: fixed; z-index: 99; right: 55px; bottom: 70px; } .reminder > button { font-size: 1.6rem; color: #fff; height: 44px; padding: 11px 15px; border: none; border-radius: 22px; background-color: var(--themcolor); } .tojoin_evaluate .evaluate { min-height: calc(100vh - 44px); padding: 15px 12px; background-color: #f4f4f4; } .tojoin_evaluate .exam_testpaper_list { margin-bottom: 10px; border: none; border-radius: 4px; background-color: #fff; } .tojoin_evaluate .exam_testpaper_list .evaluate_interval > span { margin-right: 15px; } .tojoin_evaluate .ordinary > div > span { font-size: 1.2rem; color: #999; } .head_info { padding: 5px 12px; } .head_info > div { padding: 15px 10px; border-radius: 4px; background-color: #f4f4f4; } .head_info > div > h4 { font-size: 1.6rem; color: #000; margin-top: 0; } .head_info > div > div > span { font-size: 1.1rem; color: #999; margin-right: 30px; } .head_info > div > div > i { font-style: normal; } .project_homework_list .homework_datas { min-height: calc(100vh - 44px); padding: 15px 12px; background-color: #f4f4f4; } .project_homework_list .homework_list { position: relative; margin-bottom: 10px; padding: 18px 10px; list-style: none; border-radius: 4px; background-color: #fff; } .project_homework_list .homework_list h3 { font-size: 1.6rem; color: #000; width: 80%; margin-top: 0; margin-bottom: 12px; } .project_homework_list .homework_list > div > div { text-align: center; position: relative; top: -30px; display: inline-block; float: right; } .project_homework_list .homework_list .notrelease { font-size: 1rem; color: #fff; top: -28px; padding: 1px 5px; border-radius: 4px; background-color: #ccc; } .project_homework_list .homework_list .release > span { font-size: 2.1rem; font-weight: bold; color: #ff8400; } .project_homework_list .homework_list .release > p { font-size: 1.1rem; color: #999; margin: 0; } .project_homework_list .homework_list > div > p { font-size: 1.1rem; color: #999; margin: 0; padding: 0; } .project_homeworkroll .myslides .swiper_one { min-height: calc(100vh - 199px); } .project_homeworkroll .head_info > div > p { font-size: 1.1rem; color: #999; margin: 0 0 5px; } .project_apply .myslides .swiper_one { min-height: calc(100vh - 234px); } .project_apply .selectimg { position: relative; top: 10px; width: 25px; height: 25px; float: left; margin: 15px 10px 10px 0; } .project_apply .select_info_list { display: inline-block; width: calc(100% - 97px); padding: 8px 0; border-bottom: 1px solid #e5e5e5; } .project_apply .select_info_list > span { font-size: 1.1rem; color: #999; } .project_apply .info_list h1, .project_signlist .info_list h1, .project_apply .select_info_list h1 { font-size: unset; font-weight: normal; line-height: unset; margin: 0 0 8px; } .project_apply .info_list h1 { flex: 1; } .project_apply .info_list h1 > h3, .project_signlist .info_list h1 > h3, .project_apply .select_info_list h1 > h3 { font-size: 1.5rem; font-weight: bold; line-height: 20px; color: #000; vertical-align: middle; white-space: nowrap; text-overflow: ellipsis; display: inline-block; overflow: hidden; max-width: 36%; margin: 0; } .project_apply .info_list h1 > span, .project_signlist .info_list h1 > span, .project_apply .select_info_list h1 > span { font-size: 1rem; vertical-align: middle; white-space: nowrap; text-overflow: ellipsis; display: inline-block; overflow: hidden; max-width: 50%; margin-left: 6px; padding: 2px 5px; border-radius: 25px; } .project_apply .operation { position: fixed; z-index: 999; bottom: 0; width: 100%; padding: 11px 12px; background-color: #f4f4f4; } .project_apply .operation > div { display: inline-block; float: left; width: 50%; } .project_apply .operation > div:first-child > .app-svg-themebox { width: 25px; height: 25px; margin-right: 10px; } .project_apply .operation > div:first-child > img { width: 25px; margin-right: 10px; } .project_apply .operation > div:first-child > span { font-size: 1.3rem; color: #000; vertical-align: bottom; } .project_apply .operation > div:last-child > button { font-size: 1.4rem; color: #fff; float: right; margin-right: 10px; padding: 5px 11px; border: 0; border-radius: 4px; background-color: #eaeaea; } .project_apply .operation > div:last-child > .selected_one { background-color: #18c884; } .project_apply .operation > div:last-child > .selected_two { background-color: #ff5d5d; } .announcement { background-color: #f4f4f4; padding: 16px 12px; min-height: calc(100vh - 44px); } .announcement .mytraincourse_paper > div { background-color: #fff; border-radius: 8px; padding: 16px; margin-bottom: 16px; } .announcement .mytraincourse_paper > div > h4 { word-break: break-all; } .announcement .mytraincourse_paper > div > p { max-height: 60px; margin: 10px 0; font-size: 1.3rem; color: #666; word-break: break-all; } .announcement .mytraincourse_paper .bottom_infor { font-size: 1.2rem; color: #999; } .announcement .mytraincourse_paper .bottom_infor > span:last-child { margin-left: 20px; } .idp_nomessage { text-align: center; position: absolute; top: calc(50vh - 100px); right: 0; left: 0; margin: auto; } .idp_nomessage > div { font-size: 1.5rem; color: white; display: inline-block; padding: 18px 26px; border: 1px solid transparent; border-radius: 50px; background-color: rgba(0, 0, 0, 0.6); } .idp_view { position: relative; overflow: hidden; height: calc(100vh - 87px); } .idp_view_bg { position: absolute; z-index: -1; bottom: 0; left: 0; width: 100%; } .idp .idp_tree { overflow: auto; height: 100%; padding: 60px 0 80px; } .idp .idp_tree .idp_tree_tablebar { color: #000; padding: 10px 0 0; background-color: transparent; } .idp .idp_tree .fixed_idp_tree_tablebar { position: fixed; z-index: 99; top: 88px; width: 100%; } .idp .idp_tree .idp_tree_tablebar > div { font-size: 1.4rem; text-align: center; vertical-align: middle; display: inline-block; cursor: pointer; } .idp .idp_tree .idp_tree_tablebar > div:nth-child(1) { width: 80px; padding-left: 10px; } .idp .idp_tree .idp_tree_tablebar > div:nth-child(1) > div > img { margin-right: 4px; } .idp .idp_tree .idp_tree_tablebar > div:nth-child(3) { width: 80px; padding-right: 10px; } .idp .idp_tree .idp_tree_tablebar > div:nth-child(3) > div > img { margin-left: 4px; } .idp .idp_tree .idp_tree_tablebar > div:nth-child(1) > div, .idp .idp_tree .idp_tree_tablebar > div:nth-child(3) > div { line-height: 18px; padding: 8px 0; } .idp .idp_tree .idp_tree_tablebar > div:nth-child(1) > div > img, .idp .idp_tree .idp_tree_tablebar > div:nth-child(3) > div > img { width: 6px; opacity: 0.8; } .idp .idp_tree .idp_tree_tablebar > div:nth-child(1) > div > span, .idp .idp_tree .idp_tree_tablebar > div:nth-child(3) > div > span { display: inline-block; vertical-align: middle; } .idp .idp_tree .idp_tree_tablebar > div:nth-child(2) { width: calc(100% - 160px); } .idp .idp_tree .idp_tree_tablebar > div:nth-child(2) > div { width: 90px; margin: auto; padding: 4px 0; } .idp .idp_tree .idp_tree_tablebar > div:nth-child(2) > div > div { font-size: 1.2rem; color: #666; } .idp .idp_tree .idp_tree_tablebar > div > div { font-size: 1.3rem; color: #666; height: 100%; border-radius: 5px; background-color: white; } .idp .idp_tree .idp_tree_content { position: relative; } .idp .idp_tree .idp_tree_content .idp_tree_content_trunk { position: absolute; top: 29px; right: 0; left: 0; width: 2px; height: calc(100% - 31px); margin: auto; background-color: #18c884; } .idp .idp_tree .idp_tree_content .postdevelopment_tree_content_trunk { height: calc(100% - 31px); } .idp .idp_tree .idp_tree_content .idp_tree_content_branch > div { padding-top: 10px; } .idp .idp_tree .idp_tree_content .idp_tree_content_branch .idp_tree_content_branch_month { text-align: center; position: relative; padding-top: 10px; } .idp .idp_tree .idp_tree_content .idp_tree_content_branch .idp_tree_content_branch_month > span { font-size: 1.2rem; color: white; text-align: center; z-index: 2; display: inline-block; width: 18px; height: 18px; border: 1px solid transparent; border-radius: 10px; background-color: #18c884; } .idp .idp_tree .idp_tree_content .idp_tree_content_branch .idp_tree_content_branch_month > .light_activemonth { color: #18c884; width: 21px; height: 21px; padding: 1px; border: 1px solid #18c884; background-color: white; } .idp .idp_tree .idp_tree_content .idp_tree_content_branch .idp_tree_content_branch_list { position: relative; width: calc(50% - 10px); margin: 12px 0; } .idp .idp_tree .idp_tree_content .idp_tree_content_branch .idp_tree_content_branch_list > span { z-index: 2; width: 6px; height: 6px; border: 2px solid #18c884; border-radius: 6px; background-color: #18c884; } .idp .idp_tree .idp_tree_content .idp_tree_content_branch .idp_tree_content_branch_list_left { text-align: right; margin-right: auto; } .idp .idp_tree .idp_tree_content .idp_tree_content_branch .idp_tree_content_branch_list_right { text-align: left; margin-left: auto; } .idp .idp_tree .idp_tree_content .idp_tree_content_branch .idp_tree_content_branch_list > div { font-size: 1.4rem; text-align: left; position: relative; display: inline-block; width: auto; max-width: calc(100% - 25px); } .idp .idp_tree .idp_tree_content .idp_tree_content_branch .idp_tree_content_branch_list > div > div:nth-child(1) { color: #000; word-break: break-all; position: relative; padding: 7px; cursor: pointer; border: 2px solid transparent; border-radius: 5px; z-index: 1; transition: all 0.2s ease-in-out; } .idp .idp_tree .idp_tree_content .idp_tree_content_branch .idp_tree_content_branch_list > div > div:nth-child(1):hover { transition: all 0.2s ease-in-out; transform: scale(1.1); } .idp .idp_tree .idp_tree_content .idp_tree_content_branch .idp_tree_content_branch_list > .notyet > div:nth-child(1) { color: #999; border: 2px solid transparent; background-color: white; } .idp .idp_tree .idp_tree_content .idp_tree_content_branch .idp_tree_content_branch_list > .project_underway > div:nth-child(1) { color: white; background-color: #6cd277; } .idp .idp_tree .idp_tree_content .idp_tree_content_branch .idp_tree_content_branch_list > .project_underway > div:nth-child(1):hover { border: 2px solid white; } .idp .idp_tree .idp_tree_content .idp_tree_content_branch .idp_tree_content_branch_list > .map_underway > div:nth-child(1) { color: white; background-color: #daba85; } .idp .idp_tree .idp_tree_content .idp_tree_content_branch .idp_tree_content_branch_list > .map_underway > div:nth-child(1):hover { border: 2px solid white; } .idp .idp_tree .idp_tree_content .idp_tree_content_branch .idp_tree_content_branch_list > .assess_underway > div:nth-child(1) { color: white; background-color: #fa71cb; } .idp .idp_tree .idp_tree_content .idp_tree_content_branch .idp_tree_content_branch_list > .assess_underway > div:nth-child(1):hover { border: 2px solid white; } .idp .idp_tree .idp_tree_content .idp_tree_content_branch .idp_tree_content_branch_list > .trainclass_underway > div:nth-child(1) { color: white; background-color: #8a94ee; } .idp .idp_tree .idp_tree_content .idp_tree_content_branch .idp_tree_content_branch_list > .trainclass_underway > div:nth-child(1):hover { border: 2px solid white; } .idp .idp_tree .idp_tree_content .idp_tree_content_branch .idp_tree_content_branch_list > .course_underway > div:nth-child(1) { color: white; background-color: #3ac0de; } .idp .idp_tree .idp_tree_content .idp_tree_content_branch .idp_tree_content_branch_list > .course_underway > div:nth-child(1):hover { border: 2px solid white; } .idp .idp_tree .idp_tree_content .idp_tree_content_branch .idp_tree_content_branch_list > .exam_underway > div:nth-child(1) { color: white; background-color: #f58a41; } .idp .idp_tree .idp_tree_content .idp_tree_content_branch .idp_tree_content_branch_list > .exam_underway > div:nth-child(1):hover { border: 2px solid white; } .idp .idp_tree .idp_tree_content .idp_tree_content_branch .idp_tree_content_branch_list > .exercise_underway > div:nth-child(1) { color: white; background-color: #ecac3e; } .idp .idp_tree .idp_tree_content .idp_tree_content_branch .idp_tree_content_branch_list > .exercise_underway > div:nth-child(1):hover { border: 2px solid white; } .idp .idp_tree .idp_tree_content .idp_tree_content_branch .idp_tree_content_branch_list > .survey_underway > div:nth-child(1) { color: white; background-color: #b583d5; } .idp .idp_tree .idp_tree_content .idp_tree_content_branch .idp_tree_content_branch_list > .survey_underway > div:nth-child(1):hover { border: 2px solid white; } .idp .idp_tree .idp_tree_content .idp_tree_content_branch .idp_tree_content_branch_list > .live_underway > div:nth-child(1) { color: white; background-color: #f17d9f; } .idp .idp_tree .idp_tree_content .idp_tree_content_branch .idp_tree_content_branch_list > .live_underway > div:nth-child(1):hover { border: 2px solid white; } .idp .idp_tree .idp_tree_content .idp_tree_content_branch .idp_tree_content_branch_list > .specialtopic_underway > div:nth-child(1) { color: white; background-color: #2479e9; } .idp .idp_tree .idp_tree_content .idp_tree_content_branch .idp_tree_content_branch_list > .specialtopic_underway > div:nth-child(1):hover { border: 2px solid white; } .idp .idp_tree .idp_tree_content .idp_tree_content_branch .idp_tree_content_branch_list > .project_notstarted > div:nth-child(1) { color: #6cd277; background-color: white; } .idp .idp_tree .idp_tree_content .idp_tree_content_branch .idp_tree_content_branch_list > .project_notstarted > div:nth-child(1):hover { border: 2px solid #6cd277; } .idp .idp_tree .idp_tree_content .idp_tree_content_branch .idp_tree_content_branch_list > .map_notstarted > div:nth-child(1) { color: #daba85; background-color: white; } .idp .idp_tree .idp_tree_content .idp_tree_content_branch .idp_tree_content_branch_list > .map_notstarted > div:nth-child(1):hover { border: 2px solid #daba85; } .idp .idp_tree .idp_tree_content .idp_tree_content_branch .idp_tree_content_branch_list > .assess_notstarted > div:nth-child(1) { color: #fa71cb; background-color: white; } .idp .idp_tree .idp_tree_content .idp_tree_content_branch .idp_tree_content_branch_list > .assess_notstarted > div:nth-child(1):hover { border: 2px solid #fa71cb; } .idp .idp_tree .idp_tree_content .idp_tree_content_branch .idp_tree_content_branch_list > .trainclass_notstarted > div:nth-child(1) { color: #8a94ee; background-color: white; } .idp .idp_tree .idp_tree_content .idp_tree_content_branch .idp_tree_content_branch_list > .trainclass_notstarted > div:nth-child(1):hover { border: 2px solid #8a94ee; } .idp .idp_tree .idp_tree_content .idp_tree_content_branch .idp_tree_content_branch_list > .course_notstarted > div:nth-child(1) { color: #3ac0de; background-color: white; } .idp .idp_tree .idp_tree_content .idp_tree_content_branch .idp_tree_content_branch_list > .course_notstarted > div:nth-child(1):hover { border: 2px solid #3ac0de; } .idp .idp_tree .idp_tree_content .idp_tree_content_branch .idp_tree_content_branch_list > .exam_notstarted > div:nth-child(1) { color: #f58a41; background-color: white; } .idp .idp_tree .idp_tree_content .idp_tree_content_branch .idp_tree_content_branch_list > .exam_notstarted > div:nth-child(1):hover { border: 2px solid #f58a41; } .idp .idp_tree .idp_tree_content .idp_tree_content_branch .idp_tree_content_branch_list > .exercise_notstarted > div:nth-child(1) { color: #ecac3e; background-color: white; } .idp .idp_tree .idp_tree_content .idp_tree_content_branch .idp_tree_content_branch_list > .exercise_notstarted > div:nth-child(1):hover { border: 2px solid #ecac3e; } .idp .idp_tree .idp_tree_content .idp_tree_content_branch .idp_tree_content_branch_list > .survey_notstarted > div:nth-child(1) { color: #b583d5; background-color: white; } .idp .idp_tree .idp_tree_content .idp_tree_content_branch .idp_tree_content_branch_list > .survey_notstarted > div:nth-child(1):hover { border: 2px solid #b583d5; } .idp .idp_tree .idp_tree_content .idp_tree_content_branch .idp_tree_content_branch_list > .live_notstarted > div:nth-child(1) { color: #f17d9f; background-color: white; } .idp .idp_tree .idp_tree_content .idp_tree_content_branch .idp_tree_content_branch_list > .live_notstarted > div:nth-child(1):hover { border: 2px solid #f17d9f; } .idp .idp_tree .idp_tree_content .idp_tree_content_branch .idp_tree_content_branch_list > .specialtopic_notstarted > div:nth-child(1) { color: #2479e9; background-color: white; } .idp .idp_tree .idp_tree_content .idp_tree_content_branch .idp_tree_content_branch_list > .specialtopic_notstarted > div:nth-child(1):hover { border: 2px solid #2479e9; } .idp .idp_tree .idp_tree_content .idp_tree_content_branch .idp_tree_content_branch_list > div > div:nth-child(2) { position: absolute; right: 0; left: 0; width: 1px; height: 11px; margin: auto; background-color: #18c884; } .idp .idp_tree .idp_tree_content .idp_tree_content_branch .idp_tree_content_branch_list > div > div:nth-child(3) { position: absolute; width: calc(50% + 10px); height: 1px; background-color: #18c884; } .idp .idp_tree .idp_tree_content .idp_tree_content_branch .idp_tree_content_branch_list > div:nth-child(3) > div:nth-child(3) { width: calc(100% + 5px); } .idp .idp_tree .idp_tree_content .idp_tree_content_branch .idp_tree_content_branch_list_left > div > div:nth-child(3) { right: -10px; bottom: -12px; } .idp .idp_tree .idp_tree_content .idp_tree_content_branch .idp_tree_content_branch_list_right > div:nth-child(2) > div:nth-child(3) { bottom: -11px; left: -10px; } .idp .idp_tree .idp_tree_content .idp_tree_content_branch .idp_tree_content_branch_list_right > div:nth-child(3) > div:nth-child(3) { bottom: -11px; left: -5px; width: calc(50% + 5px); } .idp .idp_tree .idp_tree_content .idp_tree_content_branch .idp_tree_content_branch_list_left > span { position: absolute; right: -13px; bottom: -14.5px; } .idp .idp_tree .idp_tree_content .idp_tree_content_branch .idp_tree_content_branch_list_right > span { position: absolute; bottom: -12.5px; left: -13px; } .idp .idp_tree .idp_tree_content .idp_tree_content_branch .idp_tree_content_branch_list > .idp_tree_onecontent { max-width: calc(100% - 25px); } .idp .idp_tree .idp_tree_content .idp_tree_content_branch .idp_tree_content_branch_list > .idp_tree_onecontent > div:nth-child(3) { width: calc(50% + 10px) !important; } .idp .idp_tree .idp_tree_content .idp_tree_content_branch .idp_tree_content_branch_list_left > div:nth-child(2) > div:nth-child(1) { border-radius: 4px 16px 8px 16px; padding: 8px 16px; } .idp .idp_tree .idp_tree_content .idp_tree_content_branch .idp_tree_content_branch_list_right > div:nth-child(2) > div:nth-child(1) { border-radius: 16px 4px 16px 8px; padding: 8px 16px; } .idp .idp_tree .idp_tree_post { text-align: center; position: fixed; z-index: 96; bottom: 0; width: 100%; padding: 10px 0; } .idp .idp_tree .idp_tree_post > div { font-size: 1.6rem; color: white; white-space: nowrap; text-overflow: ellipsis; display: inline-block; overflow: hidden; width: 165px; padding: 13px 10px; border: 1px solid transparent; border-radius: 60px; background-color: #19c984; } .idp .idp_character { text-align: center; overflow: hidden; width: 80px !important; height: 12px; margin: 5px 0; } .idp .idp_post { font-size: 12px; line-height: 20px; text-align: center; display: inline; width: 80px; height: 20px; margin: 0 2px; border: 1px solid #000; } .idp .idp_dash { display: inline-block; width: 12px; margin-bottom: 3px; border-bottom: 1px dotted #333; } .idp .idpstastic_box { padding: 0 18px; } .idp .dialog_box .idp_modal_main { border-radius: 16px !important; } .idp_stastic_title { font-size: 1.7rem; color: #000; text-align: center; position: relative; width: 100%; padding: 22px 14px 12px 14px; } .idp_stastic_title > div { padding-bottom: 14px; pointer-events: none; border-bottom: 1px solid #e5e5e5; } .idp_stastic_title > div > div:nth-child(2) { margin-top: 8px; font-size: 1.1rem; font-weight: normal; color: #999; } .idp .idp_stastic_title > img { position: absolute; top: 12px; right: 15px; width: 28px; } .idp_stastic_list { overflow: auto; min-height: 200px; max-height: 300px; padding: 0 10px 10px; } .idp_stastic_list > div { text-align: center; display: inline-block; width: 33.33%; padding: 16px 0 22px; } .idp_stastic_list > div > div { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding: 4px 0; } .idp_stastic_list > div > div:nth-child(1) { font-size: 1.8rem; font-weight: bold; color: #000; } .idp_stastic_list > div > div:nth-child(2) { font-size: 1.1rem; color: #999; } .idp_stastic_list > .loadingicon, .idp_stastic_list > .loadingicon .vertical-center { font-weight: normal; width: 100%; } .idp_stastic_footer { font-size: 1.7rem; color: #000; text-align: center; position: relative; width: 100%; padding: 0 14px; } .idp_stastic_footer .idp_stastic_btn { text-align: center; padding-bottom: 24px; } .idp_stastic_footer .idp_stastic_btn button { width: 80%; font-size: 1.7rem; font-weight: 500; color: #fff; padding: 10px 6px; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); border: none; border-radius: 22px; background-color: var(--themcolor); } .idp_tree_finished { position: absolute; z-index: 2; right: -2px; bottom: -2px; width: 16px; height: 16px; } .postdevelopment_tree_back { width: 16px !important; vertical-align: top; } .idp_postdevelopment { overflow: auto; width: 100%; height: 100%; padding: 10px 0 40px; } .jsmind_container div { text-align: center; } .idp .jsmind_container > div .post_item { position: relative; display: inline-block; } .idp .jsmind_container .post_item > .post_item_next > div { display: inline-block; } .idp .jsmind_container .post_item div > .post_item { vertical-align: bottom; position: relative; display: inline-block; margin: 10px; } .idp .jsmind_container .post_item div > .post_item_down { vertical-align: top; } .idp .jsmind_container .post_item div > .post_item_margin { margin: 10px 0; } .post_item_item { position: relative; margin-top: 50px; } .post_item_item > img { position: absolute; z-index: 1; right: 0; left: 0; width: 22px; margin: auto; cursor: pointer; } .post_item_item > .up_haschildren { top: -29px; } .post_item_item > .down_hasdownchildren { bottom: -29px; } .development_title { color: white; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 120px; margin: auto; padding: 13px 10px; border: 1px solid transparent; border-radius: 5px; } .development_title_mine { font-size: 1.6rem; width: 165px; border-radius: 50px; background-color: #19c984; } .development_title_mine > div { font-size: 1.2rem; color: rgba(255, 255, 255, 0.5); } .development_title_samepost { padding: 6px 10px; cursor: pointer; background-color: var(--themcolor); } .development_stick { position: absolute; top: 33px; right: 0; left: 0; width: 1px; height: 20px; margin: auto; background-color: var(--themcolor); } .post_item_down .development_stick { top: -19px; } .development_title_crosspost { padding: 6px 10px; cursor: pointer; background-color: #ff8400; } .development_line1 { position: absolute; top: -60px; right: 0; left: 0; width: calc(100% - 140px); height: 20px; margin: auto; border-right: 1px solid var(--themcolor); border-bottom: 1px solid var(--themcolor); border-left: 1px solid var(--themcolor); } .development_little_line1 { width: 1px; border-left: none; } .development_line2 { position: absolute; top: -41px; right: 0; left: 0; width: 1px; height: 42px; margin: auto; background-color: var(--themcolor); } .development_line3 { position: absolute; right: 0; bottom: -60px; left: 0; width: calc(100% - 140px); height: 20px; margin: auto; border-top: 1px solid var(--themcolor); border-right: 1px solid var(--themcolor); border-left: 1px solid var(--themcolor); } .development_little_line2 { width: 1px; border-left: none; } .development_line4 { position: absolute; right: 0; bottom: -41px; left: 0; width: 1px; height: 42px; margin: auto; background-color: var(--themcolor); } .idp .jsmind_container .post_item > .post_item_next, .idp .jsmind_container .post_item > .post_item_next > div, .idp .jsmind_container .post_item > .post_item_prev { display: inline-block; } .idp .postdevelopment_tree .idp_tree_tablebar > div > div { color: #000; border: 1px solid #ddd; background-color: white; } .postdevelopment_tree .idp_tree_tablebar > .btn-group { float: right; width: calc(100% - 216px) !important; max-width: 300px; padding-right: 10px; } .postdevelopment_tree .idp_tree_tablebar > .btn-group .dropdown-toggle { text-align: center; width: 100%; height: 100%; padding: 7px 7px 2px; border: 1px solid #ddd; border-radius: 5px; background-color: white; } .postdevelopment_tree .btn:active, .postdevelopment_tree .btn.active, .btn-group.open .dropdown-toggle { box-shadow: none; } .postdevelopment_tree .idp_tree_tablebar > .btn-group .dropdown-toggle .title { white-space: nowrap; text-overflow: ellipsis; display: inline-block; overflow: hidden; width: calc(100% - 20px); margin-right: 6px; padding-right: 6px; border-right: 1px solid #e5e5e5; } .postdevelopment_tree .idp_tree_tablebar > .btn-group .dropdown-toggle .caret { vertical-align: top; position: relative; margin-top: 7px; border-top: 5px dashed; border-right: 5px solid transparent; border-left: 5px solid transparent; } .postdevelopment_tree .idp_tree_tablebar > .btn-group .dropdown-menu { right: 10px; left: unset; overflow-y: auto; width: calc(100% - 10px) !important; min-width: calc(100% - 10px) !important; height: auto; max-height: 180px; box-shadow: none; border-top: none; border-radius: 0; } .postdevelopment_tree .idp_tree_tablebar > .btn-group .dropdown-menu > div { font-size: 1.4rem !important; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding: 5px; border-bottom: 1px solid #e5e5e5; } .postdevelopment_tree .idp_tree_tablebar > .btn-group .dropdown-menu > div:last-child { border-bottom: none; } .idp .postdevelopment_tree .idp_tree_post { padding-top: 25px; } .idp .idp_tree .idp_tree_post_postdevelopmenttree { position: relative; z-index: 1; } .idp_tree_post_postdevelopmenttree_round { z-index: 1; padding-top: 20px; } .idp_tree_post_postdevelopmenttree_round > div { width: 18px; height: 18px; margin: auto; border: 1px solid transparent; border-radius: 10px; background-color: #18c884; } .studycalendar .next-navbar-padding .next-navbar { border-bottom: none; } .monthcalendar, .weekcalendar { padding-bottom: 97px; } .monthcalendar .month-calendar-title-box, .weekcalendar .week-calendar-title-box { font-size: 1.3rem; text-align: center; position: relative; width: 100%; padding: 3px 12px; background-color: #f8f8f8; } .monthcalendar .month-calendar-title-box .month-calendar-title, .weekcalendar .week-calendar-title-box .week-calendar-title { font-size: 1.5rem; color: var(--themcolor); padding: 0 16px; cursor: pointer; border: 1px solid #e5e5e5; border-radius: 5px; background-color: #f4f4f4; } .monthcalendar .prev-month { width: 80px; font-size: 1.3rem; text-align: left; float: left; cursor: pointer; } .monthcalendar .prev-month > span { display: inline-block; vertical-align: middle; max-width: calc(100% - 12px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .monthcalendar .prev-month > img { width: 6px; margin-right: 5px; vertical-align: middle; } .monthcalendar .next-month { width: 80px; font-size: 1.3rem; text-align: right; float: right; cursor: pointer; } .monthcalendar .next-month > span { display: inline-block; vertical-align: middle; max-width: calc(100% - 12px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .monthcalendar .next-month > img { width: 6px; margin-left: 5px; vertical-align: middle; } .month-calendar-table, .week-calendar-table { text-align: center; width: 100%; border-collapse: collapse; } .month-calendar-table tr, .week-calendar-table tr { display: block; border-bottom: 1px solid #e5e5e5; } .month-calendar-table tr .month-calendar-table-day { text-align: center; width: 20px; height: 20px; margin: 0 0 0 auto; padding: 1px 0; } .month-calendar-table tr .month-calendar-table-today { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 30px !important; height: 30px !important; border: 1px solid #18c884; border-radius: 50%; background-color: transparent; } .month-calendar-table tr .month-calendar-table-same-today { width: 34px !important; height: 34px !important; } .month-calendar-table tr .month-calendar-table-daytask { text-align: left; position: absolute; bottom: 0; left: 0; width: 100%; padding: 4vw 2px 6px 2px; line-height: 0; } .month-calendar-table tr td { cursor: pointer; } .month-calendar-table tr .month-calendar-table-daytask img { width: 20.72%; margin: 0 6.3066666667%; margin-top: 5px; pointer-events: none; } .month-calendar-table tr > th, .weekcalendar .week-calendar-table tr th { font-size: 1.1rem; font-weight: normal; color: #666; display: inline-block; width: 14.2857142857%; padding: 9px 3px; } .month-calendar-table tr > td, .weekcalendar .week-calendar-table tr td { font-size: 1.3rem; position: relative; display: inline-block; width: calc((100% - 2px) / 7); padding: 3px 3px 18vw; border-right: 1px solid #e5e5e5; } .month-calendar-table tr > th:last-child, .month-calendar-table tr > td:last-child, .week-calendar-table tr > th:last-child, .week-calendar-table tr > td:last-child { border-right: 1px solid transparent; } .month-calendar-table tr th { text-align: center; border: none; } .currentDay .month-calendar-table-day { color: white; border-radius: 50%; background-color: var(--themcolor); } .coreadetail .currentDay .month-calendar-table-day { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .currentDay .month-calendar-table-day-today { background-color: #18c884; } .currentnewDay { line-height: 46px; padding: 6px !important; } .currentnewDay .month-calendar-table-day { width: 30px !important; height: 30px !important; line-height: 30px !important; margin: 0 auto !important; } .currentMonth { color: #000; } .currentMonth .newmonth-calendar-table-day { margin: 0 auto !important; } .otherMonth { color: #ccc; } .currentMonth .month-calendar-table-today_not_sign, .otherMonth .month-calendar-table-today_not_sign { color: #18c884; } .daytask_box .modal-content { padding: 0 10px; box-shadow: none; } .daytask_box .modal-content .modal-header { line-height: 30px; text-align: center; padding: 10px; border-bottom: 1px solid #e5e5e5; } .daytask_box .modal-content .modal-header > span { font-size: 1.6rem; color: #000; vertical-align: text-top; padding: 10px; } .daytask_box .modal-content .modal-header > span:nth-child(1) { color: var(--themcolor); float: left; } .daytask_box .modal-content .modal-header > span:nth-child(3) { color: var(--themcolor); float: right; } .daytask_box .modal-content .modal-header > .check { font-size: 2.4rem; padding: 4px 20px; cursor: pointer; } .daytask_box .modal-content .modal_content { padding: 20px 5px 10px; } .daytask_box .modal-content .modal_content > div { font-size: 1.4rem; text-align: center; display: inline-block; width: calc((100% - 30px) / 4); margin: 0 10px 10px 0; padding: 20px 10px; cursor: pointer; border: 1px solid transparent; } .daytask_box .modal-content .modal_content > div:nth-child(4n) { margin-right: 0; } .daytask_box .modal-content .modal_content > .activemonth { border: 1px solid var(--active-themeColor); border-radius: 5px; background-color: #f3faff; } .daytask_box .modal-content .modal-header > .check:hover, .daytask_box .modal-content .modal_content > div:hover { background-color: #f4f4f4; } .studycalendar_explain { position: fixed; z-index: 99; right: 12px; bottom: 50px; width: 32px; height: 32px; } .studycalendar_explain > img { width: 100%; } .studycalendar_explain > .app-svg-themebox { width: 100%; height: 100%; } .studycalendar_explain_content .modal-dialog { position: absolute; width: 100%; margin: 0px; left: 0px; bottom: 0px; } .studycalendar_explain_content .modal-dialog .modal-content { padding: 8px 12px 20px; border-top-left-radius: 16px; border-top-right-radius: 16px; } .studycalendar_explain_content .modal-dialog .modal-content .modal-header { padding: 0px; position: relative; } .studycalendar_explain_content .modal-dialog .modal-content .modal-header .modal-title { color: #000; font-size: 1.6rem; font-weight: bold; text-align: center; height: 32px; width: 100%; line-height: 32px; } .studycalendar_explain_content .modal-dialog .modal-content .modal-header > img { position: absolute; width: 28px; height: 32px; left: 0px; top: 0px; } .studycalendar_explain_content .studycalendar_explain_list_display { font-size: 1.3rem; color: #000; width: 100%; margin: 0; box-shadow: none; padding-top: 20px; } .studycalendar_explain_content .studycalendar_explain_list_display > div { line-height: 14px; display: inline-block; min-width: 25%; padding: 8px 0; } .studycalendar_explain_content .studycalendar_explain_list_display > div > img { position: relative; top: -1px; width: 14px; margin-right: 5px; } .weekcalendar .week-calendar-table tr th, .weekcalendar .week-calendar-table tr td { text-align: center; width: 12.5%; } .weekcalendar .week-calendar-table tr td { text-align: left; font-size: 1.1rem; line-height: 1.1; position: relative; height: 58px; padding: 7px 3px 12vw 3px; } .weekcalendar .week-calendar-table tr th { font-size: 1.1rem; font-weight: normal; text-align: center; position: relative; padding: 5px 5px 27px; } .weekcalendar .week-calendar-table tr th span { padding-top: 2px; font-size: 1.1rem; position: absolute; right: 0; bottom: 5px; left: 0; width: 20px; height: 20px; margin: auto; } .weekcalendar .week-calendar-table tr th .weekcurrentday { color: white; border-radius: 30px; background-color: var(--themcolor); } .weekcalendar .week-calendar-table tr > td img { width: 25.08%; margin: 0 12.46%; margin-bottom: 7px; } .weekcalendar .week-calendar-title-box > span { font-size: 1.3rem; vertical-align: middle; display: inline-block; } .weekcalendar .prev-week, .weekcalendar .next-week { width: 85px; cursor: pointer; } .weekcalendar .prev-week > span, .weekcalendar .next-week > span { display: inline-block; vertical-align: middle; max-width: calc(100% - 12px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .weekcalendar .prev-week > img, .weekcalendar .next-week > img { width: 6px; vertical-align: middle; } .weekcalendar .prev-week { text-align: left; } .weekcalendar .prev-week > img { margin-right: 5px; } .weekcalendar .next-week { text-align: right; } .weekcalendar .next-week > img { margin-left: 5px; } .weekcalendar .week-calendar-title-box .week-calendar-title { font-size: 1.1rem; line-height: 12px; color: #000; padding: 0 5px; cursor: default; border: none; border-radius: 0; background-color: transparent; } .weekcalendar .week-calendar-title-box .week-calendar-title > img { width: 16px; } .schedulecalendar { padding-bottom: 0; } .monthcalendar .month-calendar-title-box, .weekcalendar .week-calendar-title-box { display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center; } .monthcalendar .month-calendar-title-box .month-calendar-title, .schedulecalendar .month-calendar-title-box .month-calendar-title, .week-calendar-title-box .month-calendar-title { color: #000; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: calc(100% - 140px); padding: 6.7px 10px; border: none; border-radius: 0; background-color: transparent; } .week-calendar-title-box .week-calendar-title > div { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 100%; } .schedulecalendar .month-calendar-title-box .month-calendar-title { border: none; border-radius: 0; } .studycalendar .studycalendar_content { min-height: calc(100vh - 93px); } .studycalendar_schedule { min-height: calc(100vh - 93px); padding: 10px; background-color: white; } .studycalendar_schedule_continued { font-size: 1.3rem; position: relative; height: 22px; padding: 2px 10px; } .studycalendar_schedule_continued > span { position: absolute; top: 25px; left: 13px; } .studycalendar_schedule_line { padding: 5px; border-top: 1px solid #e5e5e5; } .studycalendar .studycalendar_content .learnrecord_content_left { display: inline-block; width: 75px !important; } .studycalendar .studycalendar_content .learnrecord_content_right { display: inline-block; width: calc(100vw - 102px) !important; } .studycalendar .studycalendar_content .learnrecord_content_right .finished { color: var(--themcolor); } .studycalendar .studycalendar_content .learnrecord_content_right .learnrecord_content_item { padding-bottom: 4px; } .studycalendar .studycalendar_content .learnrecord_content_right .learnrecord_content_item { margin-bottom: 34px; } .studycalendar .studycalendar_content .learnrecord_content_right .learnrecord_content_item > div { width: auto; } .studycalendar .studycalendar_content .learnrecord_content_right .learnrecord_content_item .learnrecord_content_item_right_moment { font-size: 1.3rem; color: #666; text-align: right; position: absolute; top: 3px; left: -82px; display: inline-block; width: 48px; } .studycalendar .studycalendar_content .learnrecord_content_right .learnrecord_content_item .learnrecord_content_item_left_first { width: 12px; } .studycalendar .studycalendar_content .learnrecord_content_right .learnrecord_content_item .learnrecord_content_item_left_second { top: 6px; left: -28px; width: 14px !important; height: 14px; opacity: 1; } .studycalendar .studycalendar_content .learnrecord_content_right .learnrecord_content_item .learnrecord_content_item_left_third { width: 10px; } .studycalendar .studycalendar_content .learnrecord_content_right .learnrecord_content_item .learnrecord_content_item_left_fourth { top: 16px; width: 1px; height: calc(100% + 32px) !important; } .studycalendar .studycalendar_content .learnrecord_content_right .underway .learnrecord_content_item_left_fourth, .studycalendar .studycalendar_content .learnrecord_content_right .finished .learnrecord_content_item_left_fourth { background-color: var(--themcolor); } .studycalendar .studycalendar_content .learnrecord_content_right .learnrecord_content_item .learnrecord_content_item_right_timestamp { font-size: 1.3rem; color: #999; padding: 5px 5px 0; } .studycalendar .studycalendar_content .learnrecord_content_right > .learnrecord_content_item:last-child .learnrecord_content_item_left .learnrecord_content_item_left_fourth { display: none; } .synthesis .learnrecord_content_item .learnrecord_content_item_left_fourth_last { height: calc(100% + 16px); } .studycalendar .studycalendar_content .learnrecord_content_right .learnrecord_content_time .learnrecord_timestamp { top: -20px; } .studycalendar .studycalendar_content .notyet .learnrecord_content_item_right .learnrecord_content_item_right_title { color: #999; } .studycalendar .studycalendar_content .nomessage_defult > img { margin-top: calc(50% - 70px); } .synthesize .part { display: inline-block; width: 25%; } .synthesize .myslides { background-color: #f4f4f4; } .synthesize .swiper-slide { overflow: scroll; width: 100%; } .synthesize .swiper-slide > div { min-height: calc(100vh - 87px); } .synthesize .swiper-slide .schedule { min-height: calc(100vh - 147px); } .synthesize .swiper-slide .swiper_one { padding: 8px 12px; } .synthesize .teaching { min-height: calc(100vh - 109px); } .synthesize .teaching > .search_text { position: relative; margin-bottom: 8px; } .synthesize .teaching > .search_text > input { font-size: 1.4rem; text-align: center; width: 100%; height: 34px; padding: 7px 15px 7px 12px; border: none; border-radius: 34px; background-color: #eaeaea; } .synthesize .teaching > div > input::input-placeholder { color: #999; text-align: center; } .synthesize .teaching > .search_text > img { position: absolute; top: 7px; left: 15px; width: 20px; } .synthesize .teaching_one { width: 100%; min-height: 110px; margin-bottom: 10px; padding: 15px 10px; border-radius: 4px; background-color: #fff; } .synthesize .teaching_one .teaching_title > h3 { font-size: 1.6rem; white-space: nowrap; text-overflow: ellipsis; display: inline-block; overflow: hidden; width: 76%; margin-top: 0; } .synthesize .teaching_one .teaching_title > span { font-size: 1rem; color: #fff; position: relative; top: 2px; float: right; padding: 1px 5px; border-radius: 4px; background-color: #18c884; } .synthesize .teaching_one .teaching_title .over { background-color: #ccc; } .synthesize .teaching_one .teaching_title .todo { background-color: #ff8400; } .synthesize .teaching_one > li { font-size: 1.4rem; color: #666; } .synthesize .teaching_info { font-size: 1.1rem; color: #999; margin-top: 10px; } .synthesize .teaching_info > span:last-of-type { float: right; } .synthesize .teaching_info > p { margin: 5px 0 0; } .synthesize .month-calendar-title-box { font-size: 1.3rem; line-height: 51px; text-align: center; height: 51px; padding: 0 12px; background-color: #fff; } .synthesize .month-calendar-title-box > span > img { width: 6px; } .synthesize .prev-month { float: left; } .synthesize .prev-month > img { margin-right: 5px; } .synthesize .month-calendar-title { font-size: 1.2rem; line-height: 12px; display: inline-block; padding: 6px 5px; } .synthesize .month-calendar-title > span > img { width: 16px; } .synthesize .next-month { float: right; } .synthesize .next-month > img { margin-left: 5px; } .synthesize .month-schedule { max-height: calc(100vh - 191px); } .synthesize .month-schedule > table { width: 100%; } .synthesize .month-schedule > table tr:first-child { font-size: 1.3rem; color: #999; height: 40px; } .synthesize .month-schedule > table tr > th { font-weight: normal; text-align: center; width: 25%; } .synthesize .schedule_status { text-align: center; height: calc((100vh - 151px) / 7); } .synthesize .schedule_status > td { border-collapse: collapse; border: 1px solid #e5e5e5; } .synthesize .month-schedule .schedule_day { font-size: 1.5rem; color: #999; background-color: #f8f8f8; } .synthesize .month-schedule .uable_order { cursor: pointer; background-color: #fff; } .synthesize .month-schedule .able_order { font-size: 1.5rem; color: #18c884; cursor: pointer; background-color: #f5fffb; } .synthesize .month-schedule .already_order { font-size: 1.5rem; color: #ff5d5d; background-color: #fff5f5; } .synthesize .botton_notice { position: fixed; bottom: 0; width: 100%; height: 60px; background-color: #fff; } .synthesize .botton_notice > div { font-size: 1.1rem; color: #999; float: right; width: 150px; padding: 22px 10px; } .synthesize .botton_notice > div > img { vertical-align: text-bottom; width: 14px; margin-right: 6px; } .synthesize .cost { padding: 12px; } .synthesize .cost > p { font-size: 1.3rem; color: #666; text-align: center; } .synthesize .cost > p > span:last-child { color: #ff8400; } .synthesize .swiper_three .teaching_one { min-height: 110px; } .synthesize .swiper_three .teaching_one .teaching_title > span { font-size: 1.6rem; font-weight: bold; color: #ff8400; position: relative; top: -5px; float: right; padding: 3px; background-color: #fff; } .synthesize .swiper_three .teaching_one .teaching_title > span > span { font-size: 1.1rem; color: #999; margin-left: 3px; } .synthesize .cost_teaching_info { font-size: 1.1rem; color: #999; margin-top: 10px; } .synthesize .swiper_four { margin-top: 8px; } .lecturerdetail .introduction .content #limit, .synthesize .introduction .content #limit { display: inline-block; word-break: break-all; } .synthesize .introduction .openup { font-size: 1.3rem; color: #999; display: inline-block; margin-top: 10px; } .synthesize .history { text-indent: 1em; min-height: calc(100vh - 211px); padding: 0 12px; background-color: #fff; } .synthesize .history > p { font-size: 1.4rem; color: #000; text-indent: 0; width: 100%; height: 46px; margin: 0; padding: 15px 0; } .synthesize .history > p > span { font-size: 1.1rem; color: #999; margin-left: 5px; } .synthesize .history .count { font-size: 1.3rem; font-weight: normal; color: #999; position: absolute; left: -4px; } .discover { min-height: calc(100vh - 56px); padding-top: 94px; background-color: #f4f4f4; } .discover_top { position: fixed; z-index: 2; top: 0; width: 100%; background-color: white; } .discover_top > .app_main_header { width: 100%; padding: 0 12px; display: flex; align-items: center; } .discover_top > .app_main_header > .app_pageConfig { min-width: 32px; min-height: 32px; margin-right: 16px; } .discover_top > .app_main_header > .app_pageConfig ul { width: 100%; border-radius: 0px 0px 16px 16px; padding: 16px 12px 16px 12px; background-color: #fff; border: 0; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.05); } .discover_top > .app_main_header > .app_pageConfig ul > li { width: calc((100% - 48px) / 3); border-radius: 99px; background-color: rgba(0, 0, 0, 0.04); font-size: 1.2rem; text-align: center; height: 30px; line-height: 30px; margin-bottom: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0 16px; } .discover_top > .app_main_header > .app_pageConfig ul > li:nth-of-type(3n-1) { margin: 0 24px 16px; } .discover_top > .app_main_header > .app_pageConfig ul .dropdown-menu-active { color: var(--themcolor); background-color: rgba(var(--rgbnum), 0.1); } .discover_top > .app_main_header > .app_pageConfig .dropdown-menu.show { width: 100vw; display: flex; align-items: center; flex-direction: row; flex-wrap: wrap; left: 0; top: 90px !important; } .discover_top > .app_main_header > .app_pageConfig .dropdown-menu.show_top { top: 48px !important; } .discover_top > .app_main_header .app_pageConfigItem { min-width: 32px; max-width: 100px; position: relative; font-size: 1.2rem; padding: 8px 30px 8px 16px; background-color: #f8f8f8; border-radius: 99px; overflow: hidden; display: flex; align-items: center; } .discover_top > .app_main_header .app_pageConfigItem .app_pageConfigItem_right { width: 16px; height: 16px; color: #000; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); } .discover_top > .app_main_header .app_pageConfigItem > span { width: 100%; display: inline-block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .discover_top > .app_main_header .discover_top_title { flex: 1; font-size: 1.8rem; color: #000; font-weight: 700; text-align: center; display: flex; align-items: center; justify-content: center; } .discover_top > .app_main_header .discover_top_title > span { display: inline-block; width: 100%; max-width: calc(100vw - 220px); text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .discover_top > .app_main_header > .discover_top_searchicon { font-size: 1.3rem; color: #999; text-align: center; vertical-align: middle; white-space: nowrap; letter-spacing: 0.5px; text-overflow: ellipsis; display: inline-block; overflow: hidden; flex: 1; padding: 7px 16px 4.5px; border: 1px solid transparent; border-radius: 20px; background-color: #f2f2f2; flex-shrink: 0; } .discover_top > .app_main_header > .discover_top_searchicon > img { position: relative; top: -2px; width: 16px; margin-right: 4px; } .discover_top > .app_main_header .discover_top_qrcode { width: 48px; height: 32px; vertical-align: middle; display: inline-block; } .discover_top > .app_main_header .discover_top_qrcode > img { width: 32px; height: 32px; margin-right: 16px; } .discover_top_smallAppSigninSearch > div { font-size: 1.3rem; color: #999; text-align: center; vertical-align: middle; white-space: nowrap; letter-spacing: 0.5px; text-overflow: ellipsis; display: inline-block; overflow: hidden; margin-top: 8px; width: 100%; padding: 7px 16px 4.5px; border: 1px solid transparent; border-radius: 20px; background-color: #f2f2f2; flex-shrink: 0; } .discover_top_smallAppSigninSearch > div > img { position: relative; top: -2px; width: 16px; margin-right: 4px; } .discover_top .discover_tabBar { position: relative; padding: 0px 38px 0 0; } .discover_top .discover_tabBar .next-navbar { white-space: nowrap; overflow-x: auto; width: 100%; border: none; height: auto; } .discover_top .discover_tabBar .next-navbar li > div { padding: 7px 2px; color: #000; } .discover_top .discover_tabBar .next-navbar::-webkit-scrollbar { display: none; } .discover_top .discover_tabBar .next-navbar .active div { color: #000; font-size: 1.8rem; font-weight: 700; } .discover_top .discover_tabBar .next-navbar .active div > div { height: 3px; } .discover_top .discover_tabBar .next-navbar li { display: inline-block; min-width: 40px; margin: 0 12px; color: #666; } .discover_top .discover_tabBar .special { position: absolute; top: 0; bottom: 0; margin: auto; right: 7px; width: 40px; height: 30px; } .discover_banner { padding: 3px 0 0 0; position: relative; } .discover_banner .swiper-slide div { padding: 0 12px 20px 12px; } .discover_banner .swiper-horizontal .swiper-pagination-bullets { bottom: 0 !important; } .discover_banner #app_discover_banner { position: absolute; left: 24px; right: 24px; top: 0px; bottom: -9px; opacity: 0.3; -webkit-filter: blur(4px); filter: blur(4px); } .discover_banner .banner_img { width: 100%; max-height: 340px; pointer-events: none; border-radius: 8px; } .discover_banner .banner_img_filter { width: 100%; border-radius: 8px; -webkit-filter: blur(4px); filter: blur(4px); position: absolute; left: 0px; right: 0px; bottom: 18px; width: calc(100% - 36px); margin: auto; opacity: 0.3; z-index: -1; } .discover_menu { text-align: center; } .discover_menu .usermessage_list_myitem { background: linear-gradient( 180deg, #fafafa, #f4f4f4); border: none; border-radius: 0; } .discover_menu_item { text-align: center; display: inline-block; width: calc(20% - 4px); max-width: 90px; margin: 0 2px; padding: 5px 0; } .discover_menu_item > img { width: 40px; } .discover_menu_item > p { font-size: 1.2rem; color: #000; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 100%; margin: 10px 0 0; } .homeBadge { position: absolute; width: 8px !important; height: 8px !important; border: 1px solid #fff; border-radius: 50%; background-color: #ff6f6f; z-index: 10; top: -4px; right: 10px; } .discover_catgory { margin-top: 8px; padding: 0px 12px; } .discover_catgory_title { font-size: 1.6rem; font-weight: 700; color: #000; padding: 12px 0px; } .discover_catgory_goodcourse { width: 100%; } .discover_catgory_goodcourse > div { display: inline-block; width: calc((100% - 12px) / 2); vertical-align: top; margin-right: 12px; background-color: #fff; border-radius: 4px; margin-bottom: 16px; } .discover_catgory_goodcourse > div:nth-child(2n) { margin-right: 0px; } .discover_catgory_goodcourse > div .limitWidth { border-radius: 4px 4px 0px 0px; } .discover_catgory_goodcourse .one_line_text_next_two { padding: 0px 10px 14px; } .discover_catgory_goodcourse .one_line_text_next_two span { font-size: 1.1rem; color: #999; margin-right: 12px; } .discover_catgory_goodcourse .one_line_text_next_two span img { width: 13px; margin-right: 3px; position: relative; top: -1px; } .discover_catgory_goodcourse .one_line_text_next_two span:last-child { margin: 0; } .discover_catgory_goodcourse > div > div > img { border-radius: 4px 4px 0px 0px; } .discover_catgory_goodcourse > div > div:nth-child(2) { font-size: 1.5rem; color: #000; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 100%; margin: 10px 0; padding: 0px 10px; } .discover_catgory_goodcourse > div > div:nth-child(3) { font-size: 1.2rem; color: #999; width: 100%; } .discover .discover_category_course { min-height: calc(100vh - 146px); padding: 0 0 12px; background-color: #fff; } .discover .discover_category_course .category_course_change_div { background-color: white; } .category_course_change_div .course_swiper { width: 100%; } .category_course_change_div .course_swiper .banner_img { width: 100%; height: calc((100vw - 24px) * 0.5625); } .discover .discover_category_course .homefixedui { position: fixed; z-index: 1; top: 95px; right: 0; left: 0; } .course_sortbtn { padding: 10px 12px; background-color: white; } .discover .course_sort_btn, .forumplate .course_sort_btn { display: flex; border: 1px solid #666; border-radius: 4px; } .discover .course_sort_btn { background-color: #fff; } .discover .course_sort_btn div, .forumplate .course_sort_btn div { font-size: 1.3rem; text-align: center; flex: 1; padding: 6px 0; color: #666; } .discover .course_sort_btn .active, .forumplate .course_sort_btn .active { color: white; background-color: #666; } .discover .discover_course_list { padding: 0 12px; } .discover .discover_course_list .discover_course_item { display: flex; width: 100%; padding: 4px 0 24px; } .discover .discover_coursepadding { padding-top: 52px; } .discover .discover_course_list .discover_course_item .discover_course_item_left { display: flex; flex-direction: column; justify-content: space-between; width: calc(100% - 116px); padding-right: 16px; } .discover .discover_course_list .discover_course_item .discover_course_item_left div:nth-child(1) { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; font-size: 1.5rem; } .discover .discover_course_list .discover_course_item .discover_course_item_left div:nth-child(2) { margin-top: 4px; } .discover .discover_course_list .discover_course_item .discover_course_item_left div:nth-child(2) > span { font-size: 1.1rem; color: #999; margin-right: 16px; } .discover .discover_course_list .discover_course_item .discover_course_item_left div:nth-child(2) > span img { width: 13px; margin-right: 4px; } .discover .discover_course_list .discover_course_item .discover_course_item_left div:nth-child(2) > span > span { display: inline-block; vertical-align: middle; } .discover .discover_course_list .discover_course_item .discover_course_item_left div:nth-child(2) > span:last-child { margin-right: 0; } .discover .discover_course_list .discover_course_item .discover_course_item_right { width: 116px; position: relative; } .discover .discover_course_list .discover_course_item .discover_course_item_right .studyprogress { font-size: 1.3rem; color: #fff; text-align: center; position: absolute; top: -9px; right: -6px; width: 38px; border-radius: 4px 4px 4px 0; } .discover .discover_course_list .discover_course_item .discover_course_item_right .studyprogress img { width: 16px; } .discover .discover_course_list .discover_course_item .discover_course_item_right .color_green { background-color: #18c884; } .discover .discover_course_list .discover_course_item .discover_course_item_right .color_orange { background-color: #ff8400; } .app_course_classify .modal-dialog { width: 100%; margin: 0; padding: 0; } .app_course_classify .modal-dialog .modal-body { display: flex; } .app_course_classify .fade > .modal-dialog > .modal-content > .modal-body { min-height: calc(100vh - 45px); max-height: calc(100vh - 45px); } .app_course_classify .fade > .modal-dialog > .modal-content > .modal-header { padding: 6px 12px; } .app_course_classify .fade > .modal-dialog > .modal-content > .modal-header img { width: 28px; } .app_course_category_list { overflow-y: auto; width: 86px; background-color: #f4f4f4; } .app_course_category_list ul { margin: 0; padding: 0; list-style: none; background-color: white; } .app_course_category_list ul li { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 100%; padding: 16px 0px; background-color: #f4f4f4; } .app_course_category_list ul li a { color: #000; text-decoration: none; padding: 0px 5px; border-left: 4px solid transparent; } .app_course_category_list ul li a span { font-size: 1.2rem; } .app_course_category_list ul .active { background-color: #fff; } .app_course_category_list ul .active a { border-left: 4px solid var(--themcolor); } .app_course_category_list ul .active_next { border-radius: 0px 16px 0px 0px; } .app_course_category_list ul .active_prev { border-radius: 0px 0px 16px 0px; } .app_course_category_com { overflow-y: auto; flex: 1; padding: 0 12px; padding-bottom: 24px; } .app_course_category_com .app_course_category_all .one_category_more { text-align: center; padding: 12px 0; } .app_course_category_com .app_course_category_all .one_category_more span { color: #999; display: inline-block; padding: 5px 26px 5px 20px; border-radius: 30px; background-color: #f4f4f4; font-size: 1.2rem; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; } .app_course_category_com .app_course_category_all .one_category_more span img { width: 4px; position: absolute; top: 0; bottom: 0; right: 18px; margin: auto; } .app_course_category_com .app_course_category_all .app_recommend_category_item:nth-child(1) { padding-right: 6px; } .app_course_category_com .app_course_category_all .app_recommend_category_item:nth-child(2) { padding-left: 6px; } .app_course_category_com .app_course_category_all .app_recommend_category_list { width: 100%; margin-bottom: 24px; } .app_course_category_com .app_course_category_all .app_recommend_category_list .app_recommend_category_item { display: inline-block; width: 50%; height: calc((100vw - 112px) / 2 * 0.5625); } .app_course_category_com .app_course_category_all .category_current_list .category_current_item div:nth-child(1) { font-size: 1.5rem; text-align: left; width: 100%; margin-bottom: 12px; } .app_course_category_com .app_course_category_all .category_current_list .category_current_item div:nth-child(1) > span:nth-child(2) { display: inline-block; padding-left: 10px; } .app_course_category_com .app_course_category_all .category_current_list .category_current_item div:nth-child(1) > span:nth-child(2) img { width: 6px; position: relative; top: -1px; } .app_course_category_com .app_course_category_all .category_current_list .category_current_item .three_outline { display: flex; flex-wrap: wrap; width: 100%; } .app_course_category_com .app_course_category_all .category_current_list .category_current_item .three_outline span { font-size: 1.3rem; text-align: center; min-width: calc((100% - 27px) / 3); margin-right: 9px; margin-bottom: 16px; padding: 4px 6px; border: 1px solid #e5e5e5; border-radius: 30px; } .topic_topic_list { padding: 10px 0 10px 12px; } .topic_topic_list > img { width: 40px; height: 40px; margin-right: 10px; border-radius: 50%; } .topic_topic_list .topic_brief { font-size: 1.3rem; color: #000; vertical-align: middle; word-break: break-all; display: inline-block; max-width: calc(100% - 180px); } .topic_topic_list .topic_list_right { float: right; padding: 2px 0; border-radius: 10px 0 0 10px; background-color: #f4f4f4; } .topic_topic_list .topic_list_right > div { text-align: center; display: inline-block; padding: 0 10px; } .topic_topic_list .topic_list_right > span { position: relative; top: 2px; display: inline-block; width: 1px; height: 30px; background-color: #e5e5e5; } .topic_topic_list .topic_list_right > div > span:first-child { font-size: 1.3rem; color: var(--themcolor); display: block; } .topic_topic_list .topic_list_right > div > span:last-child { font-size: 1.1rem; color: #999; display: block; } .news_news_list { display: block; vertical-align: top; padding: 5px 12px 16px; } .searchlist .news_news_list { display: block; vertical-align: top; padding: 16px; border-radius: 8px; background-color: white; margin: 0px 12px 8px 12px; } .searchlist .news_news_list:first-of-type { margin: 16px 12px 8px 12px; } .verify .modal-dialog { position: absolute; bottom: 0; width: 100%; margin: 0; } .verify .modal-title { font-size: 1.6rem; font-weight: bold; color: #000; text-align: center; padding: 0 15px; } .verify .modal-title .cancel { font-size: 1.5rem; font-weight: normal; color: #999; float: left; } .verify .modal-title .ensure { font-size: 1.5rem; font-weight: normal; color: var(--themcolor); float: right; } .verify .modal-dialog > .modal-content > .modal-body { text-align: center; padding: 20px 0; } .verify .modal-dialog > .modal-content > .modal-body p { font-size: 1.4rem; color: #999; } .verify .foundback_shortcode { margin-bottom: 10px; border-bottom: none !important; } .verify .foundback_shortcode .codelist_line { width: 12%; margin-right: 0; border: 1px solid #e5e5e5; border-left: 0; } .verify .foundback_shortcode .codelist_line:first-of-type { border-left: 1px solid #e5e5e5; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .verify .foundback_shortcode .codelist_line:last-of-type { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .verify .reget { font-size: 1.3rem; color: #999; pointer-events: none; } .verify .light { color: var(--themcolor); pointer-events: auto; } .vote_item_content_pc { vertical-align: top; display: inline-block; width: 33.3333333333% !important; padding: 10px; } .vote_title_pc { font-size: 1.8rem; font-weight: 700; line-height: 50px; width: 1110px; height: 50px; margin: 10px auto; border-bottom: 1px solid #e5e5e5; } .votedetail .nomessage_defult > img, .voterank .nomessage_defult > img { width: 110px !important; height: 110px !important; margin-top: 20% !important; } .votedetail_pc { padding-top: 72px; } .votedetail_head_item { background: #f4f4f4; } .votedetail_head_pc { width: 1200px; margin: auto; padding: 20px 0px; } .votedetail_head_pc > img { width: 250px; height: 125px; border-radius: 5px; } .votedetail_head_right { display: inline-block; vertical-align: top; width: calc(100% - 252px); padding-left: 20px; } .votedetail_head_right > div { font-size: 1.4rem; color: #333; word-break: break-all; margin: 5px 0; } .votedetail_head_right > span { font-size: 1.4rem; color: #666; display: block; overflow-y: auto; height: 55px; cursor: pointer; } .votedetail_content_title { overflow: hidden; width: 100%; height: 50px; margin-top: 30px; border-bottom: 1px solid #e5e5e5; } .votedetail_content_title > div { display: inline-block; } .votedetail_content_title > div:nth-child(1) { font-size: 1.6rem; font-weight: 700; line-height: 50px; } .votedetail_content_pc { float: right; width: 30%; } .votedetail_pc_content { width: 1200px; margin: auto; } .votedetail_content_item_pc { display: inline-block; width: 50%; height: 210px; } .votedetail_content_item_title_num { font-size: 2rem; color: #000; } .voterank .votedetail_content_title { font-size: 1.6rem; font-weight: 700; line-height: 50px; } .voterank_pc { padding-top: 72px; background: #fff; } .voterank_pc .nomessage_defult > img { margin-top: 70%; } .lecturermaterial .materialSearch { position: relative; z-index: 99; top: 0; width: 100%; padding: 7px 10px; background-color: #fff; } .lecturermaterial .materialSearch > div { position: relative; display: inline-block; width: 82%; } .lecturermaterial .materialSearch > div .materialSearch_icon1 { position: absolute; top: 6px; left: 10px; width: 18px; opacity: 0.6; } .lecturermaterial .materialSearch > div > input { font-size: 1.4rem; color: #000; width: 100%; padding: 5px 30px 5px 32px; border: 0; border-radius: 25px; background-color: #f4f4f4; } .lecturermaterial .materialSearch > div input::input-placeholder { color: #000; } .lecturermaterial .materialSearch > div .materialSearch_icon2 { position: absolute; top: 8px; right: 6px; width: 16px; cursor: pointer; } .lecturermaterial .materialSearch > button { font-size: 1.5rem; color: #000; width: 40px; margin-left: 7px; padding: 5px; border: 0; background-color: transparent; } .knowledgebase_list_item { display: flex; width: 100%; height: 80px; margin-bottom: 10px; border-radius: 4px; background-color: white; } .knowledgebase_list_item div:nth-child(1) { width: 80px; height: 100%; } .knowledgebase_list_item div:nth-child(1) img { width: 100%; } .knowledgebase_list_item div:nth-child(2) { width: calc(100% - 80px); padding: 0 8px 16px 2px; } .knowledgebase_list_item div:nth-child(2) h4 { font-size: 1.6rem; font-weight: 500; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin: 16px 0 10px; } .knowledgebase_list_item div:nth-child(2) span { padding: 4px 8px 2px 8px; font-size: 1.1rem; color: #999; background-color: #f4f4f4; border-radius: 10px; } .knowledgebase_list_item div:nth-child(2) .app-svg-themebox { float: right; width: 24px; height: 24px; } .knowledgebase_list_item div:nth-child(2) img { float: right; width: 24px; } .specialtopic .traincourse_list .traincourse_list_icon { top: 64px; left: 5px; } .specialtopic .modal-content { height: 100vh; } .specialtopic .specialtopic-classify { height: calc(100% - 124px); padding: 8px 12px; } .specialtopic .specialtopic-classify > div > div:nth-child(1) { font-size: 1.5rem; font-weight: bold; color: #000; padding: 16px 16px; } .specialtopic .specialtopic-classify > div > div:nth-child(1) span { font-size: 1.1rem; color: #999999; vertical-align: middle; text-align: left; } .specialtopic .specialtopic-classify > div > div:nth-child(2) { overflow: auto; max-height: 34vh; padding: 8px 8px; } .specialtopic .specialtopic-classify > div > div:nth-child(2) > div { font-size: 1.2rem; color: #000; text-align: center; display: inline-block; vertical-align: middle; min-width: calc((100% - 50px) / 3); min-height: 30px; line-height: 30px; margin: 8px 8px 8px 8px; border-radius: 15px; background-color: #f4f4f4; } .specialtopic .specialtopic-classify > div > div:nth-child(2) > .active { color: var(--themcolor); background-color: rgba(var(--rgbnum), 0.1); } .specialtopic .specialtopic-classify-footer { text-align: right; position: relative; padding: 20px 12px; } .specialtopic .specialtopic-classify-footer > span { font-size: 1.2rem; text-align: center; position: absolute; top: 20px; left: 12%; } .specialtopic .specialtopic-classify-footer > span > img { display: block; width: 25px; } .specialtopic .specialtopic-classify-footer > div { font-size: 1.4rem; color: white; text-align: center; display: inline-block; width: calc(76% - 25px); padding: 10px; border: 1px solid transparent; border-radius: 30px; background-color: var(--themcolor); } .specialtopic .progress .progress-bar-warning { background-color: var(--themcolor); } .coreadurl { -webkit-overflow-scrolling: touch; overflow-y: auto; width: 100%; height: calc(100vh - 44px); } .coreadurl > iframe { width: 100%; height: 100%; } .conothing { width: 100%; height: 100%; padding-top: 180px; } .conothing > div:nth-child(1) { width: 150px; height: 150px; margin: 0 auto; } .conothing > div:nth-child(1) > img { width: 100%; height: 100%; } .conothing > div:nth-child(2) { font-size: 1.5rem; color: #666; text-align: center; } .coreading { min-height: calc(100vh - 44px); background-color: #f4f4f4; } .coreading_content { height: 100%; } .coreading_content .learnrecord_content_item_left_third { top: 10px; left: -25px; width: 8px !important; height: 8px !important; border: 1px solid rgba(208, 205, 208, 0.8); background-color: rgba(208, 205, 208, 0.8); } .coreading_content .learnrecord_content_item_left_fourth { position: absolute; z-index: 1; top: 17px; left: -21.6px; width: 1px !important; height: calc(100% + 10px); background-color: rgba(208, 205, 208, 0.8); } .coreading_content .learnrecord_content_item_right .learnrecord_content_item_right_title { font-size: 1.6rem; } .coreading_content .learnrecord_content_item_right .learnrecord_content_item_right_time { font-size: 1.2rem; color: #999; white-space: nowrap; text-overflow: ellipsis; display: inline-block; overflow: hidden; padding: 0 5px; } .coreading_record { padding: 10px; background-color: #f4f4f4; } .coreading_activity { margin-bottom: 10px; } .coreading_activity_title { font-size: 1.5rem; font-weight: 800; color: #000; padding: 3px 0; } .coreading_activity_data { font-size: 1.2rem; color: #999; } .coreading_activity_data > span { font-size: 1.2rem; color: #ff8400; } .coreading_activity_time { font-size: 1.1rem; color: #999; } .coreading .coreading_activity > img { width: 100%; } .coreading .tab-container .tab-content { padding: 16px 12px; } .coreading .tab-container .nav-tabs { border: none; height: 36px; opacity: 1; background: #ffffff; } .coreading .tab-container .nav-tabs .active a { border: none; } .coreading .tab-container .nav-tabs .active a span { width: 42px; height: 20px; opacity: 1; font-size: 14px; font-family: PingFang SC, PingFang SC-Regular; font-weight: 400; text-align: left; color: #000000 !important; } .coreading .tab-container .nav-tabs .nav-item a span { width: 42px; height: 20px; opacity: 1; font-size: 14px; font-family: PingFang SC, PingFang SC-Regular; font-weight: 400; text-align: left; color: #999999; } .coreadetail { position: relative; } .coreadetail_top { clear: both; overflow: hidden; padding: 20px 12px; } .coreadetail_top .coreadetail_top_img { width: 100px; height: 130px; } .coreadetail_top_content_title { font-size: 1.8rem; overflow: hidden; margin-bottom: 10px; word-break: break-all; } .coreadetail_top .coreadetail_top_img > img { width: 100%; height: 100%; } .coreadetail_top_content { width: 100%; padding: 6px 12px 0 12px; } .coreadetail_top_content_tj { margin-top: 20px; } .coreadetail_top_content_tj > img:nth-child(1) { width: 14px; height: 14px; } .coreadetail_top_content_tj > span { font-size: 1.2rem; margin-left: 4px; } .coreadetail_top_content_bottom { position: absolute; right: 0; bottom: -10px; clear: both; overflow: hidden; } .coreadetail_top_content_time { display: inline-block; float: right; } .coreadetail_top_content_times { height: 30px; margin-bottom: 5px; padding: 0 3px; border-radius: 5px; background: linear-gradient( to top, #ff9100, #fb0); } .coreadetail_top_content_time > div { text-align: center; } .coreadetail_top_content_times > span:nth-child(1) { font-size: 2rem; font-weight: 900; line-height: 30px; color: white; } .coreadetail_top_content_times > span:nth-child(2) { font-size: 1.2rem; color: white; margin-left: 3px; } .coreadetail_swiper { white-space: nowrap; overflow-x: auto; width: 100%; padding: 15px 0; background: #efefef; } .coreadetail_swiper .coreadetail_swiper_item { position: relative; display: inline-block; width: 80px; height: 104px; margin: 0 12px; box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.16); background-color: white; } .coreadetail_swiper .coreadetail_swiper_item .coreadetail_swiper_item_status { font-size: 1rem; color: white; border-top-right-radius: 4px; position: absolute; top: 0; right: 0; display: inline-block; padding: 0 3px; } .coreadetail_swiper .coreadetail_swiper_item .coreadetail_swiper_item_status_nostart { background-color: #ff5d5d; } .coreadetail_swiper .coreadetail_swiper_item .coreadetail_swiper_item_status_going { background-color: #18c884; } .coreadetail_swiper .coreadetail_swiper_item .coreadetail_swiper_item_status_islearned { background-color: #bbb; } .coreadetail_swiper .coreadetail_swiper_item .coreadetail_swiper_item_music { position: absolute; bottom: 0; left: 0; display: inline-block; width: 20px; height: 20px; } .coreadetail_swiper .coreadetail_swiper_item .coreadetail_swiper_item_pic { width: 100%; height: 100%; } .coreadetail_desc { padding: 30px 12px; } .coreadetail_desc .coreadetail_desc_title { font-size: 1.8rem; font-weight: 900; color: #000; } .coreadetail_desc_content { font-size: 1.3rem; color: #666; white-space: pre-wrap; margin-top: 12px; padding: 10px; border: 1px solid transparent; border-radius: 8px; background-color: rgba(var(--rgbnum), 0.05); } .coreadetail_task { padding: 0 12px 10px; } .coreadetail_task_title { font-size: 1.8rem; font-weight: 900; color: #000; } .coreadetail_task_item, .coreadetail_comment_item { clear: both; overflow: hidden; width: 100%; padding: 10px 0; } .coreadetail_task_item_icon, .coreadetail_comment_item_icon { display: inline-block; float: left; width: 38px; height: 38px; margin-top: 7px; } .coreadetail_task_item_icon > img, .coreadetail_comment_item_icon > img { width: 100%; height: 100%; border-radius: 25px; } .coreadetail_task_item_content { display: inline-block; float: left; width: calc(100% - 130px); padding: 0 10px; } .coreadetail_task_item_btn_complete { background: #cfcfcf !important; } .coreadetail_task_item_btn { font-size: 1.5rem; line-height: 30px; color: #fff; text-align: center; display: inline-block; float: right; width: 80px; height: 30px; margin-top: 5px; border-radius: 20px; background: var(--themcolor); } .coreadetail_task_item_content > progressbar { display: inline-block; width: 100px !important; height: 6px; margin: unset; border-radius: 3px; } .progressbar_span { font-size: 1.2rem; color: #999; display: inline-block; padding-left: 8px; } .coreadetail_task_item_content_title { font-size: 1.4rem; color: #000; margin-top: 5px; } .coreadetail_task_item_content_desc { font-size: 1.2rem; color: #999; margin-top: 5px; } .coreadetail_task_item_right { display: inline-block; float: right; width: 80px; } .coreadetail_task_item_score { font-size: 1.2rem; color: #999; text-align: center; display: inline-block; width: 80px; margin-top: 6px; } .coreadetail_comment { padding: 20px 12px; } .coreadetail_comment_item_content { display: inline-block; width: calc(100% - 38px); padding: 0 0 0 12px; } .coreadetail_comment_item_content_name { position: relative; } .coreadetail_comment_item_content_name > span:nth-child(1) { font-size: 1.4rem; color: #000; display: block; margin-top: 3px; } .coreadetail_comment_item_content_name > span:nth-child(2) { font-size: 1.2rem; color: #999; display: block; margin-top: 5px; } .coreadetail_comment_item_content_name > div { position: absolute; top: 0; right: 0; } .coreadetail_comment_item_content_name > div > img { width: 16px; height: 16px; } .coreadetail_comment_item_content_name > div > .app-svg-themebox { width: 16px; height: 16px; } .coreadetail_comment_item_content_name > div > span { font-size: 1.2rem; display: inline-block; vertical-align: middle; position: relative; top: 1px; } .coreadetail_comment_item_content_desc { font-size: 1.6rem; color: #000; word-wrap: break-word; word-break: break-all; white-space: pre-wrap; padding: 10px 0 0; } .coreadetail_comment_item_content_pics { width: 100%; } .coreadetail_comment_item_content_time { padding-top: 10px; } .coreadetail_comment_item_content_book { width: 100%; height: 63px; padding: 10px; margin-top: 10px; background: #f4f4f4; } .coreadetail_comment_item_content_book > img { float: left; width: 30px; height: 43px; } .coreadetail_comment_item_content_book > div { float: left; width: calc(100% - 40px); margin-left: 10px; } .coreadetail_comment_item_content_book > div > span:nth-child(1) { font-size: 1.3rem; color: #666; display: inline-block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .coreadetail_comment_item_content_book > div > span:nth-child(2) { font-size: 1.2rem; color: #999; display: inline-block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .coreadetail_comment_item_content_pic { display: inline-block; width: calc(33.3333333333vw - 30px); height: calc(33.3333333333vw - 30px); padding: 10px 8px 2px; } .coreadetail_comment_item_content_pic > img { width: 100%; height: 100%; border-radius: 8px; } .coreadetail_comment_item_content_bottom { clear: both; overflow: hidden; padding-top: 10px; } .coreadetail_comment_item_content_bottom > span:nth-child(1) { font-size: 1.2rem; color: #999; display: inline-block; } .coreadetail_comment_item_content_bottom > span:nth-child(2) { font-size: 1.2rem; display: inline-block; padding: 3px 8px; border-radius: 15px; background: #efefef; } .coreadetail_comment_item_content_bottom > img { float: right; width: 20px; } .coreadetail .daytask_box .modal-content .modal_content > div { font-size: 1.4rem; text-align: center; display: inline-block; width: 100%; margin: 0; padding: 0; cursor: pointer; border: 1px solid transparent; } .coreadetail .month-calendar-table tr > td, .coreadetail .weekcalendar .week-calendar-table tr td { padding: 8px; border: none; } .coreadetail .month-calendar-table tr, .coreadetail .week-calendar-table tr, .coreadetail .monthcalendar .month-calendar-title-box, .coreadetail .weekcalendar .week-calendar-title-box { border: none; background-color: white; } .coreadetail .daytask_box .modal-content .modal-header > .check:hover, .coreadetail .daytask_box .modal-content .modal_content > div:hover { background-color: #fff; } .coreadetail .daytask_box .modal-content .modal_content { height: auto; max-height: 500px; } .coreadetail .monthcalendar, .coreadetail .weekcalendar { padding-bottom: 0; } .coreadetail .monthcalendar .month-calendar-title-box .month-calendar-title, .coreadetail .weekcalendar .week-calendar-title-box .week-calendar-title { font-weight: 700; color: #000; border: unset; background-color: #fff; } .coreadetail .fade > .modal-dialog > .modal-content { border-radius: 5px; } .coreadetail .daytask_box .modal-content .modal_content .calendar_bottom_sure { color: #fff; margin: 30px 40px 10px 40px; padding: 9px 8px; font-size: 1.7rem; border-radius: 25px; background: var(--themcolor); } .coreadetail .daytask_box .modal-content .modal_content .calendar_bottom_progress { font-size: 1.2rem; color: #999; } .coreadetail .monthcalendar .next-month { float: right; width: 40px; height: 40px; cursor: pointer; } .coreadetail .monthcalendar .prev-month { float: left; width: 40px; height: 40px; cursor: pointer; } .coreadetail_bottom_drawer_bg { position: fixed; z-index: 900; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); } .coreadetail_bottom_drawer { position: absolute; z-index: 1000; bottom: 35px; left: 3%; width: 94%; } .coreadetail_bottom_drawer_content { margin-bottom: 12px; border-radius: 8px; background: #fff; } .coreadetail_drawer_item { clear: both; overflow: hidden; margin: 0 16px; padding: 16px 0; border-bottom: 1px solid #e5e5e5; } .coreadetail_drawer_itemdesc { clear: both; overflow: hidden; margin: 0 16px; padding: 16px 0; border-bottom: 1px solid #e5e5e5; position: relative; } .coreadetail_drawer_item_icon { width: 38px; height: 38px; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; } .coreadetail_drawer_item_icon > img { width: 100%; height: 100%; border-radius: 25px; } .coreadetail_drawer_item_book_icon { display: inline-block; float: left; width: 60px; height: 81px; background-color: white; } .coreadetail_drawer_item_book_icon > img { width: 100%; height: 100%; } .coreadetail_bottom_drawer_title { padding: 10px 0; font-size: 1.3rem; color: #999; margin: 0 16px; border-bottom: 1px solid #e5e5e5; } .coreadetail_drawer_item_content { padding-left: 54px; } .coreadetail_drawer_item_content_title { font-size: 1.5rem; color: #000; word-break: break-all; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .coreadetail_drawer_item_content_desc { font-size: 1.1rem; color: #999; margin-top: 8px; } .coreadetail_bottom_drawer_cancel { font-size: 1.7rem; line-height: 50px; color: #000; text-align: center; width: 100%; height: 50px; border-radius: 8px; background: #fff; } .opendrawer { animation: opendrawer 0.5s; animation-fill-mode: forwards; } .closedrawer { animation: closedrawer 0.5s; animation-fill-mode: forwards; } .coreadetail_bottom_drawer_bg .coreadetail_books { overflow-y: auto; max-height: 378px; } .coreadetail_bottom_drawer_bg .coreadetail_books .coreadetail_drawer_item_content { padding-left: 76px; } .coreadetail_drawer_itemedit { margin: 0 10px; padding: 10px; border-bottom: 1px solid #efefef; } .coreadetail_drawer_item_content_edit { width: 100%; } .coreadetail_drawer_item_content_edit_title { font-size: 1.7rem; line-height: 30px; text-align: center; height: 30px; } .cofeedback { height: calc(100vh - 44px); background: #efefef; } .cofeedback_content { background: #fff; } .cofeedback_top { height: 20px; background: #efefef; } .cofeedback_content .feedback_content_text > form { padding: 0; } .cofeedback_content .feedback_content_text > form > textarea { border: none; } .cofeedback_content_button { color: #fff; width: 260px; height: 40px; margin-top: 50px; margin-left: calc(50% - 130px); border: none; border-radius: 25px; background: var(--themcolor); } .cofeedback_item { clear: both; overflow: hidden; background: #fff; } .cofeedback_item > img { float: left; width: 22px; height: 22px; margin: 14px; } .cofeedback_item > div { line-height: 50px; float: left; width: calc(100% - 70px); height: 50px; margin: 0 10px; border-bottom: 1px solid #efefef; } .cofeedback_item .cofeedback_other { line-height: 50px; margin: 0 10px 0 60px; border-bottom: 1px solid #efefef; } .cofeedback_other > span { color: #ddd; float: right; } .coexperience_top { position: relative; } .coexperience_top > textarea { width: 100%; height: 190px; margin: 10px 0 10px; padding: 0 10px 10px; resize: none; border: none; } .coexperience_top > div { position: relative; } .coexperience_top .audio_record_create { padding-bottom: 10px; } .coexperience_top .audio_record_create > input { padding-bottom: 10px; width: 0px; height: 0px; font-size: 0; position: absolute; opacity: 0; left: 0; top: 0; } .coexperience_top > div .record_add { position: relative; display: inline-block; border-radius: 18px; background-color: rgb(248, 248, 248); padding: 7px 19px 7px 14px; margin-left: 12px; } .coexperience_top > div .record_add > img { width: 20px; vertical-align: bottom; } .coexperience_top > div .record_add > span { font-size: 1.3rem; color: #000; } .coexperience_top > div .record_add > input { position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; opacity: 0; cursor: pointer; } .coexperience_top > div .record_play_create { position: relative; margin-left: 12px; display: flex; align-items: center; } .coexperience_top > div .record_play_create > div { width: 150px; height: 36px; border-radius: 18px; background-color: rgba(var(--rgbnum), 0.05); position: relative; display: inline-block; } .coexperience_top > div .record_play_create > div > .app-svg-themebox { width: 16px; height: 24px; position: absolute; top: 6px; left: 15px; } .coexperience_top > div .record_play_create > div > span { color: #000; font-size: 1.1rem; position: absolute; top: 0px; right: 0px; top: 9px; right: 13px; } .coexperience_top > div .record_play_create > img { width: 20px; margin-left: 7px; } .coexperience_top > div .record_play_create > audio { width: auto; height: auto; } .coexperience_pic { margin: 10px; border-top: 1px solid #efefef; } .coexperience_pic_title { font-size: 1.2rem; color: #999; width: 100%; padding-top: 10px; } .coexperience_pic > .photoframe > div { white-space: nowrap; overflow-x: auto; height: 84px; margin: 10px 0; } .coexperience_pic > .photoframe > div > span { vertical-align: top; position: relative; display: inline-block; width: 80px; height: 80px; margin-right: 10px; } .coexperience_pic > .photoframe > div > span > img { width: 100%; height: 100%; border-radius: 5px; } .coredetailbg { background: #999; } .coexperience_pic > .photoframe > div > span .clear_icon { position: absolute; top: 5px; right: 10px; width: 20px; height: 20px; border-radius: 10px; } .coexperience_pic > .photoframe > div > span > div { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; } .coexperience_pic > .photoframe > div > span > input { font-size: 0; position: absolute; bottom: 0; left: 0; width: 80px; height: 80px; opacity: 0; cursor: pointer; } .coexperience_pic > .photoframe > div > span > .add_pic_button { text-align: center; display: inline-block; width: 80px; height: 80px; border-radius: 4px; background-color: #eee; } .coexperience_pic > .photoframe > div > span > .add_pic_button > span { font-size: 1.1rem; color: #999; } .coexperience_pic > .photoframe > div > span > .add_pic_button > img { width: 29px; height: 29px; margin: 15px 0 5px; } .coexperience_pic .audio_record { padding-top: 10px; } .coexperience_item { padding: 10px; } .coexperience .feedback_content_text_icon { color: #999; } .coexperience_item_icon { display: inline-block; width: 20px; height: 40px; } .coexperience_item_icon { display: inline-block; float: left; width: 25px; height: 40px; } .coexperience_item_icon > img { width: 100%; height: 100%; } .coexperience_item_content { display: inline-block; width: calc(100% - 25px); padding-left: 10px; } .coexperience_item_content .coreadetail_drawer_item_content_title { margin-top: 0; } .coexperience_item_content .coreadetail_drawer_item_content_desc { margin-top: 3px; } .coreadetail_dialog { position: fixed; z-index: 900; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); } .coreadetail_dialog_content { position: relative; width: 335px; height: 310px; margin: 0 auto; top: 50%; transform: translateY(-50%); padding: 20px; border-radius: 16px; background: #fff; } .coreadetail_dialog_title { font-size: 1.6rem; font-weight: bold; line-height: 30px; color: #000; text-align: center; height: 30px; } .coreadetail_dialog_desc { font-size: 1.5rem; color: #666; overflow: auto; max-height: 165px; padding: 10px 0; margin-top: 10px; } .coreadetail_dialog_btn { padding: 9px 0; font-size: 1.7rem; font-weight: 500; color: #fff; text-align: center; position: absolute; bottom: 20px; left: 0; right: 0; margin: auto; width: 74%; border-radius: 30px; background: var(--themcolor); } .cocoment { padding-top: 100px; } .cocoment > p { font-size: 1.2rem; } .cocomments { position: relative; min-height: calc(100vh - 44px); background: #f4f4f4; } .cocomments_detail { clear: both; overflow: hidden; width: 100%; padding: 12px; background: #fff; } .cocomments_detail > img { float: left; width: 40px; height: 40px; border-radius: 20px; } .cocomments_detail .cocomments_detail_name { display: inline-block; float: left; width: calc(100% - 52px); margin-left: 12px; } .cocomments_detail .cocomments_detail_name > div:nth-child(1) > span:nth-child(1) { font-size: 1.4rem; color: #000; display: block; } .cocomments_detail .cocomments_detail_name > div:nth-child(1) > span:nth-child(2) { font-size: 1.2rem; color: #999; display: block; margin-top: 3px; } .cocomments_detail .cocomments_detail_name > div:nth-child(2) { font-size: 1.5rem; color: #000; word-wrap: break-word; padding: 8px 0px 0px; } .cocomments_detail .cocomments_detail_name > div:nth-child(3) { font-size: 1.2rem; color: #999; margin-top: 10px; } .cocomments_list { margin-top: 12px; padding-bottom: 50px; background: #fff; } .cocomments_list_title { font-size: 1.4rem; color: #000; padding: 12px; border-bottom: 1px solid #efefef; } .cocomments_list_item { clear: both; overflow: hidden; padding: 12px; } .cocomments_list_item > img { float: left; width: 40px; height: 40px; border-radius: 20px; } .cocomments_list_item_content { display: inline-block; float: left; width: calc(100% - 52px); margin-left: 12px; } .cocomments_list_item_content_name { font-size: 1.4rem; color: #000; } .cocomments_list_item_content_org { font-size: 1.2rem; color: #666; } .cocomments_list_item_content > div:nth-child(1) { position: relative; } .cocomments_list_item_content > div:nth-child(1) > span { position: absolute; top: 0; right: 0; } .cocomments_list_item_content > div:nth-child(2) { font-size: 1.5rem; color: #000; margin-top: 10px; word-break: break-all; } .cocomments_reply { position: fixed; bottom: 18px; width: 100%; padding: 5px 12px; } .experiencelist_detail { clear: both; overflow: hidden; width: 100%; padding: 12px; background: #fff; } .experiencelist_diliver { width: 100%; height: 8px; background: #efefef; } .experiencelist_detail > img { float: left; width: 100px; height: 140px; } .experiencelist_detail .experiencelist_detail_name { display: inline-block; float: left; width: calc(100% - 112px); margin-left: 12px; } .experiencelist_detail .experiencelist_detail_name > div:nth-child(1) { font-size: 1.6rem; font-weight: bold; color: #000; } .experiencelist_detail .experiencelist_detail_name > div:nth-child(2), .experiencelist_detail .experiencelist_detail_name > div:nth-child(3), .experiencelist_detail .experiencelist_detail_name > div:nth-child(4) { font-size: 1.2rem; color: #999; margin-top: 5px; } .experiencelist_detail .experiencelist_detail_name > div:nth-child(3) > span { font-size: 1.2rem; color: #ff8400; } .experiencelist_item { clear: both; overflow: hidden; padding: 12px; } .experiencelist_item > img { float: left; width: 40px; height: 40px; border-radius: 20px; } .experiencelist_item_content { display: inline-block; float: left; width: calc(100% - 52px); margin-left: 12px; } .experiencelist_item_content_top > span:nth-child(1) { font-size: 1.4rem; color: #000; } .experiencelist_item_content_top > span:nth-child(2) { font-size: 1.2rem; color: #999; float: right; } .experiencelist_item_content_top > span:nth-child(2) > img { width: 14px; height: 14px; } .experiencelist_item_content_top > span:nth-child(3) { font-size: 1.2rem; color: #999; display: inline-block; width: 100%; } .experiencelist_item_content_middle { font-size: 1.5rem; color: #000; margin-top: 10px; } .corank_bg { width: 125%; height: 220px; background-color: var(--themcolor); border: 1px solid var(--themcolor); position: absolute; top: 0; left: -25%; } .corank_top { width: 100%; padding: 6px 12px; text-align: center; font-size: 1.7rem; color: white; position: fixed; top: 0px; padding-right: 40px; display: flex; align-items: center; justify-content: space-between; z-index: 2; background-color: var(--themcolor); } .corank_top > span { flex: 2; } .corank_top_bgwhite { color: #000; background-color: white; } .corank_top_back { height: 32px; float: left; } .coranking { padding-top: 44px; } .coranking_top { position: absolute; width: 100%; top: 49px; } .corank_item_list { position: absolute; width: 100%; min-height: calc(100% - 190px); background-color: #f4f4f4; margin-top: 148px; padding: 0 12px 10px 12px; z-index: 1; } .corank_item { background-color: #fff; width: 100%; border-radius: 16px; margin-top: -34px; } .coranking_top > div:nth-child(1) { font-size: 1.2rem; line-height: 30px; color: #fff; text-align: center; width: 100%; height: 30px; opacity: 0.6; font-size: 11px; font-family: PingFang SC, PingFang SC-Regular; font-weight: 400; } .coranking_list_top { vertical-align: bottom; width: 100%; padding: 16px 24px; } .coranking_list_top .coranking_list_top_item { position: relative; display: inline-block; flex: 1; width: 33.3333333333%; } .coranking_list_top .coranking_list_top_item > div:nth-child(1) { text-align: center; } .coranking_list_top .coranking_list_top_item > div:nth-child(1) > img:nth-child(1) { width: 60px; height: 60px; border-radius: 50%; } .coranking_list_top .coranking_list_top_item > div:nth-child(1) > img:nth-child(2) { position: absolute; top: 44px; right: 0; left: 0; width: 24px; margin: auto; } .coranking_list_top .coranking_list_top_item > div:nth-child(2) { width: 100%; margin-top: 8px; } .coranking_list_top .coranking_list_top_item > div:nth-child(2) > div { font-size: 1.4rem; color: #000; text-align: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 100%; } .coranking_list_top .coranking_list_top_item > div:nth-child(2) > div > span { color: #999; } .coranking_list_top .coranking_list_top_item > div:nth-child(2) > div:nth-child(2) { margin: 3px 0 5px 0; font-size: 1.1rem; color: #999; } .coranking_list_top .coranking_list_top_item:nth-child(2) > div:nth-child(1) > img:nth-child(1) { width: 70px; height: 70px; border-radius: 50%; } .coranking_list_top .coranking_list_top_item:nth-child(2) > div:nth-child(1) > img:nth-child(2) { top: 54px; } .coranking_list_top_bin { width: calc(100% - 24px); height: 1px; background-color: #e5e5e5; margin: 0 auto; } .coranking_own_view { position: absolute; right: 0; left: 0; background-color: var(--themcolor); top: 88px; padding: 0 12px; } .coranking_own_view .coranking_own_view_tip { color: #fff; } .coranking_own_view .coranking_own_view_tip > div { font-size: 1.6rem; text-align: center; } .coranking_own_view .coranking_own_view_tip > div > span { font-size: 1.4rem; color: #fff; } .coranking_list_item { clear: both; overflow: hidden; padding: 12px 0; font-size: 13px; font-family: PingFang SC, PingFang SC-Regular; font-weight: 400; color: #ffffff; } .coranking_list_item_sign { float: right; line-height: 40px; display: flex; justify-content: space-between; align-items: center; width: 36%; } .coranking_list_item_sign div { width: 1px; height: 18px; opacity: 0.6; border: 1px solid #ffffff; } .coranking_list_item_num { font-size: 1.3rem; line-height: 40px; color: #999; text-align: center; display: inline-block; float: left; width: 15%; height: 40px; } .coranking_own_view .coranking_list_item_desc { line-height: 40px; } .coranking_list_item_desc { text-align: left; display: inline-block; float: left; width: 55%; } .coranking_list_item_descs { clear: both; overflow: hidden; } .coranking_list_item_descs_span { color: #fff !important; font-size: 13px; font-family: PingFang SC, PingFang SC-Regular; font-weight: 400; } .coranking_list_item_descs > img { float: left; width: 40px; height: 40px; border-radius: 20px; } .coranking_list_item_desc_content { display: inline-block; float: left; width: calc(100% - 40px); padding-left: 12px; } .coranking_list_item_desc_content > span { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .coranking_list_item_desc_content > span:nth-child(1) { font-size: 1.4rem; color: #000; display: inline-block; width: 100%; } .coranking_list_item_desc_content > span:nth-child(2) { font-size: 1.2rem; color: #999; display: inline-block; width: 100%; margin-top: 4px; } .coranking_list_item_score { font-size: 1.4rem; line-height: 40px; color: #000; text-align: right; display: inline-block; float: left; width: 23%; height: 40px; padding-right: 12px; } .coranking_list_item_score > span { font-size: 1.2rem; color: #999; margin-left: 5px; } .coranking_bottom { position: fixed; bottom: 0; background: #efefef; } .cosearch .contact_form { right: 0; width: calc(100% - 36px); } .cosearch { padding-top: 44px; min-height: 100vh !important; } .cosearch > .contact_form { width: 100%; display: flex; align-items: center; padding: 0; height: 44px; } .cosearch > .contact_form > .contact_form_back { vertical-align: middle; display: inline-block; width: fit-content !important; margin: 0; padding: 6px 12px; border: none; background-color: #fff; } .cosearch > .contact_form > .contact_form_back > img { width: auto !important; height: 32px; pointer-events: none; border-radius: 30px; } .cosearch > .contact_form > .contact_form_search { flex: 1; } .cosearch > .contact_form > .contact_form_search > input { height: 33px; } .cosearch > .contact_form > .contact_form_search > .contact_form_icon1 { left: 10px; top: 50%; transform: translateY(-50%); } .limitWidth { position: relative; overflow: hidden; width: 100%; padding-bottom: 56.25%; border-radius: 4px; } .limitWidth > img { position: absolute; width: 100%; height: 100%; border-radius: 4px; } .menumodal .range_title > a { font-size: 1.3rem !important; color: #999 !important; } .hmuser { display: none; } .progress { position: relative; overflow: visible; width: 210px !important; height: 16px; margin: 24px auto; box-shadow: unset; border: 0 solid transparent; border-radius: 8px; background-color: #cacaca; } .progress .progress-bar-warning { width: 100px; height: 100%; border: none; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; background-color: #ff8400; } .answer_user_list_progress .progress .progress-bar-warning, .answer_user_list_progress .progress .bg-warning, .answer_user_list_progress .progress-bar-warning, .answer_user_list_progress .bg-warning, .answer_option_vertical_progress .progress .progress-bar-warning .answer_option_vertical_progress .progress .bg-warning .answer_option_vertical_progress .progress-bar-warning .answer_option_vertical_progress .bg-warning { background-color: transparent !important; } .progress .progress-bar { box-shadow: unset; } .progress .progress-bar i { font-size: 1.2rem; font-style: normal; color: white; text-shadow: 0 0 1px rgba(255, 255, 255, 0.3); position: absolute; z-index: 10; top: -3px; right: 0; left: 0; } .myslides { font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "STHeiti", "WenQuanYi Micro Hei", "Helvetica", "Arial", "sans-serif"; font-size: 1.4rem; color: #000; height: auto; } .swiper-container { width: 100%; height: 100%; margin-top: 0; padding-bottom: 0; pointer-events: all; margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; } .swiper-slide { font-size: 1.2em; display: flex; justify-content: center; align-items: flex-start; width: 100%; } .swiper-slide > div { width: 100%; } .swiper-slide app-video-base .mejs__overlay-button { width: 80px; } .swiper-slide app-video-base .mejs__controls div { width: 32px; } .swiper-slide app-video-base .mejs__controls .mejs__time { width: auto; } .swipertabsdiv { width: 30%; height: 100%; padding: 6px 12px; opacity: 1; border-radius: 0; background-color: white; } .swipertabsspan { padding: 9px 0; border-radius: 5px; } .swiper-pagination-bullet-active .swipertabsspan { background-color: var(--themcolor); } .swiper-horizontal > .swiper-pagination-bullets { right: 0 !important; bottom: 0 !important; left: unset !important; height: 28px; padding: 3px; transition: 0ms; } .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { width: 6px; height: 6px; margin: 0 8.5px 0 0; border: 1px solid transparent !important; background-color: rgba(255, 255, 255, 0.4); } .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet-active { background-color: rgb(255, 255, 255); } .swiper-pagination-bullet { opacity: 1; border: 1px solid #fff !important; background: none; } .swiper-pagination-bullet-active { background-color: white !important; } .swiper-pagination-bullet-active a { color: white; text-decoration: none; } .fixedUl, .expireUI { position: fixed; z-index: 99; top: 0; left: 0; width: 100%; box-shadow: 0 0 8px #ccc; } .setMarginTop { margin-top: 50px; } .setMarginTop_nomarginbottom { margin-bottom: 10px; } .myslides .selected > div { opacity: 0.8; } .courselist_modal .aaaaa { display: none; } .courselist_modal .bbb { display: none; } .courselist_modal > .modal-dialog { margin: 0; } .courselist_modal > .modal-dialog > .modal-content > .modal-body > div { position: relative; } .courselist_modal > .modal-dialog > .modal-content > .modal-body > div > a { white-space: nowrap; text-overflow: ellipsis; word-break: break-all; overflow: hidden; width: 80%; background-color: white; } .courselist_modal > .modal-dialog > .modal-content > .modal-body > div > a:hover { color: #444; background-color: white; } .courselist_modal > .modal-dialog > .modal-content > .modal-body > .active > a:hover { color: var(--themcolor); } .courselist_modal > .modal-dialog > .modal-content > .modal-body > div > a > span { position: absolute; top: 0; right: 0; padding: 11px; } .courselist_modal > .modal-dialog > .modal-content > .modal-body > div > a span { color: #444; } .courselist_modal .active > a { color: var(--themcolor); } .courselist_modal .openul { display: block; width: 100%; margin: 0; padding: 5px 10px; list-style-type: none; background-color: #f4f4f4; } .courselist_modal .openul li { position: relative; display: block; width: 100%; border-bottom: 1px solid #e2e2e2; } .courselist_modal .openul li > a { font-size: 1.5rem; white-space: nowrap; text-decoration: none; text-overflow: ellipsis; word-break: break-all; display: block; overflow: hidden; width: 80%; padding: 10px 0; } .courselist_modal .openul li > a:hover { color: #444; } .courselist_modal .openul li > .active:hover { color: var(--themcolor); } .courselist_modal .openul li:last-child { border: none; } .courselist_modal .openul .active { color: var(--themcolor); } .courselist_modal .openul .openli > a > span { color: #444; } .courselist_modal .openul li > a > span { font-size: 1.3rem; color: #444; position: absolute; top: 0; right: 0; padding: 11px 6px 11px 11px; } .courselist_modal .openul .openli > div { width: 100%; } .courselist_modal .openul .openli .open { display: block; border-top: 1px solid #e2e2e2; } .courselist_modal .openul .openli .open div { color: #444; text-align: center; display: inline-block; padding: 10px; } .courselist_modal .openul .openli .open .opening { color: var(--themcolor); } .courselist_modal .openul .openli .downUpToggle2 { display: none; } .wdlogo { display: none; } .learn_modal .modal-dialog, .pc_newslist .modal-dialog, .forum_modal .modal-dialog, .qacheckmore .modal-dialog { width: 100%; } .search_modal .modal-dialog { width: 95%; } .teacherguide { min-height: calc(100vh - 44px); background: #f4f4f4; } .uploadfile_disable { color: var(--themcolor); background: #f4f4f4; } .discover_static { width: 100%; } .stiatics_item { height: 165px; min-height: unset; } .stiatics_item .nomessage_defult > img { margin-top: 0; } .discover_top .swiper-container-autoheight, .discover_top .swiper-container-autoheight .swiper-slide { height: 165px; margin-bottom: 0 !important; } .discover_top .swiper-horizontal > .swiper-pagination-bullets { text-align: right; right: 41%; bottom: 0; height: 21px; padding: 0; } .discover_top .swiper-pagination-bullet-active { background-color: var(--themcolor); } .project_discover { background: #f4f4f4; } .discover_content { min-height: 100vh; background: #f4f4f4; } .discover_content .sharefile_name_depart > span { top: 0; bottom: unset; } .discover_content .share_content { font-size: 15px; color: #000; padding-bottom: 10px; } .discover_content .share_content_wrap, .sharelist .share_content_wrap { display: inline-block; width: 100vw/3; height: 100vw/3; } .commentlist .share_content_wrap { display: inline-block; width: calc(33.3333333333vw - 6.6666666667px); height: calc(33.3333333333vw - 6.6666666667px); } .commentlist .nomessage_defult > img { margin-top: 25%; } .discover_content .share_content_img, .commentlist .share_content_img, .sharelist .share_content_img { position: relative; width: 100%; height: 100%; padding: 10px; border-radius: 5px; } .share_content_img > img { width: 100%; border-radius: 5px; } .discover_content .form_item { padding: 10px 0; } .discover_content .sharefile_pic, .discover_content .share_content { padding: 10px 10px 0; } .form_item .file_pdf_title { font-size: 14px; color: #000; text-align: center; word-wrap: break-word; word-break: break-all; position: absolute; bottom: 10px; width: calc(100% - 20px); margin-bottom: 10px; padding: 5px; } .share_content_comandlike { font-size: 11px; color: #000; height: 20px; } .share_content_comandlike > span { float: right; margin-right: 10px; padding: 0 10px; cursor: pointer; } .share_content_comandlike > span > img { width: 16px; height: 16px; } .discover .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { margin-bottom: 0 !important; } .commentlist { padding-bottom: 50px; } .commentnum { height: 30px; padding: 0 10px; background: #fff; } .commentlist_diviler { width: 100%; height: 8px; margin-bottom: 10px; background: #f4f4f4; } .commentnum > div:nth-child(1) { font-size: 14px; line-height: 30px; color: #000; display: inline-block; } .commentnum > div:nth-child(2) { font-size: 11px; line-height: 30px; color: #999; display: inline-block; } .studentform { padding: 10px; } .studentform_add { line-height: 40px; color: #999; text-align: center; clear: both; overflow: hidden; height: 40px; border-radius: 5px; background: #fff; } .form-all-step-list__tooltip-custom .tooltip-inner { font-size: 13px; line-height: 36px; height: 36px; vertical-align: middle; color: #18c884; background: url("./media/form_all_step_tooltip-HKERT2TE.svg") no-repeat; width: 236px; max-width: 236px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center; background-color: unset !important; padding: 0 10px 0 0; margin: 0 5px 0 -5px; } .form-all-step-list__tooltip-custom .tooltip-left .tooltip-arrow::before, .form-all-step-list__tooltip-custom .tooltip-left .tooltip-arrow { display: none !important; } .form-all-step-list__tooltip-custom .tooltip-arrow.arrow { display: none !important; } .studentform_add > span:nth-child(1) { font-size: 40px; line-height: 32px; display: inline-block; float: left; width: 40px; margin-left: calc(50% - 30px); } .studentform_add > span:nth-child(2) { font-size: 13px; line-height: 40px; display: inline-block; float: left; height: 40px; } .studentform_item { margin-top: 10px; padding: 10px; background: #fff; } .studentform_item_title { clear: both; overflow: hidden; padding-bottom: 10px; } .studentform_item_title1 { font-size: 16px; color: #000; display: inline-block; float: left; width: calc(100% - 50px); } .studentform_item_title2 { font-size: 11px; color: #18c884; display: inline-block; margin-left: 5px; padding: 2px 3px; cursor: pointer; border-radius: 3px; background: rgba(24, 200, 132, 0.062745098); } .studentform_item_content { font-size: 13px; color: #666; } .studentform_item_d { clear: both; overflow: hidden; padding: 8px 0; } .studentform_item_date { font-size: 11px; color: #999; display: inline-block; float: left; width: calc(100% - 50px); } .studentform_item_d_status { font-size: 11px; color: #f00; display: inline-block; margin-left: 5px; padding: 2px 3px; cursor: pointer; border-radius: 3px; } .studentform_item_cloumn { clear: both; overflow: hidden; } .studentform_item_cloumn > div:nth-child(1) { font-size: 13px; color: #666; display: inline-block; float: left; width: 65px; } .studentform_item_cloumn > div:nth-child(2) { font-size: 13px; color: #666; display: inline-block; width: calc(100% - 65px); } .studentform_item_cloumns { margin-bottom: 10px; } .studentform_item_btn { font-size: 15px; line-height: 40px; color: var(--themcolor); text-align: center; height: 40px; } .choosestudentform_title { font-size: 16px; color: #000; margin-bottom: 10px; } .choosestudentform_content { font-size: 13px; color: #666; } .forum_item .forum .reminder { width: auto; } .forum_item .modal-dialog { width: auto; } .discovery_fourm_bg { position: fixed; z-index: 99; right: 0; bottom: 0; left: 0; height: 100px; } .discovery_bottom_unuse { height: 100px; } .discovery_fourm_bg .discovery_fourm { width: 300px; height: 100px; margin: 0 auto; } .discovery_fourm_bg .discovery_fourm > div { line-height: 30px; display: inline-block; width: 84px; height: 30px; margin: 12px 8px; margin-top: 35px; padding-left: 14px; cursor: pointer; border-radius: 20px; background: #f4f4f4; } .discovery_fourm_bg .discovery_fourm .discovery_fourm_share { float: left; width: 34px; height: 30px; opacity: 0; } .discovery_fourm_bg .discovery_fourm > div > img { width: 17px; height: 17px; margin-right: 5px; } .discovery_fourm_bg .discovery_fourm > div:nth-child(1) > span { font-size: 15px; color: #18c884; } .discovery_fourm_bg .discovery_fourm > div:nth-child(2) > span { font-size: 15px; color: #56a4ff; } .discovery_fourm_bg .discovery_fourm > div:nth-child(3) > span { font-size: 15px; color: #ff8400; } .dicoverymsg { font-size: 10px; line-height: 14px; color: #fff; position: absolute; top: 3px; right: calc(50% - 25px); width: 16px; height: 16px !important; border: 1px solid #fff; border-radius: 12px; background: #f00; } .commentlist_content { position: relative; background: #f4f4f4; } .sharelist { position: relative; min-height: 100vh; background: #f4f4f4; } .sharelist_search { width: 100%; height: 50px; padding: 5px; } .comment_reply { position: fixed; bottom: 0; width: 100%; padding: 5px 10px; } .comment_input { display: inline-block; width: calc(100% - 100px); height: 40px; padding: 0 10px; border: 1px solid #efefef; border-radius: 5px; } .comment_noconten { font-size: 15px; line-height: 40px; color: #999; text-align: center; display: inline-block; width: 85px; height: 40px; margin-left: 10px; border-radius: 5px; background: #efefef; } .comment_hascontent { color: #fff; cursor: pointer; background: #f00; } .commentitem { clear: both; overflow: hidden; padding: 10px; border-bottom: 1px solid #efefef; } .commentitem_left { display: inline-block; float: left; width: 60px; } .commentitem_left > img { width: 50px; margin: 15px 10px 15px 0; border-radius: 50%; } .commentitem_right { position: relative; display: inline-block; width: calc(100% - 80px); } .commentitem_right_name { margin-top: 17px; } .commentitem_right_time { position: absolute; top: 17px; right: 0; } .commentitem_right_department { margin-top: 5px; } .commentitem_right_content { font-size: 13px; color: #999; } .forum_item .nomessage_defult > img { margin-top: 15%; } .formlist { min-height: calc(100vh - 44px); background: #f4f4f4; } .padding_formlist { padding: 12px; } .form_refuse { padding: 5px; border-radius: 3px; background: #f4f4f4; } .form_item { position: relative; margin-bottom: 10px; padding: 10px; border-radius: 3px; background: #fff; } .form_item > span { font-size: 11px; color: #18c884; position: absolute; top: 13px; right: 10px; } .form_first_title { font-size: 16px; color: #000; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 88%; } .form_item .form_second_desc { font-size: 11px; } .form_second_title { font-size: 14px; color: #666; margin-top: 10px; margin-bottom: 12px; } .form_diviler { width: 100%; height: 1px; margin-bottom: 10px; background: #e5e5e5; } .form_done { font-size: 15px; font-weight: 700; line-height: 28px; color: var(--themcolor); text-align: center; height: 30px; cursor: pointer; border-radius: 3px; } .firstform .myslides .swiper_one { min-height: calc(100vh - 87px); padding: 12px; background: #f4f4f4; } .firstform .searchshare { font-size: 1.3rem; width: 100%; margin-bottom: 10px; padding: 10px; border: none; border-radius: 25px; background-color: #eaeaea; } .firstform_title { font-size: 16px; color: #000; margin-bottom: 10px; } .firstform_time { font-size: 11px; color: #999; overflow: hidden; margin-top: 10px; margin-bottom: 10px; } .firstform_time > span:nth-child(1) { float: left; } .firstform_time > span:nth-child(2) { float: right; } .firstform_textarea { width: 100%; height: 100px; resize: none; border: none; background: #f4f4f4; } .firstform_bottom { position: relative; overflow: hidden; margin-top: 5px; } .firstform_bottom .first_width { width: 60px; } .firstform_bottom > span { font-size: 11px; color: #999; } .firstform_file_textarea { width: 100%; height: 40px; margin-top: 10px; margin-bottom: 10px; padding: 10px 0 0 10px; resize: none; border: none; background: #f4f4f4; } .firstform_pic { position: relative; width: 80px !important; height: 80px; margin-bottom: 10px; border: 1px dashed #e5e5e5; background: #fff; } .firstform_pic > img { width: 25px; height: 25px; margin-top: 20px; margin-left: 27.5px; } .firstform_pic > div { font-size: 11px; color: #999; display: inline-block; margin-left: 16px; } .firstform_pic > input { position: absolute; z-index: 100; top: 0; width: 80px; height: 80px; opacity: 0; cursor: pointer; border: none; } .first_history_files { font-size: 11px; color: #999; margin-bottom: 10px; } .first_history_item { font-size: 14px; color: #000; margin-bottom: 10px; cursor: pointer; } .sharefile_pic { overflow: hidden; } .second_submit { font-size: 15px; font-weight: 700; line-height: 28px; color: #fff; text-align: center; display: inline-block; float: right; width: 60px; height: 30px; cursor: pointer; border-radius: 3px; background: var(--themcolor); } .second_save { font-size: 15px; font-weight: 700; line-height: 28px; color: #000; text-align: center; display: inline-block; float: right; width: 60px; height: 30px; margin-right: 12px; cursor: pointer; border: 1px solid #e5e5e5; border-radius: 3px; border-radius: 4px; background: #fff; } .uploadfile { line-height: 30px; color: #fff; text-align: center; height: 30px; margin-bottom: 5px; border-radius: 3px; background: var(--themcolor); } .sharefile_name_depart { position: relative; display: inline-block; width: 100%; } .sharefile_name_depart > div:nth-child(1) { font-size: 16px; color: #000; margin-bottom: 5px; } .sharefile_name_depart > div:nth-child(2) { font-size: 11px; color: #999; } .sharefile_name_depart > span { font-size: 11px; color: #999; position: absolute; right: 0; bottom: 0; } .share_diviler { margin-top: 10px; } .share_content { font-size: 14px; color: #666; } .form_delete { font-size: 11px; color: #ff5d5d; margin-left: 10px; cursor: pointer; } .first_history_item > img { margin-left: 5px; } .first_history_item > .app-svg-themebox { margin-left: 5px; } .form_margin_bottom { margin-bottom: 0; } .secondform_submit { font-size: 11px; color: #999; padding-top: 5px; } .secondform_textarea { font-size: 15px; margin-top: 10px; } .secondform_span { font-size: 11px; color: #999; } .secondform_count { font-size: 11px; color: #999; float: right; } .second_surver_score { font-size: 14px; color: #000; } .secondform_bottom { position: relative; overflow: hidden; margin-top: 5px; } .second_title { font-size: 16px; color: #000; } .projecttutor_content { min-height: calc(100vh - 93px); background: #f4f4f4; } .projecttutor_content .projecttutor_item { position: relative; width: calc(100% - 20px); margin: 10px; border-radius: 5px; background: #fff; } .projecttutor_item > div:nth-child(1) { font-size: 18px; color: #000; padding: 10px; } .projecttutor_item_secondtitle { font-size: 13px; color: #666; padding: 0 10px 5px; } .projecttutor_item_form_person { font-size: 11px; color: #999; margin-bottom: 10px; padding-left: 10px; } .projecttutor_item_button { position: relative; overflow: hidden; height: 50px; border-top: #e5e5e5 solid 1px; } .projecttutor_item_button .projecttutor_item_refuse { font-size: 15px; color: #000; display: inline-block; float: left; width: calc(50% - 1px); height: 100%; } .projecttutor_item_button .projecttutor_item_diviler { display: inline-block; width: 1px; height: 100%; background: #e5e5e5; } .projecttutor_item_button .projecttutor_item_sure { font-size: 15px; color: var(--themcolor); display: inline-block; float: right; width: 50%; height: 100%; } .projecttutor_item_refuse > div { text-align: center; position: relative; top: 6px; width: 100%; } .projecttutor_item_sure > div { text-align: center; position: relative; top: 15px; width: 100%; } .projecttutor_bg { height: 100%; background: #f4f4f4; } .projecttutor_item_refuse .refsuse_sm { font-size: 11px; color: #999; text-align: center; position: relative; top: 5px; width: 100%; } .projecttutor_content_search { position: relative; height: 100px; padding: 10px; background: #fff; } .projecttutor_content_search_placeholder { color: #000; position: absolute; z-index: 1; top: 20px; width: 125px !important; } .projecttutor_content_search > input { width: calc(100% - 80px); height: 40px; border: none; } .projecttutor_content_search .projecttutor_content_search_selsect { line-height: 40px; position: relative; width: calc(100% - 80px); height: 40px; border: none; background: #fff; } .projecttutor_content_search .projecttutor_content_search_selsect > img { position: absolute; top: 0; right: 0; width: 40px; height: 40px; padding: 14px 0 14px 28px; } .projecttutor_content_search > input::input-placeholder { font-size: 15px; color: #ccc; } .projecttutor_content_search .projecttutor_content_searchbtn { font-size: 15px; color: #fff; position: absolute; top: 20px; right: 12px; display: inline-block; width: 50px; height: 60px; background: var(--themcolor); } .projecttutor_content_search .projecttutor_content_search_diviler { width: calc(100% - 80px); height: 1px; background: #e5e5e5; } .projecttutor_content_searchbtn > span { position: relative; top: 30%; left: 20%; } .projecttutor_end_secondtitle { font-size: 14px; color: #666; padding: 0 10px 5px; } .projecttutor_end_person { font-size: 11px; color: #999; padding: 0 10px 5px; } .projecttutor_item .projecttutor_end_num { font-size: 11px; color: #999; position: absolute; right: 10px; bottom: 25px; width: unset; } .projecttutor_item .form_diviler_padding { width: calc(100% - 20px); margin: 10px; } .projecttutor_add_search { height: 47px; background: #f4f4f4; } .projecttutor_add_search > input { line-height: 35px; position: relative; top: 10px; left: 10px; width: calc(100% - 20px); height: 35px; padding: 5px 80px 5px 20px; border: none; border-radius: 40px; background: #eaeaea; } .projecttutor_add_search > input::input-placeholder { font-size: 13px; color: #999; margin-bottom: 3px; } .projecttutor_add_search .projecttutor_add_search_btn { position: absolute; top: 10px; right: 10px; width: 40px; height: 35px; border-top-right-radius: 18px; border-bottom-right-radius: 18px; background: var(--themcolor); } .projecttutor_add_search_btn > img { width: 18px; height: 18px; margin-top: 50%; margin-left: 50%; transform: translate(-50%, -50%); } .projecttutor_add_search .projecttutor_add_search_clear { position: absolute; top: 14px; right: 60px; display: inline-block; width: 20px; height: 20px; } .projecttutor_add_search_clear > img { width: 20px; } .projecttutor_add_secondtitle { font-size: 11px; color: #666; position: relative; top: -6px; padding: 0 10px 5px; } .taskinfo { position: relative; min-height: calc(100vh - 44px); padding: 10px; background: #fff; } .taskinfo > div:nth-child(1) { font-size: 18px; color: #000; margin-top: 20px; } .taskinfo > div:nth-child(2) { font-size: 11px; color: #999; margin-top: 10px; margin-bottom: 30px; } .taskinfo > div:nth-child(3) { margin-bottom: 30px; } .taskinfo > div:nth-child(4), .taskinfo > div:nth-child(5), .taskinfo > div:nth-child(6) { font-size: 13px; color: #000; margin-top: 10px; } .taskinfo div span { font-size: 13px; color: #666; } .taskinfo .choose_next { position: absolute; bottom: 100px; left: calc(50% - 150px); } .learn_modal .modal-dialog { width: 100%; margin: 0; } .courselist_modal > .modal-dialog > .modal-content > .modal-body > div > img { position: absolute; top: 11px; right: 10px; width: 20px; } .project_cord { padding: 10px; } .projecttutor_bg .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide, .addstudent .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { margin-bottom: 0; } .coursetasklist .list-group-item .media-left { position: relative; } .share_content { word-wrap: break-word; word-break: break-all; } .myintegral { position: relative; overflow: hidden; width: 100%; min-height: 100vh; background-color: #f4f4f4; } .myintegral .myintegral_bg { position: absolute; top: 0; left: -25%; width: 150%; height: 204px; border: 1px solid var(--themcolor); border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; background-color: var(--themcolor); } .myintegral .myintegral_top { min-height: 44px; font-size: 1.7rem; color: white; text-align: center; position: fixed; z-index: 2; top: 0; width: 100%; padding: 6px 12px 0 12px; } .myintegral .myintegral_top .myintegral_top_back { position: absolute; left: 12px; height: 32px; } .myintegral .myintegral_top > span { white-space: nowrap; text-overflow: ellipsis; display: inline-block; overflow: hidden; max-width: 40%; margin: 4px 0 2px 0; } .myintegral .myintegral_top > span:nth-child(3) { font-size: 1.5rem; position: absolute; right: 12px; max-width: 20%; margin: 7px 0 4px; } .myintegral .myintegral_top_bgwhite { color: #000; animation: mycentersetting 0.6s; animation: mycentersetting 0.6s; animation: mycentersetting 0.6s; animation: mycentersetting 0.6s; -ms-zoom-animation: mycentersetting 0.6s; animation-fill-mode: forwards; animation-fill-mode: forwards; animation-fill-mode: forwards; } .myintegral .myintegral_content { position: relative; padding: 68px 12px 10px; } .myintegral .myintegral_content .myintegral_content_integral { color: white; text-align: center; } .myintegral .myintegral_content .myintegral_content_integral > p { font-size: 4rem; margin: 0 0 5px; } .myintegral .myintegral_content .myintegral_content_integral > p .exchangeable_value { display: block; font-size: 1.2rem; color: white; font-weight: 400; text-align: center; } .myintegral .myintegral_content .myintegral_content_integral > span { font-size: 1.2rem; } .myintegral .myintegral_content .myintegral_content_integral > span > img { vertical-align: middle; position: relative; top: -1px; width: 12px; margin-left: 5px; } .myintegral .myintegral_content .myintegral_content_game { width: 100%; min-height: 60px; margin: 18px 0 10px; padding: 9px 12px; border: 1px solid transparent; border-radius: 4px; background-color: white; } .myintegral .myintegral_content .myintegral_content_game > div { font-size: 1.6rem; color: #000; } .myintegral .myintegral_content .myintegral_content_game > div > img { width: 40px; margin-right: 8px; } .myintegral .myintegral_content .myintegral_content_game > div > span { vertical-align: middle; white-space: nowrap; text-overflow: ellipsis; display: inline-block; overflow: hidden; max-width: calc(50% - 50px); } .myintegral .myintegral_content .myintegral_content_game > div .myintegral_content_game_tip { font-size: 1.2rem; color: #999; position: relative; top: 13px; float: right; } .myintegral .myintegral_content .myintegral_content_game > div .myintegral_content_game_tip > img { position: relative; top: -1px; width: 5px; margin-left: 8px; } .myintegral .myintegral_content .myintegral_content_list { padding: 0 12px; border: 1px solid transparent; border-radius: 4px; background-color: white; } .myintegral .myintegral_content .myintegral_content_list > div { padding: 14px 0; border-bottom: 1px solid #e5e5e5; } .myintegral .myintegral_content .myintegral_content_list > div > div { vertical-align: top; display: inline-block; } .myintegral .myintegral_content .myintegral_content_list > div:last-child { border-bottom: none; } .myintegral .myintegral_content .myintegral_content_list .myintegral_content_list_left { text-align: left; width: calc(100% - 100px); } .myintegral .myintegral_content .myintegral_content_list .myintegral_content_list_left > div { font-size: 1.5rem; color: #000; word-break: break-all; margin-bottom: 8px; min-height: 15px; } .myintegral .myintegral_content .myintegral_content_list .myintegral_content_list_right { font-size: 1.5rem; color: #f7931e; text-align: right; width: 100px; } .myintegral .myintegral_content .myintegral_content_list .myintegral_content_list_right .decreaseintegral { color: #18c884; } .myintegral .myintegral_content .myintegral_content_list .is_exchange_tag { text-align: right; border: transparent; display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; } .myintegral .myintegral_content .myintegral_content_list .is_exchange_tag > div { margin-left: 12px; background-color: #6997ff; color: white; padding: 1px 4px; border-radius: 4px; } .myintegral .myintegral_content .myintegral_content_list .is_exchange_tag > span { font-size: 1.2rem; color: #999; } .integral-rule .integral-rule-tips { font-size: 1.2rem; color: #999; width: 100%; padding: 9px 12px; background-color: #f4f4f4; } .integral-rule .integral-rule-list { border-bottom: 1px solid #e5e5e5; } .integral-rule .integral-rule-list > div { font-size: 1.4rem; color: #000; text-align: center; vertical-align: middle; word-break: break-all; display: inline-block; width: 20%; padding: 12px 4px; } .integral-rule .integral-rule-list > div:nth-child(2) { width: 55%; } .integral-rule .integral-rule-list > div:nth-child(3) { font-size: 1.3rem; width: 25%; } .integral-rule .integral-rule-list:last-child { border-bottom: none; } .integral-rule .integral-rule-category > div { font-size: 1.3rem; color: #999; } .integral-rank { position: relative; width: 100%; min-height: 100%; background-color: #f4f4f4; } .integral-rank .pc-next-navbar-padding .pc_myintegral_top_timeSelect { display: flex; flex-direction: row; align-items: center; margin-left: auto; padding: 2px 0px 4px 0px !important; font-size: 1.4rem; } .integral-rank .pc-next-navbar-padding .pc_myintegral_top_timeSelect > span { margin-left: 8px; font-size: 0.9rem; line-height: 16px; } .integral-rank .fixdate_box .date_fix_container { font-size: 1.2rem; text-align: center; position: relative; width: 100%; padding: 0 14px 12px 14px; } .integral-rank .fixdate_box .date_fix_container .current { font-size: 1.6rem; font-weight: bold; } .integral-rank .fixdate_box .date_fix_container .operate_record { padding: 8px; background-color: rgba(var(--rgbnum), 0.1); border-radius: 4px; margin: 0px 0 16px 0; text-align: left; } .integral-rank .fixdate_box .date_fix_container .operate_record > div { display: inline-block; } .integral-rank .fixdate_box .date_fix_container .operate_record > span { float: right; margin-left: 16px; color: var(--themcolor); } .integral-rank .fixdate_box .date_fix_container .operate_button { display: flex; justify-content: space-between; } .integral-rank .fixdate_box .date_fix_container .operate_button > div > button { border: none; background-color: #fff; border: 1px solid #e5e5e5; border-radius: 25px; padding: 6px 16px; text-align: center; } .integral-rank .fixdate_box .date_fix_container .operate_button > div:last-child > button { padding: 6px 19px; } .integral-rank .fixdate_box .date_fix_container .operate_button > div:last-child > button:last-child { margin-left: 24px; background-color: var(--themcolor); color: #fff; border: none; } .integral-rank .fixdate_box .date_fix_container .bs-datepicker { box-shadow: none !important; } .integral-rank .pc_fixdate_box .date_fix_container { padding: 0; } .integral-rank .pc_fixdate_box .date_fix_container .bs-datepicker .bs-media-container { display: block; } .integral-rank .myintegral_top .next-navbar { border: none; background-color: transparent; } .integral-rank .myintegral_top .next-navbar li > div { color: rgba(255, 255, 255, 0.6); } .integral-rank .myintegral_top .next-navbar > .active > div { color: white; } .integral-rank .myintegral_top .next-navbar > .active > div > div { background-color: white; } .integral-rank .myintegral_top_bgwhite .next-navbar li > div { color: #666; } .integral-rank .myintegral_top_bgwhite .next-navbar > .active > div { color: var(--themcolor); } .integral-rank .myintegral_top_bgwhite .next-navbar > .active > div > div { background-color: var(--themcolor); } .integral-rank .integral-rank-content .myintegral_top_timeSelect { display: block; width: fit-content; margin: 6px auto 8px; border-radius: 99px; opacity: 1; text-align: center; line-height: 24px; background: rgba(0, 0, 0, 0.3); color: #fff; font-size: 1.4rem; padding: 1px 10px; } .integral-rank .integral-rank-content .integral-rank-content-mine { position: relative; padding: 106px 25px 50px; background-color: var(--themcolor); } .integral-rank .integral-rank-content .integral-rank-content-mine > div > div { font-size: 1.3rem; color: white; vertical-align: middle; display: inline-block; width: 38%; } .integral-rank .integral-rank-content .integral-rank-content-mine > div > div > img { width: 30px; margin-right: 8px; border-radius: 50%; } .integral-rank .integral-rank-content .integral-rank-content-mine > div > div .integral-rank-content-mechanism { border-radius: 0; } .integral-rank .integral-rank-content .integral-rank-content-mine > div > div:nth-child(2) { text-align: right; width: 62%; } .integral-rank .integral-rank-content .integral-rank-content-mine > div > div:nth-child(2) > span { line-height: 14px; display: inline-block; } .integral-rank .integral-rank-content .integral-rank-content-mine > div > div:nth-child(2) > span:nth-child(1) { margin-right: 14px; padding-right: 14px; border-right: 1px solid #e5e5e5; } .integral-rank .integral-rank-content .integral-rank-content-mine .integral-rank-bg { position: absolute; right: 0; bottom: 0; left: 0; width: 100%; height: 56px; } .integral-rank .integral-rank-content .integral-rank-content-mine-company { padding: 90px 25px 50px; } .integral-rank .integral-rank-content .integral-rank-content-top { position: relative; top: -30px; width: calc(100% - 24px); margin: auto; padding: 0 12px; border: 1px solid transparent; border-radius: 16px; background-color: white; min-height: calc(100vh - 186px); } .integral-rank .integral-rank-content .integral-rank-content-top .integral-rank-content-top-forward { padding: 16px 0 14px; } .integral-rank .integral-rank-content .integral-rank-content-top .integral-rank-content-top-forward > div > div { text-align: center; vertical-align: bottom; position: relative; display: inline-block; width: 33.33%; } .integral-rank .integral-rank-content .integral-rank-content-top .integral-rank-content-top-forward > div > div > div > div > img:nth-child(1) { width: 60px; height: 60px; border-radius: 50%; } .integral-rank .integral-rank-content .integral-rank-content-top .integral-rank-content-top-forward > div > div > div > div > img:nth-child(2) { position: absolute; top: 44px; right: 0; left: 0; width: 24px; margin: auto; } .integral-rank .integral-rank-content .integral-rank-content-top .integral-rank-content-top-forward > div > div > div > div > .mechanism { width: 30px !important; height: 30px !important; } .integral-rank .integral-rank-content .integral-rank-content-top .integral-rank-content-top-forward > div > div > div > div > p { font-size: 1.6rem; color: #000; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 100%; margin: 14px 0 4px; } .integral-rank .integral-rank-content .integral-rank-content-top .integral-rank-content-top-forward > div > div > div > div div { font-size: 1.2rem; color: #999; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 100%; } .integral-rank .integral-rank-content .integral-rank-content-top .integral-rank-content-top-forward > div > div > div > div > span { font-size: 1.3rem; color: #999; } .integral-rank .integral-rank-content .integral-rank-content-top .integral-rank-content-top-forward > div > div:nth-child(2) > div > div > img:nth-child(1) { width: 70px; height: 70px; } .integral-rank .integral-rank-content .integral-rank-content-top .integral-rank-content-top-forward > div > div:nth-child(2) > div > div > img:nth-child(2) { top: 50px; width: 28px; } .integral-rank .integral-rank-content .integral-rank-content-top .integral-rank-content-top-forward > div > div:nth-child(2) > div > div > .mechanism { width: 40px !important; height: 40px !important; border-radius: 0; } .integral-rank .integral-rank-content .integral-rank-content-top .integral-rank-content-top-afterwards { font-size: 1.3rem; color: #999; border-top: 1px solid #e5e5e5; } .integral-rank .integral-rank-content .integral-rank-content-top .integral-rank-content-top-afterwards .integral-rank-content-top-afterwards-head { border-bottom: 1px solid #e5e5e5; } .integral-rank .integral-rank-content .integral-rank-content-top .integral-rank-content-top-afterwards .integral-rank-content-top-afterwards-head > div { color: #999 !important; } .integral-rank .integral-rank-content .integral-rank-content-top .integral-rank-content-top-afterwards > div { padding: 14px 0; } .integral-rank .integral-rank-content .integral-rank-content-top .integral-rank-content-top-afterwards > div > div { vertical-align: middle; white-space: nowrap; text-overflow: ellipsis; display: inline-block; overflow: hidden; padding-left: 2px; } .integral-rank .integral-rank-content .integral-rank-content-top .integral-rank-content-top-afterwards > div > div > img { width: 40px; height: 40px; margin-right: 9px; border-radius: 50%; } .integral-rank .integral-rank-content .integral-rank-content-top .integral-rank-content-top-afterwards > div > div > span { vertical-align: middle; position: relative; top: 1px; } .integral-rank .integral-rank-content .integral-rank-content-top .integral-rank-content-top-afterwards > div > div:nth-child(1) { width: 36px; } .integral-rank .integral-rank-content .integral-rank-content-top .integral-rank-content-top-afterwards > div > div:nth-child(2) { font-size: 1.4rem; color: #000; width: calc((100% - 38px) * 0.7); } .integral-rank .integral-rank-content .integral-rank-content-top .integral-rank-content-top-afterwards > div > div:nth-child(3) { color: #666; text-align: right; width: calc((100% - 38px) * 0.3); } .integral-rank .integral-rank-content .integral-rank-content-top .integral-rank-content-top-afterwards > div > div:nth-child(3) > span { font-size: 1.1rem; color: #999; margin-left: 5px; } .integral-rank .integral-rank-content .integral-rank-content-top .integral-rank-content-top-afterwards > div > div:nth-child(3) > span:nth-child(1) { color: #666; } .integral-rank .integral-rank-content .integral-rank-content-top .integral-rank-content-top-afterwards .integral-rank-content-top-afterwards-ellipsis { vertical-align: middle; display: inline-block; width: calc(100% - 52px); } .integral-rank .integral-rank-content .integral-rank-content-top .integral-rank-content-top-afterwards .integral-rank-content-top-afterwards-ellipsis > span { font-size: 1.4rem; color: #000; white-space: nowrap; text-overflow: ellipsis; display: block; overflow: hidden; } .integral-rank .integral-rank-content .integral-rank-content-top .integral-rank-content-top-afterwards .integral-rank-content-top-afterwards-ellipsis > span:nth-child(2) { font-size: 1.2rem; color: #999; } .integral-rank .integral-rank-content .integral-rank-content-top .integral-rank-content-top-afterwards .integral-rank-content-top-afterwards-ellipsis-credit { font-size: 1.4rem !important; } .creditstore .creditstore_header { position: fixed; z-index: 8; right: 0; left: 0; display: flex; align-items: center; height: 44px; background: white; } .creditstore .creditstore_header > div { display: inline-block; overflow: hidden; width: 102px; padding: 0 0 0 12px; } .creditstore .creditstore_header > div img { width: 28px; } .creditstore .creditstore_header > div:nth-child(2) { padding: 0; width: calc(100% - 204px); } .creditstore .creditstore_header > div:nth-child(2) h3 { font-size: 1.7rem; font-weight: normal; line-height: 23px; color: #000; text-align: center; margin: 10px 0 11px; } .creditstore .creditstore_header > div:nth-child(3) { text-align: right; padding: 0 12px 0 0; } .creditstore .creditstore_content { width: 100%; height: 100%; min-height: 100vh; padding: 60px 12px 16px; background: linear-gradient( 180deg, #fff, #f4f4f4); } .creditstore .creditstore_recom { width: 100%; padding-bottom: 67px; } .creditstore .creditstore_recom .swiper-horizontal > .swiper-pagination-bullets { bottom: 10px !important; width: unset; } .creditstore .creditstore_recom .swiper-container { overflow: unset; border-radius: 4px; } .creditstore .creditstore_recom .swiper-container .swiper-wrapper > div img { width: 100%; border-radius: 4px; } .creditstore .creditstore_recom .swiper-container .creditstore_recom_title { font-size: 1.6rem; position: absolute; bottom: -67px; } .creditstore .creditstore_recom .swiper-container .creditstore_recom_title p { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-bottom: 6px; } .creditstore .creditstore_recom .swiper-container .creditstore_recom_title p:nth-child(2) { font-weight: 500; color: #f7931e; padding-left: 21px; background-image: url("./media/gold-FZNZAULN.png"); background-repeat: no-repeat; background-position: left; background-size: 14px; } .creditstore .page_bottom { font-size: 1.3rem; text-align: center; height: unset; padding: 32px 12px 25px; color: #999; letter-spacing: 0.5px; } .creditstore .page_bottom div:nth-of-type(1) { margin-bottom: 16px; } .creditstore .page_bottom div:nth-of-type(1) > img { width: 32vw; } .creditstore_user { font-size: 1.5rem; color: white; position: relative; display: flex; margin-bottom: 18px; padding: 13px 10px; border-radius: 8px; background-image: url("./media/creditstore_user_bg-6O3BYC5N.png"); background-repeat: no-repeat; background-size: 100% 100%; } .creditstore_user > div { display: flex; flex: 1; align-items: center; } .creditstore_user > div img { width: 32px; height: 32px; margin-right: 8px; border-radius: 50%; } .creditstore_user > div:nth-child(1) > div { font-weight: 700; } .creditstore_user > div:nth-child(2) { justify-content: flex-end; } .creditstore_user > div:nth-child(2) > div:nth-child(1) { font-size: 2.4rem; font-weight: 700; display: flex; align-items: center; } .creditstore_user > div:nth-child(2) > div:nth-child(1) div { font-size: 1.4rem; font-weight: normal; margin-right: 4px; margin-left: 8px; } .creditstore_user > div:nth-child(2) > div:nth-child(2) img { width: 6px; height: 10px; margin-right: 0; border-radius: 0; } .creditstore_shoplist { width: 100%; margin-top: 21px; } .creditstore_shoplist .creditstore_shoplist_item { display: inline-block; width: calc((100% - 10px) / 2); margin-right: 10px; margin-bottom: 10px; border-radius: 8px; background: white; } .creditstore_shoplist .creditstore_shoplist_item > div:nth-child(1) { width: 100%; border-radius: 8px 8px 0 0; } .creditstore_shoplist .creditstore_shoplist_item > div:nth-child(1) img { border-radius: 8px 8px 0 0; width: 100%; } .creditstore_shoplist .creditstore_shoplist_item > div:nth-child(2) { padding: 8px; } .creditstore_shoplist .creditstore_shoplist_item > div:nth-child(2) > div:nth-child(1) { text-overflow: ellipsis; display: -webkit-box; overflow: hidden; height: 40px; height: 40px; margin-bottom: 4px; -webkit-box-orient: vertical; -webkit-line-clamp: 2; font-size: 1.4rem; } .creditstore_shoplist .creditstore_shoplist_item > div:nth-child(2) > div:nth-child(2) { display: flex; justify-content: space-between; align-items: center; } .creditstore_shoplist .creditstore_shoplist_item > div:nth-child(2) > div:nth-child(2) > div { font-size: 1rem; } .creditstore_shoplist .creditstore_shoplist_item > div:nth-child(2) > div:nth-child(2) > div:nth-child(1) { font-weight: 500; color: #f7931e; padding-left: 20px; background-image: url("./media/gold-FZNZAULN.png"); background-repeat: no-repeat; background-position: left; background-size: 14px; font-size: 1.4rem; } .creditstore_shoplist .creditstore_shoplist_item > div:nth-child(2) > div:nth-child(2) .redeem_now { color: white; padding: 3px 8px; border-radius: 4px; background: linear-gradient( 270deg, #ff9000, #fdb111 3%); } .creditstore_shoplist .creditstore_shoplist_item > div:nth-child(2) > div:nth-child(2) .cashed_out { color: #999; padding: 3px 14px; cursor: pointer; border-radius: 4px; background: #f4f4f4; } .creditstore_shoplist .creditstore_shoplist_item:nth-child(even) { margin-right: 0; } .my_gold { min-height: calc(100vh - 44px); padding: 16px 12px; background: linear-gradient( 180deg, #fff, #f4f4f4); } .my_gold .my_gold_content { position: relative; width: 100%; padding: 24px 0 16px; background-image: url("./media/mygold_bg-NRKOFOI2.png"); background-repeat: no-repeat; background-size: cover; border-radius: 8px; } .my_gold .my_gold_content > div { color: white; display: table; margin: 0 auto; font-size: 1.1rem; } .my_gold .my_gold_content > div:nth-child(1) span { font-size: 4.2rem; font-weight: 700; padding: 0 8px; } .my_gold .my_gold_content > div.exchangeable_value { margin-bottom: 14px; display: block; font-size: 1.2rem; color: white; font-weight: 400; text-align: center; } .my_gold .my_gold_content > div.exchange_btn { font-size: 1.6rem; font-weight: 700; color: #e2b77f; padding: 10px 42px; border-radius: 22px; background: white; } .my_gold .my_gold_detail_title { font-size: 1.6rem; font-weight: 700; color: #000; padding: 24px 0 16px 0; } .my_gold .my_gold_detail_content { padding: 14px 16px 0; border-radius: 8px; background: white; } .my_gold .my_gold_detail_content > div { padding: 14px 0; border-top: 1px solid #e5e5e5; } .my_gold .my_gold_detail_content > div:nth-child(1) { font-weight: 400; padding: 0 0 12px; border: none; } .my_gold .my_gold_detail_content > div > div:nth-child(1) { font-size: 1.5rem; display: flex; justify-content: space-between; margin-bottom: 5px; } .my_gold .my_gold_detail_content > div > div:nth-child(1) > div:nth-child(2) { font-size: 1.6rem; font-weight: 500; color: #18c884; } .my_gold .my_gold_detail_content > div > div:nth-child(1) > .my_gold_detail_content_color { color: #f7931e !important; } .my_gold .my_gold_detail_content > div > div:nth-child(1) > div:nth-child(1) { text-overflow: ellipsis; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .my_gold .my_gold_detail_content > div > :nth-child(2) { font-size: 1.2rem; color: #999; display: flex; flex-flow: row nowrap; align-items: center; justify-content: space-between; } .my_gold .my_gold_detail_content > div > :nth-child(2) > div { margin-left: 12px; background-color: #6997ff; color: white; padding: 1px 4px; border-radius: 4px; font-size: 1.2rem; } .shop_detail { display: flex; flex-direction: column; width: 100%; height: 100vh; } .shop_detail .shop_detail_head { position: relative; } .shop_detail .shop_detail_head > img { position: absolute; z-index: 1; top: 12px; left: 12px; width: 33px; } .shop_detail .shop_detail_head > div { position: relative; } .shop_detail .shop_detail_head > div img { width: 100%; } .shop_detail .shop_detail_head > div > div { font-size: 1.6rem; font-weight: 500; color: white; position: absolute; bottom: 0; left: 12px; padding: 10px 0; } .shop_detail .shop_detail_desc { overflow-y: auto; flex: 1; } .shop_detail .shop_detail_desc iframe { display: block; width: 100%; height: 100%; } .shop_detail .shop_detail_handle { display: flex; justify-content: space-between; align-items: center; padding: 8px 12px; } .shop_detail .shop_detail_handle > div:nth-child(1) { font-size: 1.6rem; font-weight: 500; color: #f7931e; padding-left: 20px; background-image: url("./media/gold-FZNZAULN.png"); background-repeat: no-repeat; background-position: left; background-size: 14px; } .shop_detail .shop_detail_handle .redeem_now { color: white; padding: 8px 24px; border-radius: 17px; background: linear-gradient( 270deg, #ff9000, #fdb111 3%); font-size: 1.4rem; } .shop_detail .shop_detail_handle .cashed_out { color: #999; padding: 7px 17px; border-radius: 17px; background: #f4f4f4; } .cashedsite { position: relative; height: calc(100vh - 44px); padding: 16px 12px; background: #f4f4f4; } .cashedsite .cashedsite_shopnews { width: 100%; margin-bottom: 8px; padding: 16px; border-radius: 8px; background: white; } .cashedsite .cashedsite_shopnews img { width: 80px; border-radius: 4px; } .cashedsite .cashedsite_shopnews > div { vertical-align: top; position: relative; display: inline-block; width: calc(100% - 80px); padding-left: 16px; } .cashedsite .cashedsite_shopnews > div > div:nth-child(1) { font-size: 1.5rem; font-weight: 700; text-overflow: ellipsis; display: -webkit-box; overflow: hidden; height: 44px; margin: 0 0 8px; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .cashedsite .cashedsite_shopnews > div > div:nth-child(2) { font-weight: 500; color: #f7931e; padding-left: 20px; background-image: url("./media/gold-FZNZAULN.png"); background-repeat: no-repeat; background-position: left; background-size: 14px; font-size: 1.6rem; } .cashedsite .cashedsite_content { width: 100%; padding: 0 16px; border-radius: 8px; background: #fff; } .cashedsite .cashedsite_content .cashedsite_list { padding: 0; list-style: none; } .cashedsite .cashedsite_content .cashedsite_list .cashedsite_list_item { display: flex; justify-content: space-between; padding: 11px 0; border-bottom: 1px solid rgba(229, 229, 229, 0.5); } .cashedsite .cashedsite_content .cashedsite_list .cashedsite_list_item.column { flex-direction: column; justify-content: start; } .cashedsite .cashedsite_content .cashedsite_list .cashedsite_list_item:last-child { border-bottom: none; } .cashedsite .cashedsite_content .cashedsite_list .cashedsite_list_item .title { font-size: 1.5rem; color: #000; } .cashedsite .cashedsite_content .cashedsite_list .cashedsite_list_item .content.radio_group { display: flex; align-items: center; } .cashedsite .cashedsite_content .cashedsite_list .cashedsite_list_item .content.radio_group .radio_group_item:first-child { margin-right: 24px; } .cashedsite .cashedsite_content .cashedsite_list .cashedsite_list_item .content.radio_group .radio_group_item .app-svg-themebox { width: 20px; height: 20px; margin-right: 4px; } .cashedsite .cashedsite_content .cashedsite_list .cashedsite_list_item .content.radio_group .radio_group_item img { width: 20px; margin-right: 4px; } .cashedsite .cashedsite_content .cashedsite_list .cashedsite_list_item .content.radio_group .radio_group_item .word { font-size: 1.3rem; color: #000; } .cashedsite .cashedsite_content .cashedsite_list .cashedsite_list_item .content.contact { display: flex; flex-direction: row; align-items: center; overflow: hidden; } .cashedsite .cashedsite_content .cashedsite_list .cashedsite_list_item .content.contact .word-limit-input { flex: 1; min-width: 0; overflow: hidden; } .cashedsite .cashedsite_content .cashedsite_list .cashedsite_list_item .content.contact .word-limit { flex-shrink: 0; font-size: 1.2rem; color: #646566; padding-left: 8px; white-space: nowrap; } .cashedsite .cashedsite_content .cashedsite_list .cashedsite_list_item .content.contact input { text-align: right; border: none; font-size: 1.4rem; border-radius: 4px; width: 100%; } .cashedsite .cashedsite_content .cashedsite_list .cashedsite_list_item .content.contact input::input-placeholder { font-size: 1.4rem; color: #ccc; } .cashedsite .cashedsite_content .cashedsite_list .cashedsite_list_item .content.address { padding-top: 12px; } .cashedsite .cashedsite_content .cashedsite_list .cashedsite_list_item .content.address textarea { font-size: 1.5rem; width: 100%; height: 136px; border: none; } .cashedsite .cashedsite_content .cashedsite_list .cashedsite_list_item .content.address textarea::input-placeholder { font-size: 1.5rem; color: #ccc; } .cashedsite .cashedsite_content .cashedsite_list .cashedsite_list_item .content.address.detail-address-box:not(.detail-address-wrapper) { display: flex; flex-direction: column; align-items: flex-end; } .cashedsite .cashedsite_content .cashedsite_list .cashedsite_list_item .content.address.detail-address-box:not(.detail-address-wrapper) .word-limit { font-size: 1.1rem; color: #646566; padding-top: 4px; } .cashedsite .cashedsite_footer { position: absolute; bottom: 20px; left: 0; width: 100%; } .cashedsite .cashedsite_footer .confirm_info { width: 100%; padding: 0 28px; } .cashedsite .cashedsite_footer .confirm_info .btn { font-size: 1.7rem; color: #fff; text-align: center; width: 100%; height: 44px; border-radius: 22px; background: var(--themcolor); } .myrecord_head { position: fixed; z-index: 8; right: 0; left: 0; display: flex; align-items: center; height: 44px; background: white; } .myrecord_head > div { display: inline-block; overflow: hidden; width: 102px; padding: 0 0 0 12px; } .myrecord_head > div img { width: 28px; } .myrecord_head > div:nth-child(2) { padding: 0; width: calc(100% - 204px); } .myrecord_head > div:nth-child(2) h3 { font-size: 1.7rem; font-weight: normal; line-height: 23px; color: #000; text-align: center; margin: 10px 0 11px; } .myrecord_head > div:nth-child(3) { text-align: right; padding: 0 12px 0 0; } .myrecord { overflow-y: auto; min-height: 100vh; padding-top: 44px; } .myrecord .myrecord_content { width: 100%; } .myrecord .myrecord_content .myrecord_list { padding: 0; padding-top: 20px; list-style: none; } .myrecord .myrecord_content .myrecord_list .myrecord_list_item { position: relative; margin-bottom: 15px; padding-left: 84px; } .myrecord .myrecord_content .myrecord_list .myrecord_list_item .myrecord_list_item_left { position: absolute; top: 0; left: 12px; } .myrecord .myrecord_content .myrecord_list .myrecord_list_item .myrecord_list_item_left img { width: 60px; border-radius: 4px; } .myrecord .myrecord_content .myrecord_list .myrecord_list_item .myrecord_list_item_right { padding-bottom: 24px; border-bottom: 1px solid #e5e5e5; } .myrecord .myrecord_content .myrecord_list .myrecord_list_item .myrecord_list_item_right .line_1, .myrecord .myrecord_content .myrecord_list .myrecord_list_item .myrecord_list_item_right .line_2 { display: flex; justify-content: space-between; align-items: center; padding-right: 12px; } .myrecord .myrecord_content .myrecord_list .myrecord_list_item .myrecord_list_item_right .line_1 .title, .myrecord .myrecord_content .myrecord_list .myrecord_list_item .myrecord_list_item_right .line_2 .title { font-size: 1.5rem; color: #000; white-space: normal; word-break: break-all; } .myrecord .myrecord_content .myrecord_list .myrecord_list_item .myrecord_list_item_right .line_1 .status, .myrecord .myrecord_content .myrecord_list .myrecord_list_item .myrecord_list_item_right .line_1 .time, .myrecord .myrecord_content .myrecord_list .myrecord_list_item .myrecord_list_item_right .line_2 .status, .myrecord .myrecord_content .myrecord_list .myrecord_list_item .myrecord_list_item_right .line_2 .time { font-size: 1.1rem; color: #999; } .myrecord .myrecord_content .myrecord_list .myrecord_list_item .myrecord_list_item_right .line_1 .status.green, .myrecord .myrecord_content .myrecord_list .myrecord_list_item .myrecord_list_item_right .line_2 .status.green { color: #18c884; } .myrecord .myrecord_content .myrecord_list .myrecord_list_item .myrecord_list_item_right .line_1 .status.orange, .myrecord .myrecord_content .myrecord_list .myrecord_list_item .myrecord_list_item_right .line_2 .status.orange { color: #f7931e; } .myrecord .myrecord_content .myrecord_list .myrecord_list_item .myrecord_list_item_right .line_1 .num, .myrecord .myrecord_content .myrecord_list .myrecord_list_item .myrecord_list_item_right .line_2 .num { font-family: DIN, DIN-Medium; font-size: 1.4rem; font-weight: 500; color: #f7931e; display: flex; align-items: center; } .myrecord .myrecord_content .myrecord_list .myrecord_list_item .myrecord_list_item_right .line_1 .num img, .myrecord .myrecord_content .myrecord_list .myrecord_list_item .myrecord_list_item_right .line_2 .num img { width: 14px; margin-right: 4px; } .myrecord .myrecord_content .myrecord_list .myrecord_list_item .myrecord_list_item_right .line_1 { margin-bottom: 10px; padding-top: 2px; } .myrecord .myrecord_content .myrecord_list .myrecord_list_item .myrecord_list_item_right .line_1 span { display: inline-block; } .myrecord .myrecord_content .myrecord_list .myrecord_list_item .myrecord_list_item_right .line_1 .title { width: 83%; } .myrecord .myrecord_content .myrecord_list .myrecord_list_item .myrecord_list_item_right .line_1 .status { text-align: right; width: 17%; } .myrecord-detail { overflow-y: auto; height: calc(100vh - 44px); background-color: #f4f4f4; } .myrecord-detail .myrecord-detail_content { width: 100%; } .myrecord-detail .myrecord-detail_content .banner { position: relative; width: 100%; } .myrecord-detail .myrecord-detail_content .banner img { width: 100%; } .myrecord-detail .myrecord-detail_content .banner .name { font-size: 1.5rem; font-weight: 500; color: #fff; position: absolute; bottom: 10px; left: 12px; margin: 0; white-space: normal; word-break: break-all; } .myrecord-detail .myrecord-detail_content .wrapper { margin-bottom: 24px; } .myrecord-detail .myrecord-detail_content .wrapper .detail_list { padding: 0 12px; background-color: #fff; } .myrecord-detail .myrecord-detail_content .wrapper .detail_list .detail_list_item { display: flex; justify-content: space-between; padding: 12px 4px; border-bottom: 1px solid #e5e5e5; } .myrecord-detail .myrecord-detail_content .wrapper .detail_list .detail_list_item:last-child { border-bottom: none; } .myrecord-detail .myrecord-detail_content .wrapper .detail_list .detail_list_item .left { font-size: 1.5rem; } .myrecord-detail .myrecord-detail_content .wrapper .detail_list .detail_list_item .right { font-size: 1.4rem; line-height: 20px; text-align: right; word-wrap: break-word; word-break: normal; display: inline-block; max-width: 210px; } .myrecord-detail .myrecord-detail_content .wrapper .detail_list .detail_list_item .right.green { color: #18c884; } .myrecord-detail .myrecord-detail_content .wrapper .detail_list_1 { margin-bottom: 8px; padding-top: 8px; } .myrecord-detail .myrecord-detail_content .footer { display: flex; flex-direction: column; margin-bottom: 23px; padding: 0 28px; } .myrecord-detail .myrecord-detail_content .footer .btn_confirm { font-size: 1.7rem; color: #fff; text-align: center; width: 100%; height: 44px; margin-bottom: 12px; border: none; border-radius: 22px; background: #ff5d5d; } .myrecord-detail .myrecord-detail_content .footer .btn_back { font-size: 1.7rem; width: 100%; height: 44px; border: 1px solid #e5e5e5; border-radius: 22px; background: #fff; } .exchangegold_classify .modal-dialog .exchangegold_cacel { font-size: 1.7rem; color: #ff5d5d; text-align: center; margin-top: 16px; padding: 13px 0; border-radius: 8px; background: white; pointer-events: auto; } .gold_dialogmessage > div:nth-child(1) { margin-bottom: 30px; } .gold_dialogmessage > div:nth-child(2) { font-size: 1.3rem; font-weight: normal; color: #666; } .gold_dialogmessage > div:nth-child(2) > img { width: 20px; margin: 0 24px; } .cashedsite_tipclassify .modal-dialog { width: 100vw; margin: 0; } .cashedsite_tipclassify .modal-dialog .modal-content { height: 100vh; box-shadow: none; border: none; border-radius: unset; } .cashedsite_tipclassify .modal-dialog .modal-content .modal-body .exchangeresult_notice { display: flex; flex-direction: column; align-items: center; margin-top: 64px; margin-bottom: 40px; } .cashedsite_tipclassify .modal-dialog .modal-content .modal-body .exchangeresult_notice .icon { width: 100px; margin-bottom: 16px; } .cashedsite_tipclassify .modal-dialog .modal-content .modal-body .exchangeresult_notice .line_1 { font-size: 2rem; font-weight: 700; color: #18c884; text-align: center; margin-bottom: 8px; } .cashedsite_tipclassify .modal-dialog .modal-content .modal-body .exchangeresult_notice .line_1.red { color: #ff5d5d; } .cashedsite_tipclassify .modal-dialog .modal-content .modal-body .exchangeresult_notice .line_2 { font-size: 1.5rem; color: #000; text-align: center; } .cashedsite_tipclassify .modal-dialog .modal-content .modal-body .exchangeresult_info { width: 100%; margin-bottom: 41px; padding: 0 28px; } .cashedsite_tipclassify .modal-dialog .modal-content .modal-body .exchangeresult_info .exchangeresult_info_item { font-size: 1.3rem; color: #999; margin-bottom: 5px; } .cashedsite_tipclassify .modal-dialog .modal-content .modal-body .exchangeresult_btn { display: flex; flex-direction: column; padding: 0 28px; } .cashedsite_tipclassify .modal-dialog .modal-content .modal-body .exchangeresult_btn .btn { font-size: 1.7rem; text-align: center; width: 100%; height: 44px; border-radius: 22px; } .cashedsite_tipclassify .modal-dialog .modal-content .modal-body .exchangeresult_btn .btn.btn_check { color: #fff; margin-bottom: 14px; background: var(--themcolor); } .cashedsite_tipclassify .modal-dialog .modal-content .modal-body .exchangeresult_btn .btn.btn_back { color: #000; border: 1px solid #e5e5e5; background: #fff; } .cashedsite_tipclassify .modal-dialog .modal-content .modal-header { text-align: center; } .excitationexplain_box { position: absolute; bottom: 0; width: 100%; margin: 0; } .excitationexplain_box .modal-content { min-height: calc((100vh - 44px) / 2); max-height: calc(100vh - 44px); border-radius: 8px 8px 0 0 !important; background: #fff; } .excitationexplain_box .modal-content .modal-header { text-align: center; position: relative; } .excitationexplain_box .modal-content .modal-header img { position: absolute; z-index: 2000; top: 0; left: 0; width: 44px; } .excitationexplain_box .modal-content .modal-header .modal-title { font-size: 1.7rem; font-weight: 500; color: #000; text-align: center; width: 100%; } .excitationexplain_box .modal-content .modal-body { display: block; width: calc(100% - 24px); max-height: calc(100vh - 88px) !important; margin: auto; padding: 12px 0 !important; } .excitationexplain_box .modal-content .modal-body table { width: max-content; border-spacing: 0; border-top: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; } .excitationexplain_box .modal-content .modal-body table th, .excitationexplain_box .modal-content .modal-body table td { text-align: center; padding: 0 8px; } .excitationexplain_box .modal-content .modal-body table thead > tr { font-size: 1.2rem; color: #666; height: 44px; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; background: #f8f8f8; } .excitationexplain_box .modal-content .modal-body table tbody > tr { font-size: 1.1rem; color: #666; } .excitationexplain_box .modal-content .modal-body table tbody > tr th { padding: 0 8px; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; background: #f8f8f8; } .excitationexplain_box .modal-content .modal-body table tbody > tr td { height: 50px; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; } .mylearntime { position: relative; overflow: hidden; width: 100%; min-height: 100vh; background-color: #f4f4f4; } .mylearntime .mylearntime_bg { position: absolute; top: 0; left: -25%; width: 150%; height: 220px; border: 1px solid var(--themcolor); border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; background-color: var(--themcolor); } .mylearntime .mylearntime_top { font-size: 1.7rem; color: white; text-align: center; position: fixed; z-index: 2; top: 0; width: 100%; padding: 6px 12px 0 12px; } .mylearntime .mylearntime_top .mylearntime_top_back { position: absolute; left: 12px; height: 32px; } .mylearntime .mylearntime_top > span { white-space: nowrap; text-overflow: ellipsis; display: inline-block; overflow: hidden; max-width: 40%; margin: 4px 0 2px 0; } .mylearntime .mylearntime_top > span:nth-child(3) { font-size: 1.5rem; position: absolute; right: 12px; max-width: 20%; margin: 7px 0 4px; } .mylearntime .mylearntime_top_bgwhite { color: #000; animation: mycentersetting 0.6s; -ms-zoom-animation: mycentersetting 0.6s; animation-fill-mode: forwards; } .mylearntime .mylearntime_content { position: relative; min-height: 100vh; padding: 68px 12px 10px; } .mylearntime .mylearntime_content .mylearntime_num { font-size: 4rem; font-weight: 500; color: #fff; text-align: center; margin-bottom: 20px; } .mylearntime .mylearntime_content .mylearntime_num > .exchangeable_value { display: block; font-size: 1.2rem; color: white; font-weight: 400; text-align: center; } .mylearntime .mylearntime_content .mylearntime_list { position: relative; width: 100%; min-height: calc(100vh - 170px); padding: 0 12px; border-radius: 4px; background: white; } .mylearntime .mylearntime_content .mylearntime_list .mylearntime_list-header { margin-left: 0; display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding: 12px 0; } .mylearntime .mylearntime_content .mylearntime_list .mylearntime_list-header .mylearntime_list-header-title { display: flex; flex-direction: row; align-items: center; color: #000; font-size: 1.6rem; font-weight: 700; } .mylearntime .mylearntime_content .mylearntime_list .mylearntime_list-header .mylearntime_list-header-title > div:nth-child(1) { background-color: var(--themcolor); width: 4px; height: 16px; border-radius: 2px; margin-right: 8px; } .mylearntime .mylearntime_content .mylearntime_list .mylearntime_list-header .mylearntime_list-header-search { display: flex; align-items: center; gap: 2px; } .mylearntime .mylearntime_content .mylearntime_list .mylearntime_list_item { padding: 14px 0; border-top: 1px solid #e5e5e5; position: relative; } .mylearntime .mylearntime_content .mylearntime_list .mylearntime_list_item > div { vertical-align: top; display: inline-block; } .mylearntime .mylearntime_content .mylearntime_list .mylearntime_list_item .mylearntime_list_item_left { width: 100%; } .mylearntime .mylearntime_content .mylearntime_list .mylearntime_list_item .mylearntime_list_item_left > div:nth-child(1) { font-size: 1.4rem; font-weight: 400; color: #000; text-align: left; text-overflow: ellipsis; display: -webkit-box; overflow: hidden; margin-bottom: 5px; -webkit-box-orient: vertical; -webkit-line-clamp: 2; padding-right: 92px; min-height: 15px; word-break: break-all; } .mylearntime .mylearntime_content .mylearntime_list .mylearntime_list_item .mylearntime_list_item_left > div:nth-child(2) { font-size: 1.2rem; font-weight: 400; color: #999; display: flex; flex-flow: row nowrap; align-items: center; justify-content: space-between; } .mylearntime .mylearntime_content .mylearntime_list .mylearntime_list_item .mylearntime_list_item_left > div:nth-child(2) > div { margin-left: 12px; background-color: #6997ff; color: white; padding: 1px 4px; border-radius: 4px; font-size: 1.2rem; } .mylearntime .mylearntime_content .mylearntime_list .mylearntime_list_item .myclass_list_right { font-size: 1.4rem; } .mylearntime .mylearntime_content .mylearntime_list .mylearntime_list_item .mylearntime_list_item_right { font-weight: 500; color: #18c884; text-align: right; width: 80px; position: absolute; right: 0px; top: 14px; } .mylearntime .mylearntime_content .mylearntime_list .mylearntime_list_item .mylearntime_list_item_right_color { color: #f7931e; } .mylearntime .mylearntime_content .mylearntime_list .mylearntime_list_item:first-child { border: none; } .app_courselist_item { display: flex; width: 100%; padding: 12px; border-top: 1px solid #e5e5e5; } .app_courselist_item .app_courselist_item_left { display: flex; flex-direction: column; justify-content: space-between; width: calc(100% - 116px); padding-right: 16px; } .app_courselist_item .app_courselist_item_left > div:nth-child(1) { word-break: break-all; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .app_courselist_item .app_courselist_item_left > div:nth-child(2) { margin-top: 4px; } .app_courselist_item .app_courselist_item_left > div:nth-child(2) > span { font-size: 1.1rem; color: #999; margin-right: 16px; } .app_courselist_item .app_courselist_item_left > div:nth-child(2) > span img { width: 13px; margin-right: 4px; } .app_courselist_item .app_courselist_item_left > div:nth-child(2) > span > span { display: inline-block; vertical-align: middle; } .app_courselist_item .app_courselist_item_right { width: 116px; } .app_courselist_item .app_courselist_item_right .limitWidth { position: relative; } .app_courselist_item .app_courselist_item_right .limitWidth .credit_info { position: absolute; right: 0; top: 4px; background: rgba(0, 0, 0, 0.6); border-radius: 99px; padding: 2px 8px; color: #fff; font-size: 1.3rem; transform: scale(0.8); } .app_courselist_item .app_courselist_item_right .limitWidth .credit_info img { width: 16px; height: 16px; margin-right: 4px; vertical-align: text-bottom; } .app_courselist_item .app_courselist_item_right .limitWidth .credit_info span { font-size: 1.4rem; padding-right: 2px; } .app_course_category_main .app_courselist_item:nth-child(1) { border: none !important; } .myclasshour .mylearntime_content { padding: 58px 12px 10px; } .myclasshour .myclasshour_filter { text-align: center; } .myclasshour .myclasshour_filter > div { font-size: 1.1rem; color: #fff; display: inline; margin: 0 auto; padding: 4px 15px; border-radius: 30px; background: rgba(0, 0, 0, 0.1); } .myclasshour .myclasshour_filter > div > img { width: 8px; margin-left: 4px; } .myclasshour .mylearntime_num { margin: 8px 0 17px !important; } .myclasshour .mylearntime_num > p { font-size: 1.1rem; margin: 0; padding: 0; } .myclasshour .mylearntime_list_item_right { color: #f7931e !important; } .myclasshour .mylearntime_list_item_left { width: calc(100% - 110px) !important; } .myclasshour .mylearntime_list_item_right { width: 110px !important; } .timequery .modal-dialog { top: 44px; margin: 0; } .timequery .modal-dialog .modal-body { padding: 20px 12px !important; } .timequery .modal-dialog .modal-body .modal_title { border-bottom: 0 !important; } .timequery .modal-dialog .modal-body .modal_title > span { font-size: 1.3rem; text-align: center; display: inline-block; display: inline-block; width: calc((100% - 50px) / 3); padding: 6px 0; border-radius: 16px; background-color: #f4f4f4; background-color: #f8f8f8; } .timequery .modal-dialog .modal-body .modal_title > span:nth-child(2) { margin: 0 25px; } .timequery .modal-dialog .modal-body .modal_title > .timequery-select { color: white; background-color: var(--themcolor); } .timequery .modal-dialog .modal-body > p { font-size: 1.1rem; color: #999; margin: 30px 0 10px 6px; } .timequery .modal-dialog .modal-body .input_query { display: flex; } .timequery .modal-dialog .modal-body .input_query > input { vertical-align: middle; display: inline-block; flex-grow: 1; padding: 4px 6px; border: 1px solid #e5e5e5; background-color: transparent; } .timequery .modal-dialog .modal-body .input_query > span { font-size: 1.4rem; color: #000; vertical-align: middle; display: inline-block; width: auto; padding: 5px 3px; } .timequery .modal-dialog .modal-body .input_query > .search { margin-left: 6px; } .myclasshour-classhour-left { top: 12px; left: 70px; } .myclasshour-classhour-right { top: 12px; left: -28px; } .excitationexplain { padding: 24px 12px; } .excitationexplain .excitationexplain_content { overflow: auto; width: 100%; } .excitationexplain .excitationexplain_content table { width: 100%; border-spacing: 0; border-top: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; } .excitationexplain .excitationexplain_content table th, .excitationexplain .excitationexplain_content table td { text-align: center; } .excitationexplain .excitationexplain_content table thead > tr { font-size: 1.2rem; color: #666; height: 44px; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; background: #f8f8f8; } .excitationexplain .excitationexplain_content table tbody > tr { font-size: 1.1rem; color: #666; } .excitationexplain .excitationexplain_content table tbody > tr th { padding: 0 5px; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; background: #f8f8f8; } .excitationexplain .excitationexplain_content table tbody > tr td { height: 50px; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; } .next-navbar-project { display: flex; flex-direction: row; justify-content: space-between; } .nav-mycourselist ul li { position: relative; } .nav-mycourselist ul li:nth-of-type(1) { width: 35%; } .nav-mycourselist ul li:nth-of-type(2) { width: 35%; } .nav-mycourselist ul li:nth-of-type(3) { width: 30%; } .nav-mycourselist ul .active > div, .nav-mycourselist ul li > div { font-size: 1.4rem !important; } .nav-mycourselist ul .left_gap { width: 1px; height: 16px; background-color: #e5e5e5; padding: 0; position: absolute; left: -10px; top: 10px; } .productRank .integral-rank-content-top .integral-rank-content-top-score { display: inline-block; height: 20px; } .nav-selctBoxs { display: flex; flex-direction: row; justify-content: flex-end; } .nav-selctBoxs .selctBoxs-title { color: #999999; font-size: 1.4rem; } .nav-selctBoxs .select { display: flex; flex-direction: row; align-items: center; font-size: 1.4rem; cursor: pointer; } .nav-selctBoxs .caret { border-top: 3px dashed; border-right: 3px solid transparent; border-left: 3px solid transparent; margin-left: 8px; } .nav-selctBoxs .btn-group-img { width: 12px; margin-left: 5px; } .nav-selctBoxs .dropdown-toggle { top: -2px; width: auto; height: auto; } .nav-selctBoxs .dropdown-menu { min-width: 92px; width: 100%; max-height: 300px; text-align: center; border: 0; top: 40px !important; left: -32px !important; overflow: auto; } .nav-selctBoxs .dropdown-menu li { cursor: pointer; padding: 3px 5px; width: 100% !important; text-align: center; font-size: 1.5rem; } .nav-selctBoxs .dropdown-menu li:hover { background-color: #f4f4f4; } .my_courselist .grademore .modal-content { border-radius: 8px !important; padding: 0 16px; width: 132px; } .my_courselist .grademore .modal-content .modal-body { padding: 0; } .my_courselist .grademore .modal-content .modal-body > div > a { padding: 14px 0; } .my_courselist .grademore .modal-content .modal-body > div > a:hover { background-color: transparent; } .my_courselist .list-group-item .media-body .one_line_text { height: 40px; white-space: inherit; word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .examRanking { width: 100%; min-height: 100vh; } .examRanking .examRanking-Mobile { width: 100%; } .examRanking .examRanking-Mobile .examRanking-Mobile-header { width: 100%; height: 250px; display: flex; flex-direction: column; position: relative; } .examRanking .examRanking-Mobile .examRanking-Mobile-header img { width: 100%; } .examRanking .examRanking-Mobile .examRanking-Mobile-header .examRanking-Mobile-box { width: 100%; position: absolute; left: 0; top: 70px; display: flex; flex-direction: column; } .examRanking .examRanking-Mobile .examRanking-Mobile-header .examRanking-Mobile-box span, .examRanking .examRanking-Mobile .examRanking-Mobile-header .examRanking-Mobile-box p { color: #fff; text-align: center; max-width: 100%; } .examRanking .examRanking-Mobile .examRanking-Mobile-header .examRanking-Mobile-box span { font-size: 2.2rem; font-weight: bold; margin-bottom: 7px; } .examRanking .examRanking-Mobile .examRanking-Mobile-header .examRanking-Mobile-box p b { font-size: 14px; } .examRanking .examRanking-Mobile .examRanking-Mobile-header .examRanking-Mobile-box p:nth-of-type(1) { font-size: 1.6rem; margin-bottom: 5px; padding: 0 20px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .examRanking .examRanking-Mobile .examRanking-Mobile-header .examRanking-Mobile-box p:nth-of-type(2) { font-size: 1.1rem; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; } .examRanking .examRanking-Mobile .examRanking-Mobile-header .examRanking-Mobile-box p:nth-of-type(2) span { align-items: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 80%; color: #fff; font-weight: normal; font-size: 1.1rem; } .examRanking .examRanking-Mobile .examRanking-Mobile-header .examRanking-Mobile-nav { font-size: 1.7rem; color: white; text-align: center; position: fixed; z-index: 2; top: 0; width: 100%; padding: 6px 12px 0 12px; } .examRanking .examRanking-Mobile .examRanking-Mobile-header .examRanking-Mobile-nav .mylearntime_top_back { position: absolute; left: 12px; height: 32px; width: 28px; } .examRanking .examRanking-Mobile .examRanking-Mobile-header .examRanking-Mobile-nav > span { white-space: nowrap; text-overflow: ellipsis; display: inline-block; overflow: hidden; max-width: 40%; margin: 4px 0 2px 0; } .examRanking .examRanking-Mobile .examRanking-Mobile-header .examRanking-Mobile-nav > span:nth-child(3) { font-size: 1.5rem; position: absolute; right: 12px; max-width: 20%; margin: 7px 0 4px; } .examRanking .examRanking-Mobile .examRanking-Mobile-header .mylearntime_top_bgwhite { background-color: #fff !important; color: #000 !important; } .examRanking .examRanking-Mobile .Examing { background-color: #ff9c33; } .examRanking .examRanking-Mobile .Examed { background-color: #ff5d5d; } .examRanking .examRanking-Mobile .noExam { background-color: #b1c4c9; } .examRanking .examRanking-Mobile .noToExam { background-color: #b1c4c9; } .examRanking .examRanking-Mobile .examRanking-Mobile-contanr { position: relative; top: -68px; width: 100%; display: flex; flex-direction: column; min-height: calc(100vh - 250px); } .examRanking .examRanking-Mobile .examRanking-Mobile-contanr .Mobile-contanr-top { background-color: rgba(255, 255, 255, 0.9); border-radius: 8px; display: flex; flex-direction: row; justify-content: space-between; padding: 8px 16px 12px 8px; width: calc(100% - 24px); margin: 0 auto; } .examRanking .examRanking-Mobile .examRanking-Mobile-contanr .Mobile-contanr-top div { display: flex; flex-direction: row; color: #000; align-items: center; max-width: 50%; } .examRanking .examRanking-Mobile .examRanking-Mobile-contanr .Mobile-contanr-top div img { width: 30px; margin-right: 8px; height: 30px; border-radius: 30px; } .examRanking .examRanking-Mobile .examRanking-Mobile-contanr .Mobile-contanr-top div p { padding: 0; margin: 0; } .examRanking .examRanking-Mobile .examRanking-Mobile-contanr .Mobile-contanr-top div p:nth-of-type(1) { margin-right: 22px; } .examRanking .examRanking-Mobile .examRanking-Mobile-contanr .Mobile-contanr-top div p:nth-of-type(2) { margin-left: 16px; } .examRanking .examRanking-Mobile .examRanking-Mobile-contanr .Mobile-contanr-top div span { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .examRanking .examRanking-Mobile .examRanking-Mobile-contanr .Mobile-contanr-mod { position: relative; border-top-left-radius: 16px; border-top-right-radius: 16px; background-color: #fff; width: 100%; top: -6px; padding: 0 12px; flex: 1; } .examRanking .examRanking-Mobile .examRanking-Mobile-contanr .Mobile-contanr-mod .Mobile-contanr-Podium { width: 100%; border-bottom: 1px solid #e5e5e5; padding: 16px 0 15px 0; display: flex; flex-direction: row; justify-content: center; align-items: flex-end; } .examRanking .examRanking-Mobile .examRanking-Mobile-contanr .Mobile-contanr-mod .Mobile-contanr-Podium .Mobile-contanr-Podium-item { display: flex; flex-direction: column; align-items: center; width: 33.3333333333%; } .examRanking .examRanking-Mobile .examRanking-Mobile-contanr .Mobile-contanr-mod .Mobile-contanr-Podium .Mobile-contanr-Podium-item div { width: 100%; display: flex; flex-direction: column; align-items: center; } .examRanking .examRanking-Mobile .examRanking-Mobile-contanr .Mobile-contanr-mod .Mobile-contanr-Podium .Mobile-contanr-Podium-item div p { margin: 13px 0 0 0; text-align: center; } .examRanking .examRanking-Mobile .examRanking-Mobile-contanr .Mobile-contanr-mod .Mobile-contanr-Podium .Mobile-contanr-Podium-item div p:nth-of-type(1) { font-size: 1.6rem; color: #000; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 100%; margin-top: 18px; } .examRanking .examRanking-Mobile .examRanking-Mobile-contanr .Mobile-contanr-mod .Mobile-contanr-Podium .Mobile-contanr-Podium-item div p:nth-of-type(2) { font-size: 1.3rem; color: #000; margin-top: 8px; } .examRanking .examRanking-Mobile .examRanking-Mobile-contanr .Mobile-contanr-mod .Mobile-contanr-Podium .Mobile-contanr-Podium-item1 div { position: relative; } .examRanking .examRanking-Mobile .examRanking-Mobile-contanr .Mobile-contanr-mod .Mobile-contanr-Podium .Mobile-contanr-Podium-item1 .head { width: 70px; height: 70px; border-radius: 70px; } .examRanking .examRanking-Mobile .examRanking-Mobile-contanr .Mobile-contanr-mod .Mobile-contanr-Podium .Mobile-contanr-Podium-item1 .head-icon { width: 30px; height: 30px; position: absolute; bottom: -10px; } .examRanking .examRanking-Mobile .examRanking-Mobile-contanr .Mobile-contanr-mod .Mobile-contanr-Podium .Mobile-contanr-Podium-item2 div { position: relative; } .examRanking .examRanking-Mobile .examRanking-Mobile-contanr .Mobile-contanr-mod .Mobile-contanr-Podium .Mobile-contanr-Podium-item2 .head { width: 60px; height: 60px; border-radius: 60px; } .examRanking .examRanking-Mobile .examRanking-Mobile-contanr .Mobile-contanr-mod .Mobile-contanr-Podium .Mobile-contanr-Podium-item2 .head-icon { width: 25px; height: 25px; position: absolute; bottom: -10px; } .examRanking .examRanking-Mobile .examRanking-Mobile-contanr .Mobile-contanr-mod .Mobile-contanr-Podium .Mobile-contanr-Podium-item3 div { position: relative; } .examRanking .examRanking-Mobile .examRanking-Mobile-contanr .Mobile-contanr-mod .Mobile-contanr-Podium .Mobile-contanr-Podium-item3 .head { width: 60px; height: 60px; border-radius: 60px; } .examRanking .examRanking-Mobile .examRanking-Mobile-contanr .Mobile-contanr-mod .Mobile-contanr-Podium .Mobile-contanr-Podium-item3 .head-icon { width: 25px; height: 25px; position: absolute; bottom: -10px; } .examRanking .examRanking-Mobile .examRanking-Mobile-contanr .Mobile-contanr-mod .Mobile-contanr-RankList { width: 100%; padding: 24px 8px; display: flex; flex-direction: column; } .examRanking .examRanking-Mobile .examRanking-Mobile-contanr .Mobile-contanr-mod .Mobile-contanr-RankList .Mobile-contanr-RankList-box { width: 100%; display: flex; flex-direction: row; justify-content: space-between; margin-bottom: 30px; align-items: center; } .examRanking .examRanking-Mobile .examRanking-Mobile-contanr .Mobile-contanr-mod .Mobile-contanr-RankList .Mobile-contanr-RankList-box:nth-last-of-type(1) { margin: 0; } .examRanking .examRanking-Mobile .examRanking-Mobile-contanr .Mobile-contanr-mod .Mobile-contanr-RankList .Mobile-contanr-RankList-box div { display: flex; flex-direction: row; align-items: center; max-width: 50%; } .examRanking .examRanking-Mobile .examRanking-Mobile-contanr .Mobile-contanr-mod .Mobile-contanr-RankList .Mobile-contanr-RankList-box div:nth-of-type(1) p { color: #9e9e9f; font-size: 1.3rem; margin: 0 20px 0 0; } .examRanking .examRanking-Mobile .examRanking-Mobile-contanr .Mobile-contanr-mod .Mobile-contanr-RankList .Mobile-contanr-RankList-box div:nth-of-type(1) span img { width: 30px; height: 30px; border-radius: 30px; } .examRanking .examRanking-Mobile .examRanking-Mobile-contanr .Mobile-contanr-mod .Mobile-contanr-RankList .Mobile-contanr-RankList-box div:nth-of-type(1) span { color: #000; font-size: 1.3rem; flex-direction: row; align-items: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .examRanking .examRanking-Mobile .examRanking-Mobile-contanr .Mobile-contanr-mod .Mobile-contanr-RankList .Mobile-contanr-RankList-box div:nth-of-type(2) { font-size: 1.4rem; color: #000; } .examRanking .examRanking-Mobile .examRanking-Mobile-contanr .Mobile-contanr-mod .Mobile-contanr-RankList .Mobile-contanr-RankList-box div:nth-of-type(2) p { color: #9e9e9f; font-size: 1.3rem; margin: 0 0 0 8px; } .project_homework_list_progress span { color: #666666 !important; font-size: 2.4rem !important; font-weight: normal !important; } .project_homework_list_progress p { color: #999 !important; font-size: 1.4rem !important; } .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { background-color: transparent; border-color: transparent; } .tojoin_signup { width: 100%; min-height: calc(100vh - 44px); background-color: #f4f4f4; padding: 0 12px; } .tojoin_signup > div { width: 100%; height: 100%; } .tojoin_signup > div .mytraincourse_sign_app { width: 100%; height: 100%; padding-top: 8px; } .tojoin_signup > div .mytraincourse_sign_app .mytraincourse_sign_list { border-bottom: 0; background-color: #fff; border-radius: 8px; margin-top: 8px; padding: 16px 16px 16px 58px; position: relative; } .tojoin_signup > div .mytraincourse_sign_app .mytraincourse_sign_list .sign_title { width: 100%; margin-bottom: 8px; position: relative; } .tojoin_signup > div .mytraincourse_sign_app .mytraincourse_sign_list .sign_title > span { position: absolute; right: -4px; top: 0; min-width: 36px; padding: 1px 2px; text-align: center; background-color: rgb(24, 200, 132); color: #fff !important; border-radius: 4px; } .tojoin_signup > div .mytraincourse_sign_app .mytraincourse_sign_list .sign_title > h4 { font-size: 1.5rem; color: #000; white-space: normal; word-break: break-all; width: 100%; margin: 0; } .tojoin_signup > div .mytraincourse_sign_app .mytraincourse_sign_list .sign_title .signs_ss { width: 80%; } .tojoin_signup > div .mytraincourse_sign_app .mytraincourse_sign_list .sign_time { width: 100%; } .tojoin_signup > div .mytraincourse_sign_app .mytraincourse_sign_list .sign_time > span { color: rgb(153, 153, 153); font-size: 1.1rem; } .tojoin_signup > div .mytraincourse_sign_app .mytraincourse_sign_list .sign_address { padding-top: 8px; } .tojoin_signup > div .mytraincourse_sign_app .mytraincourse_sign_list .signup_img { position: absolute; padding: 0 10px; margin-right: 12px; background-color: rgba(var(--rgbnum), 0.1); border-radius: 0 4px 4px 0; display: flex; align-items: center; left: 0; top: 50%; transform: translateY(-50%); height: calc(100% - 32px); } .tojoin_signup > div .mytraincourse_sign_app .mytraincourse_sign_list .signup_img .app-svg-themebox { width: 24px; height: 24px; color: var(--themcolor); } .tojoin_signup > div .mytraincourse_sign_app .mytraincourse_sign_list .signup_img_ss { background-color: rgba(24, 200, 132, 0.1); } .tojoin_signup > div .mytraincourse_sign_app .mytraincourse_sign_list .signup_img_ss .app-svg-themebox { width: 24px; height: 24px; color: #18c884; } .evaluate_app { min-height: calc(100vh - 44px); padding: 15px 12px; background-color: #f4f4f4; } .evaluate_app .exam_testpaperlist .exam_testpaper_list { width: 100%; padding: 16px 16px 16px 58px; margin-bottom: 8px; border: none; border-radius: 8px; background-color: #fff; position: relative; } .evaluate_app .exam_testpaperlist .exam_testpaper_list > h4 { font-size: 1.5rem; color: #000; word-break: break-all; white-space: normal; width: 100%; margin: 4px 0; } .evaluate_app .exam_testpaperlist .exam_testpaper_list .evaluate_ss { width: 80%; } .evaluate_app .exam_testpaperlist .exam_testpaper_list .evaluate_ss_icon { position: absolute; right: 12px; top: 18px; min-width: 36px; padding: 1px 2px; font-size: 1.2rem; text-align: center; background-color: rgb(24, 200, 132); color: #fff !important; border-radius: 4px; } .evaluate_app .exam_testpaperlist .exam_testpaper_list .evaluate_interval { font-size: 1.2rem; color: #999; } .evaluate_app .exam_testpaperlist .exam_testpaper_list .evaluate_interval > span { display: inline-block; margin-right: 15px; } .evaluate_app .exam_testpaperlist .exam_testpaper_list .evaluate_interval:nth-last-of-type(1) { border-bottom: 0; } .evaluate_app .exam_testpaperlist .exam_testpaper_list .evaluate_img { position: absolute; padding: 0 10px; margin-right: 12px; background-color: rgba(var(--rgbnum), 0.1); border-radius: 0 4px 4px 0; display: flex; align-items: center; left: 0; top: 50%; transform: translateY(-50%); height: calc(100% - 32px); } .evaluate_app .exam_testpaperlist .exam_testpaper_list .evaluate_img > img { width: 24px; } .evaluate_app .exam_testpaperlist .exam_testpaper_list .evaluate_img .app-svg-themebox { width: 24px; height: 24px; color: var(--themcolor); } .evaluate_app .exam_testpaperlist .exam_testpaper_list .evaluate_img_ss { background-color: rgba(24, 200, 132, 0.1); } .evaluate_app .exam_testpaperlist .exam_testpaper_list .evaluate_img_ss .app-svg-themebox { width: 24px; height: 24px; color: #18c884; } .evaluate_app .exam_testpaperlist .exam_testpaper_list:nth-of-type(1) { border-top: none !important; } .myhomework_audit_left { top: 12px; left: 85px; } .myhomework_audit_right { top: 12px; right: 12px; } .chart_circle_progress svg text { transform: translateY(14px); } .caselibrary-box-list { display: block; } .surveyanalysis_content_options_list_progress_iphone .progress > .progress-bar-warning { background-color: #409eff !important; } .surveyanalysis_content_options_list_progress_iphone .active > .progress-bar-warning { background-color: #67c23a !important; } .assessappraise .assessappraise-box-slider .mat-mdc-slider, .myexaminereview-dialog .mat-mdc-slider, .assess_people_detail .assess_people_detail_appraise .mat-mdc-slider, .evaluation .content_card_item_main .mat-mdc-slider { display: block; --mdc-slider-handle-width: 20px; --mdc-slider-handle-height: 20px; } .assessappraise .assessappraise-box-slider .mat-mdc-slider .mdc-slider__track--inactive, .myexaminereview-dialog .mat-mdc-slider .mdc-slider__track--inactive, .assess_people_detail .assess_people_detail_appraise .mat-mdc-slider .mdc-slider__track--inactive, .evaluation .content_card_item_main .mat-mdc-slider .mdc-slider__track--inactive { background-color: #e5e5e5 !important; opacity: 1; height: 4px; } .assessappraise .assessappraise-box-slider .mat-mdc-slider .mdc-slider__track--active_fill, .myexaminereview-dialog .mat-mdc-slider .mdc-slider__track--active_fill, .assess_people_detail .assess_people_detail_appraise .mat-mdc-slider .mdc-slider__track--active_fill, .evaluation .content_card_item_main .mat-mdc-slider .mdc-slider__track--active_fill { border-color: var(--themcolor) !important; background-color: var(--themcolor) !important; } .assessappraise .assessappraise-box-slider .mat-mdc-slider .mdc-slider__thumb-knob, .myexaminereview-dialog .mat-mdc-slider .mdc-slider__thumb-knob, .assess_people_detail .assess_people_detail_appraise .mat-mdc-slider .mdc-slider__thumb-knob, .evaluation .content_card_item_main .mat-mdc-slider .mdc-slider__thumb-knob { background-color: var(--themcolor) !important; border-color: var(--themcolor) !important; box-shadow: none !important; } .assessappraise .assessappraise-box-slider .mat-mdc-slider .mdc-slider__value-indicator, .myexaminereview-dialog .mat-mdc-slider .mdc-slider__value-indicator, .assess_people_detail .assess_people_detail_appraise .mat-mdc-slider .mdc-slider__value-indicator, .evaluation .content_card_item_main .mat-mdc-slider .mdc-slider__value-indicator { background-color: var(--themcolor) !important; width: 28px; height: 28px; } .assessappraise .assessappraise-box-slider .mat-mdc-slider .mdc-slider__value-indicator::before, .myexaminereview-dialog .mat-mdc-slider .mdc-slider__value-indicator::before, .assess_people_detail .assess_people_detail_appraise .mat-mdc-slider .mdc-slider__value-indicator::before, .evaluation .content_card_item_main .mat-mdc-slider .mdc-slider__value-indicator::before { border-top-color: var(--themcolor) !important; } .assessappraise .assessappraise-box-slider .mat-mdc-slider .mdc-slider__value-indicator-text, .myexaminereview-dialog .mat-mdc-slider .mdc-slider__value-indicator-text, .assess_people_detail .assess_people_detail_appraise .mat-mdc-slider .mdc-slider__value-indicator-text, .evaluation .content_card_item_main .mat-mdc-slider .mdc-slider__value-indicator-text { font-size: 1.2rem; } .assessappraise .assessappraise-box-slider .mat-mdc-slider .mat-ripple, .myexaminereview-dialog .mat-mdc-slider .mat-ripple, .assess_people_detail .assess_people_detail_appraise .mat-mdc-slider .mat-ripple, .evaluation .content_card_item_main .mat-mdc-slider .mat-ripple { display: none !important; } .assess_datepicker_left { top: 12px; left: 75px; } .assess_datepicker_right { top: 12px; left: -75px; } .expert_check_options .mat-mdc-slider { min-width: 260px; } .expert_check_options .mat-mdc-slider .mdc-slider__track--inactive { background-color: #e5e5e5 !important; opacity: 1; } .expert_check_options .mat-mdc-slider .mdc-slider__track--active_fill { border-color: var(--themcolor) !important; background-color: var(--themcolor) !important; } .expert_check_options .mat-mdc-slider .mdc-slider__thumb-knob { background-color: var(--themcolor) !important; border-color: var(--themcolor) !important; } .expert_check_options .mat-mdc-slider .mdc-slider__value-indicator { background-color: var(--themcolor) !important; } .expert_check_options .mat-mdc-slider .mdc-slider__value-indicator::before { border-top-color: var(--themcolor) !important; } .expert_check_options .mat-mdc-slider .mat-ripple { display: none !important; } .mobile_check_detail .mat-mdc-slider { min-width: calc(100% - 138px); } .mat-mdc-progress-bar { --mdc-linear-progress-active-indicator-color: var(--themcolor); --mdc-linear-progress-track-color: #e5e5e5; } .mat-mdc-progress-bar .mdc-linear-progress__bar-inner { border-color: var(--themcolor) !important; } .mat-mdc-progress-bar .mdc-linear-progress__buffer-bar { background-color: #e5e5e5 !important; } .coursewareaudio_maxBox > div > .courseware_audio app-audio-base { display: block; } .coursewareaudio_maxBox > div > .courseware_audio app-audio-base .coursewareaudio > div > .courseware_audio .courseware_audio_progressbar { align-items: center; justify-content: center; padding: 0 32px; } .coursewareaudio_maxBox > div > .courseware_audio app-audio-base .coursewareaudio > div > .courseware_audio .courseware_audio_progressbar .speedofprogress { max-width: none; margin: 0 12px; width: calc(100vw - 130px) !important; } .coursewareaudio_maxBox > div > .courseware_audio app-audio-base .coursewareaudio > div > .courseware_audio section { margin-bottom: 23px; } .coursewareaudio_maxBox > div > .courseware_audio app-audio-base .coursewareaudio > div > .courseware_audio .courseware_audio_top > div > div { padding: 0 45px; } .coursewareaudio_maxBox > div > .courseware_audio .courseware_list_plate app-comment-list .comment_list { margin-top: 34px; } .coursewareaudio_maxBox > div > .courseware_audio .courseware_list_plate app-comment-list:nth-of-type(1) .comment_list { margin-top: 0; } .coursewareaudio_maxBox > div > .courseware_audio .courseware_audio_fixed { position: fixed; top: 0; left: 0; height: 44px; display: flex; align-items: center; padding: 0 12px; width: 100%; z-index: 10; background-color: #fff; } .coursewareaudio_maxBox > div > .courseware_audio .courseware_audio_fixed .courseware_audio_fixed_back { width: 28px; height: 32px; margin-right: 16px; } .coursewareaudio_maxBox > div > .courseware_audio .courseware_audio_fixed .courseware_audio_fixed_content { width: 250px; } .coursewareaudio_maxBox > div > .courseware_audio .courseware_audio_fixed .courseware_audio_fixed_content > .fixed_audio { width: 100%; position: relative; padding: 2px 0 2px 48px; } .coursewareaudio_maxBox > div > .courseware_audio .courseware_audio_fixed .courseware_audio_fixed_content > .fixed_audio img { width: 40px; height: 40px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); cursor: pointer; } .coursewareaudio_maxBox > div > .courseware_audio .courseware_audio_fixed .courseware_audio_fixed_content > .fixed_audio .fixed_audio_right { display: flex; flex-direction: column; width: 100%; } .coursewareaudio_maxBox > div > .courseware_audio .courseware_audio_fixed .courseware_audio_fixed_content > .fixed_audio .fixed_audio_right > span { width: 100%; } .coursewareaudio_maxBox > div > .courseware_audio .courseware_audio_fixed .courseware_audio_fixed_content > .fixed_audio .fixed_audio_right > span:nth-of-type(1) { font-size: 1.4rem; color: #000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: keep-all; } .coursewareaudio_maxBox > div > .courseware_audio .courseware_audio_fixed .courseware_audio_fixed_content > .fixed_audio .fixed_audio_right > span:nth-of-type(2) { font-size: 1.1rem; color: #999; } .coursecoursewarecontent_video { padding-top: 285px; } .interpret .modal-dialog { text-align: center; position: absolute; bottom: 16px; left: 0; width: 100%; height: fit-content; margin: 0; padding: 0 12px; z-index: 1000; } .interpret .modal-content { box-shadow: none !important; border: none; border-radius: 4px !important; background-color: transparent; } .interpret .modal-content > .modal-body > div { padding: 0 10px; border-radius: 8px !important; background-color: #fff; } .interpret .modal-content > .modal-body > div > div { padding: 13px 0; border-bottom: 1px solid #e5e5e5; font-size: 1.5rem; } .interpret .modal-content > .modal-body > div > div:last-child { border-bottom: none; } .interpret .modal-content > .modal-body .cancel { padding: 10px 0 15px !important; border: none; background-color: transparent !important; font-size: 1.5rem; } .normal_footer { height: 52px; } .normal_content { padding-bottom: 52px; } .input_required_tag::before { content: "*"; color: red; margin-right: 4px; } .commments_list > .commments_list_box > .commments_list_content app-comment-list:nth-of-type(1) .comment_list { margin-top: 0; } .high_footer { min-height: calc(100vh - 70px); } .forum-card-form--h5 { padding-bottom: 65px; box-sizing: border-box; } .forum-card-form--h5.forumvotecardform_heigh { padding-bottom: 233px; } @supports (bottom: constant(safe-area-inset-bottom)) or (bottom: env(safe-area-inset-bottom)) { .iphonex_footer { height: calc(constant(safe-area-inset-bottom) + 52px); height: calc(env(safe-area-inset-bottom) + 52px); padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom); } .iphonex_content { padding-bottom: calc(constant(safe-area-inset-bottom) + 52px); padding-bottom: calc(env(safe-area-inset-bottom) + 52px); } .iphonex_bottom { padding-bottom: calc(constant(safe-area-inset-bottom)); padding-bottom: calc(env(safe-area-inset-bottom)); } .forum-card-form--h5.iphonex_bottom { padding-bottom: calc(65px + constant(safe-area-inset-bottom)); padding-bottom: calc(65px + env(safe-area-inset-bottom)); } .forum-card-form--h5.forumvotecardform_heigh.iphonex_bottom { padding-bottom: calc(233px + constant(safe-area-inset-bottom)); padding-bottom: calc(233px + env(safe-area-inset-bottom)); } .iphonex_content_bookclub { padding-bottom: calc(constant(safe-area-inset-bottom) + 64px) !important; padding-bottom: calc(env(safe-area-inset-bottom) + 64px) !important; } .iphonex_bottom_bookclub { padding-bottom: calc(constant(safe-area-inset-bottom)); padding-bottom: calc(env(safe-area-inset-bottom)); } .iphonex_bottom_listen { margin-bottom: calc(constant(safe-area-inset-bottom)); margin-bottom: calc(env(safe-area-inset-bottom)); } } @supports (not (bottom: constant(safe-area-inset-bottom))) and (not (bottom: env(safe-area-inset-bottom))) { .iphonex_footer { height: 86px; padding-bottom: 34px; } .iphonex_content { padding-bottom: 86px; } .iphonex_bottom { padding-bottom: 86px; } .forum-card-form--h5.iphonex_bottom { padding-bottom: 99px; } .forum-card-form--h5.forumvotecardform_heigh.iphonex_bottom { padding-bottom: 267px; } .iphonex_content_bookclub { padding-bottom: 98px !important; } .iphonex_bottom_bookclub { padding-bottom: 34px; } .iphonex_bottom_listen { margin-bottom: 34px; } } .tojoin_homework { width: 100%; background-color: #f4f4f4; min-height: calc(100vh - 44px); padding: 12px; } .tojoin_homework .tojoin_homework_top, .tojoin_homework .tojoin_homework_inp { width: 100%; background-color: #fff; border-radius: 8px; padding: 16px; } .tojoin_homework .tojoin_homework_top { margin-bottom: 10px; } .tojoin_homework .tojoin_homework_top .homework_top_title { position: relative; width: 100%; min-height: 24px; padding: 0 0 0 32px; font-size: 1.6rem; font-weight: 700; color: #000; white-space: normal; word-break: break-all; } .tojoin_homework .tojoin_homework_top .homework_top_title > img { position: absolute; left: 0; top: 0; width: 24px; height: 24px; } .tojoin_homework .tojoin_homework_top .homework_top_briefInfor { margin: 17px 0 8px; font-size: 1.3rem; color: #000; white-space: normal; word-break: break-all; } .tojoin_homework .tojoin_homework_top .homework_top_endTime { font-size: 1.1rem; color: #ccc; } .tojoin_homework .tojoin_homework_inp > form { width: 100%; display: inline-block; } .tojoin_homework .tojoin_homework_inp > form > textarea { width: 100%; height: 160px; font-size: 1.4rem; color: #000; resize: none; border: 0; } .tojoin_homework .tojoin_homework_inp > form > .homework_inp_icon { display: inline-block; width: 100%; padding: 8px 0; border-bottom: 1px solid #ccc; font-size: 1.2rem; color: #ccc; text-align: right; } .tojoin_homework .tojoin_homework_inp > .tojoin_homework_file { width: 100%; margin-top: 16px; } .tojoin_homework .tojoin_homework_inp > .tojoin_homework_file .tojoin_homework_file_upload { width: 100%; display: flex; align-items: center; justify-content: space-between; } .tojoin_homework .tojoin_homework_inp > .tojoin_homework_file .tojoin_homework_file_upload .file_upload_left { width: calc(100% - 104px); font-size: 1.2rem; color: #000; } .tojoin_homework .tojoin_homework_inp > .tojoin_homework_file .tojoin_homework_file_upload .file_upload_left > span { font-size: 1.1rem; color: #999; text-align: justify; white-space: normal; word-break: break-all; display: inline-block; } .tojoin_homework .tojoin_homework_inp > .tojoin_homework_file .tojoin_homework_file_upload .file_upload_right { width: 80px; height: 80px; border-radius: 6px; position: relative; } .tojoin_homework .tojoin_homework_inp > .tojoin_homework_file .tojoin_homework_file_upload .file_upload_right > img { width: 100%; } .tojoin_homework .tojoin_homework_inp > .tojoin_homework_file .tojoin_homework_file_upload .file_upload_right > input { position: absolute; left: 0; top: 0; width: 80px; height: 80px; opacity: 0; z-index: 1; } .tojoin_homework .tojoin_homework_inp > .tojoin_homework_file .tojoin_homework_file_show { width: 100%; padding-right: 40px; position: relative; } .tojoin_homework .tojoin_homework_inp > .tojoin_homework_file .tojoin_homework_file_show > img { position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 20px; height: 20px; } .tojoin_homework .tojoin_homework_inp > .tojoin_homework_file .tojoin_homework_file_show > div { width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .tojoin_homework .tojoin_homework_inp > .tojoin_homework_file .tojoin_homework_file_show > div > span { width: 100%; display: flex; align-items: center; color: #000; font-size: 1.4rem; } .tojoin_homework .tojoin_homework_inp > .tojoin_homework_file .tojoin_homework_file_show > div > span > img { width: 20px; height: 20px; margin-right: 8px; } .tojoin_homework .tojoin_homework_btn { margin-top: 24px; width: 100%; display: flex; align-items: center; justify-content: center; } .tojoin_homework .tojoin_homework_btn > span { width: 160px; height: 44px; background-color: rgba(0, 152, 237, 0.4); border-radius: 99px; color: #fff; font-size: 1.6rem; display: flex; align-items: center; justify-content: center; } .tojoin_homework .tojoin_homework_btn .active { background-color: rgba(var(--rgbnum), 1); } .tojoin_homework .tojoin_homework_btn > .putash_btn { background-color: rgba(var(--rgbnum), 0.2); border: #f1f1f1 !important; pointer-events: none; } .recording .modal-dialog { text-align: center; position: absolute; bottom: 0px; left: 0; width: 100%; margin: 0; padding: 0; background-color: #fff; border-radius: 16px 16px 0px 0px; } .recording .modal-dialog > .modal-content { background: linear-gradient( 180deg, rgba(0, 152, 237, 0.1), rgba(0, 152, 237, 0)); border-radius: 16px 16px 0px 0px; } .recording .modal-dialog > .modal-content .recording_header { position: relative; padding: 4px 0 0 0; text-align: center; font-size: 1.7rem; color: #000; display: flex; align-items: center; width: 100%; } .recording .modal-dialog > .modal-content .recording_header > span { width: 100%; display: inline-block; text-align: center; } .recording .modal-dialog > .modal-content .recording_header > img { width: 28px; position: absolute; left: 12px; top: 0px; z-index: 1; } .recording .modal-dialog > .modal-content .recording_content { width: 100%; display: flex; flex-direction: column; margin-top: 28px; align-items: center; } .recording .modal-dialog > .modal-content .recording_content > img { width: 89px; } .recording .modal-dialog > .modal-content .recording_content > span { width: 100%; text-align: center; display: inline-block; font-size: 1.5rem; color: #000; } .recording .modal-dialog > .modal-content .recording_btn { margin-top: 32px; display: flex; justify-content: center; } .recording .modal-dialog > .modal-content .recording_btn > span { display: inline-block; margin-right: 24px; width: 90px; height: 40px; line-height: 40px; background: #ffffff; border: 1px solid #e5e5e5; border-radius: 20px; font-size: 15px; font-weight: 400; text-align: center; color: #000000; } .recording .modal-dialog > .modal-content .recording_btn > span:nth-of-type(2) { background: var(--themcolor); color: #fff; } .recording .modal-dialog > .modal-content .recording_tips { width: 100%; font-size: 1.1rem; color: #999; margin: 23px 0 16px; text-align: center; } .trainingProject-swiper-pagination { text-align: center; width: 100%; text-align: center; left: 0 !important; bottom: 0 !important; } .trainingProject-swiper-pagination > .swiper-pagination-bullet { width: 8px; height: 8px; border: 1px solid rgba(255, 255, 255, 0.5) !important; background-color: rgba(255, 255, 255, 0.5) !important; margin-right: 8px; cursor: pointer; } .trainingProject-swiper-pagination > .swiper-pagination-bullet-active { border: 1px solid transparent !important; background-color: #fff !important; } .mytask_timepick_left { top: 0; left: 0; } .mytask_timepick_right { top: 0; left: 0; } .noteeditdialog_footer #Editor .ck-editor { height: calc(100% - 26px); } .noteeditdialog_footer #Editor .ck-editor .ck-editor__main { height: 100%; } .noteeditdialog_footer #Editor .ck-editor .ck-toolbar_grouping { height: 44px; border: none; padding-left: 12px; border-top-right-radius: 4px; border-top-left-radius: 4px; background: rgb(248, 248, 248); } .noteeditdialog_footer #Editor .ck-editor .ck-content { border: none; padding: 8px; box-shadow: none; overflow: auto; padding-bottom: 4px; min-height: calc(100% - 48px); max-height: calc(100% - 48px); } .noteeditdialog_footer #Editor .ck-editor .ck-content .ck-placeholder, .noteeditdialog_footer #Editor .ck-editor .ck-content p { margin: 0; height: 100%; } .noteeditdialog_footer #Editor .ck-toolbar { background: rgb(248, 248, 248); border: none; border-radius: 4px; } .noteeditdialog_footer #Editor .ck-toolbar .ck-button__icon { color: rgb(19, 20, 24); } .noteeditdialog_footer #Editor .ck-content { border: none; padding: 8px; box-shadow: none; overflow: auto; min-height: calc(100% - 64px); max-height: calc(100% - 64px); padding-bottom: 4px; } .noteeditdialog_footer #Editor .ck-content .ck-placeholder, .noteeditdialog_footer #Editor .ck-content p { margin: 0; word-break: break-all; height: 100%; } .next-navbar-padding .col-5, .next-navbar-padding .col-md-5 { max-width: 20%; flex: 0 0 20%; } .ck-body-wrapper { display: none; } .block_grey { background-color: rgba(204, 204, 204, 0.2) !important; color: #ccc !important; } .title_grey { color: #c0c4cc !important; } .common_container { padding: 12px; background-color: #f4f4f4; min-height: calc(100vh - 44px); } .direct_pass { background-color: #fff; border-radius: 8px; position: relative; height: 370px; } .direct_pass .nomessage_defult { position: absolute; transform: translateY(-50%); top: 50%; } .direct_pass .nomessage_defult > img { margin-top: 0; } .exam_submited_box { border-radius: 16px; } .exam_submited_box .modal-dialog-centered { display: flex; align-items: center; min-height: calc(100% - 1rem); } .exam_submited_box .modal-content { margin-right: 12px; margin-left: 12px; background-color: transparent; border-radius: 16px; flex: 1; overflow: hidden; } .exam_submited_box .modal-content .modal-body { background-color: white; border-radius: 16px; overflow: hidden; } .exam_submited_box .modal-content .modal-body > div { border-bottom: none !important; } .exam_submited_box .modal-content .modal-body .submited_desc { padding: 40px 32px; font-size: 2rem; font-weight: bold; text-align: center; white-space: pre-wrap; word-break: break-all; overflow: hidden; } .exam_submited_box .modal-content .modal-body .submited_view { text-align: center; display: flex; flex-direction: row; justify-content: space-around; margin-bottom: 32px; } .exam_submited_box .modal-content .modal-body .submited_view > div { font-size: 1.6rem; font-weight: bold; text-align: center; padding: 12px 48px; border-radius: 99px; line-height: normal; background: var(--themcolor); color: #fff; } .post_tree_container .posttree-tooltip-message-tip, .learning-map-activity-list-container .posttree-tooltip-message-tip { padding: 0; box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1); } .post_tree_container .posttree-tooltip-message-tip .arrow, .learning-map-activity-list-container .posttree-tooltip-message-tip .arrow { display: none; } .post_tree_container .posttree-tooltip-message-tip .tooltip-inner, .learning-map-activity-list-container .posttree-tooltip-message-tip .tooltip-inner { padding: 4px 8px; font-size: 1.2rem; color: rgba(0, 0, 0, 0.8); background-color: white; border-radius: 4px; } .plan_calendar { width: 100%; display: block; box-shadow: none; } .plan_calendar .bs-datepicker-body { border: none; padding: 0; } .plan_calendar .bs-datepicker-head button.next span, .plan_calendar .bs-datepicker-head button.previous span { color: #000; } .plan_calendar .bs-datepicker-head { min-width: unset; background-color: transparent; padding: 10px 0; } .plan_calendar .bs-datepicker-body { min-width: unset; } .plan_calendar .bs-datepicker-body table.months td { width: 33%; } .plan_calendar .bs-datepicker-head button.current { color: #000; } bs-datepicker-inline-container { display: block !important; } .gameActivityRank .rank_content_white_wrapper .nomessage_defult img { margin-top: 0; } .progressTooltip { top: -4px !important; left: 8px !important; } .progressTooltip .tooltip-arrow::before { border-top-color: #fff; } .progressTooltip .tooltip-inner { background-color: #fff; color: var(--themcolor); } .fixdate_box .bs-datepicker-body .weeks thead tr :nth-child(1) { display: block !important; } .pc_fixdate_box .bs-datepicker .bs-media-container { display: block; } .examTips_content { font-size: 1.4rem; color: #999; font-weight: 400; } .project_learnrecord { min-height: calc(100vh - 44px); background-color: #f4f4f4; } .input_placeholder_color_gray::input-placeholder { color: #ccc; font-size: 1.3rem; } .input_placeholder_color_gray::-webkit-input-placeholder { color: #ccc; font-size: 1.3rem; } .input_placeholder_color_gray:-moz-placeholder { color: #ccc; font-size: 1.3rem; } .input_placeholder_color_gray::-ms-input-placeholder { color: #ccc; font-size: 1.3rem; } .beingsubmitting { z-index: 2000; } .beingsubmitted_box { margin-top: calc((100vh - 70px) / 2); text-align: center; } .beingsubmitted { display: inline-block; text-align: center; width: 70px; margin: auto; position: relative; -webkit-transform: translate(0, -25px); -ms-transform: translate(0, -25px); transform: translate(0, -25px); } .beingsubmitted > div { -webkit-animation-fill-mode: both; animation-fill-mode: both; position: absolute; width: 20px; height: 20px; border-radius: 100%; border: 1px solid transparent; } .beingsubmitted .beingsubmitted1 { top: 50px; background-color: #ff7272; -webkit-animation-name: ball-triangle-path-1; animation-name: ball-triangle-path-1; -webkit-animation-delay: 0; animation-delay: 0; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .beingsubmitted .beingsubmitted2 { left: 25px; background-color: #fdc13b; -webkit-animation-name: ball-triangle-path-2; animation-name: ball-triangle-path-2; -webkit-animation-delay: 0; animation-delay: 0; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .beingsubmitted .beingsubmitted3 { top: 50px; left: 50px; background-color: #1a95ff; -webkit-animation-name: ball-triangle-path-3; animation-name: ball-triangle-path-3; -webkit-animation-delay: 0; animation-delay: 0; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .shs-record-upload-retry { padding: 10px; background-color: #fff; border-radius: 99px; box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.08); cursor: pointer; margin-top: 10px; position: fixed; bottom: calc(50% - 22px); right: 20px; z-index: 200; } .shs-record-upload-retry .cloud { width: 24px; height: 24px; } .shs-record-upload-retry .tip { width: 16px; height: 16px; border: 1px solid #fff; border-radius: 99px; overflow: hidden; position: absolute; right: 0px; top: 0px; } .ngx-select { height: 100%; } .ngx-select__selected { height: 100%; } .ngx-select__toggle { font-size: 1em; height: 100%; padding-left: 0; border: none; background: unset; background-color: unset !important; } .ngx-select__placeholder { margin: auto 0; vertical-align: middle; line-height: 100%; } .ngx-select__search { font-size: 1em; height: 100%; border: none; } .ngx-select__choices { font-size: 1em; } .ngx-select__clear { font-size: 1em; color: #000; margin-right: 25px !important; } .ngx-select__selected-plural > span, .ngx-select__selected-single > span { line-height: 100%; } .ngx-select__toggle-buttons { margin-left: 30px; } .viewer-download::before { content: ""; display: block; width: 40px; height: 40px; background-image: url("./media/download-KVCYVC5B.svg"); background-repeat: no-repeat; background-position: center; background-size: 70%; filter: brightness(0) invert(1); } @keyframes bouncedelay { 0%, 80%, 100% { transform: scale(0); } 40% { transform: scale(1); } } @keyframes bouncedelay { 0%, 80%, 100% { transform: scale(0); transform: scale(0); } 40% { transform: scale(1); transform: scale(1); } } @keyframes coruscate { 0% { opacity: 0; } 25% { opacity: 0; } 50% { opacity: 1; } 75% { opacity: 1; } to { opacity: 0; } } @keyframes audiorotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes trainqarotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(-45deg); } } @keyframes trainqarotateback { 0% { transform: rotate(-45deg); } 100% { transform: rotate(0deg); } } @keyframes pclist { 0% { position: relative; top: 0; box-shadow: 0 0 0 rgba(0, 0, 0, 0); background-color: white; } 100% { position: relative; top: -5px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15); background-color: white; } } @keyframes pclistenlarge { 0% { transform: scale(1); } 100% { transform: scale(1.1); } } @keyframes luckdraw_turntabletwo { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes luckdraw_turntablethree { 0% { transform: rotate(180deg); } 100% { transform: rotate(360deg); } } .creadopendrawer { animation: creadopendrawer 0.5s; animation-fill-mode: forwards; } .creadclosedrawer { animation: creadclosedrawer 0.5s; animation-fill-mode: forwards; } @keyframes creadopendrawer { 0% { transform: translateY(100%); } 100% { transform: translateY(0); } } @keyframes creadclosedrawer { 0% { transform: translateY(0); } 100% { transform: translateY(100%); } } @keyframes closedrawer { 0% { transform: translateX(0); } 100% { transform: translateX(100%); } } @keyframes opendrawer { 0% { transform: translateX(100%); } 100% { transform: translateX(0); } } @keyframes mymove { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes mycentersetting { 0% { background-color: rgba(255, 255, 255, 0); } 10% { background-color: rgba(255, 255, 255, 0.1); } 20% { background-color: rgba(255, 255, 255, 0.2); } 30% { background-color: rgba(255, 255, 255, 0.3); } 40% { background-color: rgba(255, 255, 255, 0.4); } 50% { background-color: rgba(255, 255, 255, 0.5); } 60% { background-color: rgba(255, 255, 255, 0.6); } 70% { background-color: rgba(255, 255, 255, 0.7); } 80% { background-color: rgba(255, 255, 255, 0.8); } 90% { background-color: rgba(255, 255, 255, 0.9); } 100% { background-color: rgb(255, 255, 255); } } @keyframes volumeFadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes ripple { 0% { -webkit-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(2.2); transform: scale(2.2); opacity: 0; } } @keyframes ball-triangle-path-1 { 33% { -webkit-transform: translate(25px, -50px); transform: translate(25px, -50px); } 66% { -webkit-transform: translate(50px, 0px); transform: translate(50px, 0px); } 100% { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); } } @keyframes ball-triangle-path-2 { 33% { -webkit-transform: translate(25px, 50px); transform: translate(25px, 50px); } 66% { -webkit-transform: translate(-25px, 50px); transform: translate(-25px, 50px); } 100% { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); } } @keyframes ball-triangle-path-3 { 33% { -webkit-transform: translate(-50px, 0px); transform: translate(-50px, 0px); } 66% { -webkit-transform: translate(-25px, -50px); transform: translate(-25px, -50px); } 100% { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); } } @keyframes widthIncrease { 0% { width: 0%; } 100% { width: 100%; } } /* src/scss/pc.scss */ :root { --themcolor: #0098ed; --active-themeColor: #0081ca; --rgbnum: 0, 129, 202; --placeholder-color: #cccccc; } button, [type=button], [type=reset], [type=submit] { -webkit-appearance: unset; -moz-appearance: unset; appearance: unset; } .modal-dialog-bottom { display: flex; align-items: flex-end; min-height: 50px; margin: 0; } .modal-dialog-bottom::before { display: block; height: 100vh; content: ""; } .modal-dialog-bottom.modal-dialog-scrollable { flex-direction: column; justify-content: center; height: 100%; } .modal-dialog-bottom.modal-dialog-scrollable .modal-content { max-height: none; } .modal-dialog-bottom.modal-dialog-scrollable::before { content: none; } .dropdown-toggle::after { display: none; } .caret { vertical-align: middle; display: inline-block; width: 0; height: 0; margin-left: 2px; border-top: 5px dashed; border-right: 4px solid transparent; border-left: 4px solid transparent; } .avatar { width: 40px; height: 40px; border-radius: 20px; } .is-pc-device .avatar { width: 60px; height: 60px; border-radius: 30px; } .rolldate-container-pc .rolldate-panel { width: 600px !important; height: 290px !important; padding: 10px 24px 24px 24px; border-radius: 16px; bottom: 0; left: 0; top: 0; right: 0; margin: auto; } .rolldate-mask, .rolldate-panel { z-index: 1099 !important; } .bs-datepicker-body table td span.selected { background-color: rgba(var(--rgbnum), 0.8) !important; } .is-pc-device { font-size: 1.2rem; } .is-pc-device .pc_comtent { min-height: 100vh; background: #f4f4f4; } .is-pc-device .notfound { top: calc(50vh - 230px); } .is-pc-device .dropdown-menu > li > a { cursor: pointer; } .is-pc-device .nomessage_defult { position: relative; background-color: #fff; border-radius: 8px; overflow: hidden; min-height: 480px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 0px; margin-bottom: 24px; } .is-pc-device .nomessage_defult > img { width: 150px; height: 150px; margin-top: 0 !important; } .is-pc-device .nomessage_defult > p { margin-top: 10px; } .is-pc-device .nomessage_defult_container .nomessage_defult { margin-bottom: 0px !important; } .is-pc-device .gotop { position: relative; right: 10px; bottom: 10px; left: 0; width: 44px; height: auto; margin-right: calc((100% - 1200px) / 2 - 80px); padding: 0; cursor: pointer; border: none; border-radius: 0; background-color: unset; } .is-pc-device .gotop > .app-svg-themebox { width: 28px; height: auto; } .is-pc-device .gotop > img { width: 44px; height: auto; opacity: 0.6; } .is-pc-device .gotop > img:hover { opacity: 0.9; } .is-pc-device .totop { cursor: pointer; display: flex; position: sticky; width: 42px; height: 42px; z-index: 200; left: 80%; bottom: 80px; padding: 10px; border: 1px solid rgba(255, 255, 255, 0); border-radius: 50px; background-color: rgba(0, 0, 0, 0.4); } .is-pc-device .pc_app_download_tips_container { width: 44px; position: fixed; right: 32px; bottom: 108px; z-index: 100; } .is-pc-device .pc_app_download_tips_container .app_download_tips { width: 100%; margin-top: 10px; padding: 10px 8px; border-radius: 8px; background: white; box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.08); cursor: pointer; } .is-pc-device .pc_app_download_tips_container .app_download_tips .tips-content { display: flex; flex-direction: column; align-items: center; gap: 10px; } .is-pc-device .pc_app_download_tips_container .app_download_tips .tips-content .tips_desc { color: #000; text-align: center; font-size: 1.4rem; font-weight: normal; text-align: center; } .is-pc-device .pc_app_download_tips_container .downloadapp_tips_qrcode_content { position: fixed; right: 92px; bottom: 0px; width: 260px; height: 260px; display: flex; padding: 20px; justify-content: center; align-items: center; gap: 10px; border-radius: 8px; background: white; box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.08); transition: all 0.2s linear; visibility: hidden; } .is-pc-device .pc_app_download_tips_container .downloadapp_tips_qrcode_content_visible { bottom: 106px; visibility: visible; } .is-pc-device .pc_app_download_tips_container .gotop { position: absolute; bottom: -54px; width: 44px; height: 44px; cursor: pointer; padding: 10px 8px; border-radius: 8px; background: white; box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.08); } .is-pc-device .pc_app_download_tips_container .gotop > img { width: 100%; height: auto; opacity: 0.6; } .is-pc-device .pc_app_download_tips_container .gotop > img:hover { opacity: 0.9; } .is-pc-device .pc_app_download_tips_container .gotop > .app-svg-themebox { width: 28px; height: auto; } .is-pc-device .pc_app_download_tips_container .aibtn { position: relative; z-index: unset; right: unset; bottom: unset; border-radius: 8px; } .is-pc-device .pc_app_tips { min-width: 50px; position: fixed; z-index: 2; right: 10px; bottom: 20px; z-index: 100; } .is-pc-device .pc_app_tips .downloadapp_tips .downloadapp_tips_tip { width: 50px; opacity: 0.6; cursor: pointer; } .is-pc-device .pc_app_tips .downloadapp_tips .downloadapp_tips_tip:hover { opacity: 0.9; } .is-pc-device .pc_app_tips .downloadapp_tips .downloadapp_tips_qrcode { position: fixed; right: 70px; bottom: 100px; width: 240px; height: 240px; padding: 20px; box-shadow: 0 0 8px rgba(0, 0, 0, 0.2); background-color: white; } .is-pc-device .pc_app_tips .downloadapp_tips .downloadapp_tips_qrcode > img { width: 200px; height: 200px; } .is-pc-device .pc_header_left > div > a > span { width: fit-content; min-width: 24px; max-width: 72px; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .is-pc-device .pc_header_left > div > a:hover { color: var(--themcolor); } .is-pc-device .modal-open { overflow: visible; } .is-pc-device .dialog_box { width: 430px; } .is-pc-device .dialog_box .modal-header { padding: 20px !important; } .is-pc-device .dialog_box .modal-content { padding: 5px 20px 20px; border-radius: 8px !important; } .is-pc-device .dialog_box > .modal-content > .modal-body > div { padding: 50px 10px; } .is-pc-device .dialog_box .modal-footer { border: none; } .is-pc-device .dialog_box .modal-footer .btn { display: inline-block; width: 40%; margin-right: 20px; border: 1px solid #e5e5e5; border-radius: 4px; } .is-pc-device .dialog_box .modal-footer .btn:last-child { color: white; margin: 0; border: 1px solid transparent; background-color: var(--themcolor); } .is-pc-device .dialog_box .close { margin-top: 10px; } .is-pc-device header .col-6 { width: 60% !important; } .is-pc-device header .col-6:last-child { width: 40% !important; } .is-pc-device header .container-fluid .row { margin-right: 0; margin-left: 0; } .is-pc-device .global_shuiyin { top: 104px; max-width: 1200px; margin: auto; } .is-pc-device app-login > div { overflow-x: hidden; min-height: 770px; } .is-pc-device .loginbg { width: 100vw; padding: 0; } .is-pc-device .loginbgfix2 { position: relative; width: 100%; height: 640px; background-color: var(--themcolor); display: flex; align-items: center; } .is-pc-device .loginbgfix2 > div { display: flex; flex-direction: row; align-items: center; justify-content: center; width: 100%; } .is-pc-device .loginbgfix2 > img { width: 100%; height: 500px; } .is-pc-device .loginbgfix { display: flex; flex-direction: row; align-items: center; justify-content: center; height: 100%; width: 100%; } .is-pc-device .login_wrapper { display: flex; flex-direction: row; align-items: center; justify-content: center; position: relative; flex: 1; } .is-pc-device .login { width: 420px; padding: 0; margin-top: auto; margin-bottom: auto; background: white; border-radius: 16px; overflow: hidden; } .is-pc-device .login .login-form-input { padding: 0 15px; } .is-pc-device .login .login-form-input { padding: 0 15px; margin-bottom: 18px; } .is-pc-device .login .login-oauth2-dingtalk .login-oauth2-dingtalk-title { display: flex; flex-direction: row; align-items: center; justify-content: center; font-size: 1.8rem; font-weight: 400; text-align: center; margin-top: 40px; } .is-pc-device .login .login-oauth2-dingtalk .login-oauth2-dingtalk-title > img { width: 16px; height: 16px; margin-right: 8px; } .is-pc-device .login .login-oauth2-dingtalk .self_defined_element { width: 280px; height: 280px; margin: auto; } .is-pc-device .login .login-oauth2-dingtalk .login-oauth2-dingtalk-tips { font-size: 1.4rem; font-weight: 400; text-align: center; margin-bottom: 30px; } .is-pc-device .login .login-oauth2-feishu .login-oauth2-feishu-title { display: flex; flex-direction: row; align-items: center; justify-content: center; font-size: 1.8rem; font-weight: 400; text-align: center; margin-top: 40px; } .is-pc-device .login .login-oauth2-feishu .login-oauth2-feishu-title > img { width: 16px; height: 16px; margin-right: 8px; } .is-pc-device .login .login-oauth2-feishu .self_feishu_element { width: 300px; height: 300px; margin: auto; align-items: center; display: flex; justify-content: center; } .is-pc-device .login .login-oauth2-feishu .login-oauth2-feishu-tips { font-size: 1.4rem; font-weight: 400; text-align: center; margin-bottom: 30px; } .is-pc-device .login .login-oauth2-box { padding: 0; } .is-pc-device .login .login-oauth2-box > iframe { width: 100% !important; } .is-pc-device .login .login-oauth2-check { width: 100%; border-top: 1px solid #e5e5e5; overflow-x: auto; } .is-pc-device .login .login-oauth2-check .login-oauth2-mode { padding: 18px 24px; text-align: center; display: flex; overflow-x: auto; width: fit-content; margin: 0 auto; } .is-pc-device .login .login-oauth2-check .login-oauth2-mode > span { white-space: nowrap; font-size: 1.4rem; cursor: pointer; padding: 0 8px; } .is-pc-device .login .login-oauth2-check .login-oauth2-mode > span > img { width: 24px; height: 24px; margin-right: 8px; } .is-pc-device .login .login-oauth2-check .login-oauth2-mode > span > span { display: inline-block; vertical-align: middle; } .is-pc-device .login .login-oauth2-check .login-oauth2-back { border-top: 1px solid #e5e5e5; padding: 18px 24px; font-size: 1.4rem; cursor: pointer; } .is-pc-device .login .login-oauth2-check .login-oauth2-back > img { width: 8px; margin-right: 8px; } .is-pc-device .login .login-oauth2-check .login-oauth2-back > span { display: inline-block; vertical-align: middle; } .is-pc-device .oauthlogin_failed > div { max-width: 600px; } .is-pc-device .logintitle { margin: 30px 25px 24px; } .is-pc-device .login_warn { width: 100%; } .is-pc-device .login_form_group { margin-bottom: 16px; } .is-pc-device .login_form_group:nth-child(2) { position: relative; margin-bottom: 10px; } .is-pc-device .login_form_group:nth-child(2) input { padding-right: 48px; } .is-pc-device .login_form_group:nth-child(2) .icon-eye-wrap { position: absolute; top: 50%; right: 6px; transform: translateY(-50%); padding: 6px; cursor: pointer; } .is-pc-device .login_form_group:nth-child(2) .icon-eye-wrap .icon-eye { color: #606266; } .is-pc-device .captcha-bottom { margin-bottom: 16px !important; } .is-pc-device .captcha-wrapper { margin-top: 16px; margin-bottom: 0px; position: relative; } .is-pc-device .captcha-wrapper > input { padding-right: 140px !important; } .is-pc-device .captcha-wrapper > img { width: 130px; height: 40px; cursor: pointer; position: absolute; right: 2px; top: 2px; } .is-pc-device .logintitle > div { font-size: 1.8rem; font-weight: bold; color: #000; letter-spacing: 1px; position: relative; top: 2px; display: inline-block; padding: 6px 0; } .is-pc-device .loginwenzi { width: 60%; display: flex; flex-direction: row; align-items: center; justify-content: center; } .is-pc-device .loginwenzi > img { width: 730px; } .is-pc-device .loginheader { width: 100%; height: 72px; background-color: #fff; } .is-pc-device .loginheader > div { display: inline-block; height: 72px; margin-left: calc((100vw - 170px) / 12); padding-top: 16px; padding-bottom: 16px; } .is-pc-device .wdlogo { display: flex; align-items: center; justify-content: left; height: 40px; margin-right: 36px; cursor: auto; } .is-pc-device .wdlogo > img { height: 40px; margin-right: 10px; } .is-pc-device .wdlogo .loginheader-app-mesg { display: flex; flex-direction: column; align-items: flex-start; justify-content: left; white-space: pre-wrap; } .is-pc-device .wdlogo .loginheader-app-mesg > div { display: inline-block; } .is-pc-device .wdlogo .loginheader-app-mesg > div:nth-child(1) { color: #000; font-size: 2.2rem; font-weight: bold; line-height: 26px; letter-spacing: 1px; } .is-pc-device .wdlogo .loginheader-app-mesg > div:nth-child(2) { width: 100%; text-align: center; color: #666; font-size: 1.2rem; font-weight: bold; line-height: 12px; letter-spacing: 0.5px; } .is-pc-device .loginheader > .pc_header_right { float: right; width: auto; height: 72px; margin-right: calc((100vw - 170px) / 12); margin-left: 0; padding-top: 26px; padding-bottom: 13px; } .is-pc-device .pc_subsidiary_information { text-align: center; width: 100%; height: auto; margin-top: 40px; margin-bottom: 40px; } .is-pc-device .pc_subsidiary_information > div { display: inline-block; } .is-pc-device .pc_subsidiary_information .loginversion { font-size: 1.6rem; color: #666; padding: 0 20px; } .is-pc-device .pc_subsidiary_information .app_download { font-size: 1.6rem; color: #666; padding: 0 20px; cursor: pointer; border-left: 1px solid #666; } .is-pc-device .pc_subsidiary_information .app_download > span > a { color: #666; } .is-pc-device .pc_subsidiary_information .app_download > span > a:hover { color: var(--active-themeColor); } .is-pc-device .btn_login { position: relative; margin-top: 24px; margin-bottom: 24px; border: 1px solid rgba(255, 255, 255, 0); border-radius: 5px; } .is-pc-device .btn_login > button { color: white; width: 100%; padding: 0px; height: 44px; line-height: 44px; font-size: 1.4rem; border: 1px solid rgba(255, 255, 255, 0); border-radius: 5px; background-color: var(--themcolor); } .is-pc-device .btn_login .btn:hover, .is-pc-device .btn_login .btn:focus, .is-pc-device .btn_login .btn.focus { color: white; background-color: var(--themcolor); } .is-pc-device .btn_login .btn_hover:hover { background-color: var(--active-themeColor); } .is-pc-device .pc_login_form { margin: 0 25px; } .is-pc-device .pc_login_form .form-control { height: 44px; font-size: 1.6rem; line-height: 20px; padding-left: 12px; padding-right: 12px; } .is-pc-device .pc_login_form .form-control::placeholder { color: #999; } .is-pc-device .app_login_other { display: flex; flex-direction: row; align-items: flex-start; justify-content: space-between; margin-bottom: 30px; } .is-pc-device .app_login_privacyagreement { margin-top: 0px; margin-right: 0px; display: flex; flex-direction: row; align-items: flex-start; flex: 1; } .is-pc-device .app_login_privacyagreement > span { font-size: 1.2rem; } .is-pc-device .app_login_findpw { float: unset; text-align: center; padding: 0px; } .is-pc-device .align_right { text-align: right; width: 100%; } .is-pc-device .foundback_title { min-height: calc(100vh - 188px); padding: 20px 0 40px; background-color: #f4f4f4; } .is-pc-device .foundback_title .common_title { padding: 24px; border-radius: 8px; } .is-pc-device .foundback_title .getpwd { padding-top: 0; } .is-pc-device .foundback_title .getpwd > div { display: inline-block; } .is-pc-device .foundback_title .getpwd .exchange { float: right; font-weight: normal; font-size: 1.2rem; cursor: pointer; } .is-pc-device .foundback_title .getpwd .exchange > div { width: 24px; height: 24px; background-color: var(--themcolor); border-radius: 50%; padding: 3px; display: inline-block; margin-right: 8px; } .is-pc-device .foundback_title .getpwd .exchange > div > img { width: 100%; height: 100%; } .is-pc-device .foundback_title .foundback { width: 560px; margin: 80px auto; } .is-pc-device .foundback_title .foundback .sendphone { font-size: 1.4rem; padding-top: 0; text-align: left; } .is-pc-device .foundback_title .foundback .sendphone > span { color: var(--themcolor); } .is-pc-device .foundback_title .foundback .pctext { padding-top: 50px; text-align: left; margin-top: 0; color: #000; font-size: 1.4rem; } .is-pc-device .foundback_title .foundback .passtip { font-size: 1.4rem; margin-bottom: 44px; text-align: left; color: #000; } .is-pc-device .foundback_title .foundback .show_password { top: 110px; } .is-pc-device .foundback_title .foundback .confirm_password { top: 154px; } .is-pc-device .foundback_title .tologin { color: #999; font-size: 1.2rem; float: right; margin-top: 16px; cursor: pointer; } .is-pc-device .foundback_title .tologin > span > img { width: 16px; } .is-pc-device .foundback_title .tologin > span { color: #000; } .is-pc-device .pc_codelist_line { margin-right: 16px; width: calc((50% - 40px) / 3); } .is-pc-device .foundback_title > div { width: 1200px; height: 100%; margin: auto; background-color: white; } .is-pc-device .foundback_title > div:nth-child(2) { width: 1200px; margin: auto; padding-right: 20px; padding-bottom: 40px; padding-left: 20px; border: 1px solid #fff; background: #fff; } .is-pc-device .foundback_form { padding-right: 0; padding-left: 0; } .is-pc-device .foundback > span:nth-child(1) { text-align: center; display: block; padding-top: 30px; } .is-pc-device .pc_foundback_progress { text-align: center; width: 100%; padding: 70px 0 30px; border-bottom: 1px solid #e5e5e5; } .is-pc-device .pc_foundback_progress > div { font-size: 1.4rem; color: #000; display: inline-block; margin: 0 70px; } .is-pc-device .pc_foundback_progress > div > img, .is-pc-device .pc_foundback_progress > div > .app-svg-themebox { width: 50px; margin-right: 10px; } .is-pc-device .pc_foundback_input { width: 600px; margin: auto; padding: 50px 0 80px; } .is-pc-device .pc_messageback_input { width: 100%; } .is-pc-device .pc_foundback_input > div { text-align: center; margin-bottom: 30px; } .is-pc-device .pc_foundback_input_phonenumber > div { position: relative; display: inline-block; } .is-pc-device .pc_foundback_input_phonenumber > div > span { position: absolute; display: inline-block; padding: 11px; border-right: 1px solid #e5e5e5; } .is-pc-device .pc_foundback_input_phonenumber > div > span > img { width: 16px; } .is-pc-device .pc_foundback_input_phonenumber > div > input { font-size: 1.6rem; display: inline-block; width: 396px; height: auto; padding: 10px 40px 10px 52px; box-shadow: inset 0 1px 1px #e5e5e5; border: 1px solid #e5e5e5; outline: 0; } .is-pc-device .pc_foundback_input_phonenumber > div > img { position: absolute; top: 11px; left: 364px; width: 22px; } .is-pc-device .pc_foundback_input_phonenumber > p { font-size: 1.4rem; color: #999; display: inline-block; margin: 0 0 0 40px; } .is-pc-device .pc_foundback_input_code > input { font-size: 1.6rem; display: inline-block; width: 48%; height: auto; padding: 10px; box-shadow: inset 0 1px 1px #e5e5e5; border: 1px solid #e5e5e5; outline: 0; } .is-pc-device .pc_foundback_input_code > div { vertical-align: top; display: inline-block; margin: 0 20px; padding: 7px 0; cursor: pointer; } .is-pc-device .pc_foundback_input_code > div img { width: 72px; height: 30px; } .is-pc-device .pc_foundback_input_code > p { font-size: 1.4rem; color: #999; display: inline-block; margin: 0 0 0 40px; } .is-pc-device .pc_foundback_tips { font-size: 1.3rem; font-weight: normal; color: #999; display: inline-block; } .is-pc-device .pc_foundback_tips > span { color: #000; cursor: pointer; } .is-pc-device .pc_foundback_tips > span:hover { color: var(--themcolor); } .is-pc-device .pc_foundback_input .pc_foundback_input_btn { width: 600px; } .is-pc-device .pc_foundback_code_input { width: 300px; } .is-pc-device .pc_foundback_code_input > div { text-align: left; } .is-pc-device .btn_login_img { position: absolute; top: 0; bottom: 0; max-height: 22px; margin: auto 20% auto 65%; animation: mymove 0.9s infinite linear; } .is-pc-device .btn_login_img > img { width: 18px; height: 18px; opacity: 0.9; } .is-pc-device .loading_pc { width: 100%; height: 100%; } .is-pc-device .loading_img_pc { z-index: 1; width: 100%; height: 100%; } .is-pc-device .loading_img_pc img { width: 100%; } .is-pc-device .loading_content_pc { text-align: center; position: fixed; z-index: 10; top: 80px; left: 0; width: 100%; } .is-pc-device .maincontent { padding-bottom: 0; } .is-pc-device .pc_nomessage_defult { text-align: center; padding: 20px 10px; } .is-pc-device .pc_nomessage_defult p { font-size: 1.4rem; color: #666; margin: 0; } .is-pc-device .loadingicon { position: relative; width: 100% !important; margin: 0; padding: 10px; background-color: transparent !important; } .is-pc-device .loadingicon:hover { background-color: transparent !important; } .is-pc-device html { overflow: auto; background-color: white; } .is-pc-device .pc { margin: auto; background-color: #f8f8f8; } .is-pc-device .pc_header_left > div { display: inline-block; vertical-align: middle; cursor: pointer; } .is-pc-device .nav > .container-fluid > .row { padding-top: 0; } .is-pc-device .pc_header_left > div > a { font-size: 1.4rem; color: #000; vertical-align: middle; text-decoration: none; display: inline-block; padding: 20px 12px; cursor: pointer; transition: all 0.5s ease-in-out; border-top: 4px solid transparent; display: inline-flex; align-items: center; } .is-pc-device .pc_header_left > div > a > div { margin-left: 8px; } .is-pc-device .pc_header_left > div > a:hover { color: var(--themcolor); box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.05); transition: all 0.5s ease-in-out; border-top: 4px solid var(--themcolor); } .is-pc-device .pc_header_right { display: flex; float: right; align-items: center; width: auto; padding-top: 18px; position: relative; } .is-pc-device .pc_header_right > div:last-child { padding-right: 0; } .is-pc-device .pc_header_right .pc-global-ai { width: 32px; height: 32px; position: absolute; top: 16px; left: -50px; } .is-pc-device .pc_header_right .pc-global-ai > img { width: 100%; height: 100%; } .is-pc-device .pc_header_right .diy-head-dropdown { position: relative; margin-right: 24px; border-right: 1px solid #e8e8e8; cursor: pointer; padding: 0px 24px 0px 0px; } .is-pc-device .pc_header_right .diy-head-dropdown-toggle { display: inline-flex; flex-flow: row nowrap; align-items: center; background: #f8f8f8; border-radius: 99px; padding: 0px 10px 0px 0px; overflow: hidden; } .is-pc-device .pc_header_right .diy-head-dropdown-toggle:hover > span { color: var(--themcolor); } .is-pc-device .pc_header_right .diy-head-dropdown-toggle:hover > i { border-top: 4px solid var(--themcolor); } .is-pc-device .pc_header_right .diy-head-dropdown-toggle span { padding: 0px 4px 0px 10px; color: #999; font-size: 1.2rem; line-height: 24px; max-width: 100px; text-overflow: ellipsis; overflow: hidden; } .is-pc-device .pc_header_right .diy-head-dropdown-toggle i { display: inline-block; font-weight: normal; margin-left: 7px; width: 0; height: 0; border-top: 4px solid #999; border-left: 3px solid transparent; border-right: 3px solid transparent; } .is-pc-device .pc_header_right .is-open-dir-dropdown > span { color: var(--themcolor); } .is-pc-device .pc_header_right .is-open-dir-dropdown > i { border-top: 4px solid var(--themcolor); } .is-pc-device .pc_header_right .diy-head-dropdown-menu { border-radius: 8px; padding: 8px 0px; background: white; border: 0px solid rgba(0, 0, 0, 0.15); box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1); top: 28px !important; } .is-pc-device .pc_header_right .diy-head-dropdown-menu li { min-width: 120px; max-width: 800px; padding: 10px 24px; font-size: 1.4rem; color: #000; font-weight: normal; line-height: 22px; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .is-pc-device .pc_header_right .diy-head-dropdown-menu .active_menu { color: var(--themcolor); } .is-pc-device .pc_header_right > div, .is-pc-device .pc_header_right .pc_header_right_all > div { display: inline-block; padding: 5px 0; cursor: pointer; } .is-pc-device .pc_header_right_all { border-radius: 25px; } .is-pc-device .pc_header_right_all .pc_header_navbar_btn_search { padding: 0 24px 0 0 !important; } .is-pc-device .pc_header_right_all .pc_header_navbar_btn_show { padding: 0 22px 0 22px !important; border-left: 1px solid #ecf0f1; } .is-pc-device .pc_header_right > div .pc_header_navbar_btn_user_img { width: 30px; height: 30px; border-radius: 30px; } .is-pc-device .pc_header_right .pc_header_navbar_btn_user .dropdown-menu { top: 54px !important; left: -40px !important; width: 140px; min-width: 0; margin: 0; padding: 8px 16px; border: none; border-radius: 8px; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1); } .is-pc-device .pc_header_right .pc_header_navbar_btn_user .dropdown-menu li { font-size: 1.4rem; color: #000; text-align: left; padding: 16px 0; border-bottom: 1px solid #e5e5e5; position: relative; } .is-pc-device .pc_header_right .pc_header_navbar_btn_user .dropdown-menu li:nth-last-of-type(1) { border-bottom: 0; } .is-pc-device .pc_header_right .pc_header_navbar_btn_user .dropdown-menu li > span { position: absolute; right: 0; top: 50%; transform: translateY(-50%); } .is-pc-device .pc_header_right .pc_header_navbar_btn_user .dropdown-menu li > span > .app-svg-themebox { width: 14px; height: 14px; color: #000; opacity: 0.4; } .is-pc-device .pc_header_right .pc_header_navbar_btn_user .dropdown-menu li > .dropdown_box { position: absolute; transform: translateX(-95%) !important; top: 0 !important; left: 0 !important; } .is-pc-device .pc_header_right .pc_header_navbar_btn_user .dropdown-menu li ul { display: inline-block; width: 200px; border-radius: 8px; padding: 0 16px; position: static; margin-right: 40px; } .is-pc-device .pc_header_right .pc_header_navbar_btn_user .dropdown-menu li ul > li { width: 100%; padding: 16px 0; border-bottom: 1px solid #e5e5e5; } .is-pc-device .pc_header_right .pc_header_navbar_btn_user .dropdown-menu li ul > li:nth-last-of-type(1) { border-bottom: 0; } .is-pc-device .pc_header_right .pc_header_navbar_btn_user .dropdown-menu li ul > li > span { width: 100%; display: inline-block; text-align: left; margin-bottom: 4px; } .is-pc-device .pc_header_right .pc_header_navbar_btn_user .dropdown-menu li ul > li > span > .app-svg-themebox { width: 16px; height: 16px; } .is-pc-device .pc_header_right .pc_header_navbar_btn_user .dropdown-menu li ul > li > span:nth-of-type(1) { font-size: 1.4rem; color: #000; } .is-pc-device .pc_header_right .pc_header_navbar_btn_user .dropdown-menu li ul > li > span:nth-of-type(2) { color: #999; font-size: 1.2rem; margin-bottom: 0; } .is-pc-device .pc_header_right .pc_header_navbar_btn_user .dropdown-menu li ul > li:hover > span > .app-svg-themebox { color: var(--themcolor); } .is-pc-device .pc_header_right .pc_header_navbar_btn_user .dropdown-menu li ul > li:hover > span:nth-of-type(1) { font-size: 1.4rem; color: var(--themcolor); } .is-pc-device .pc_header_right .pc_header_navbar_btn_user .dropdown-menu li ul .selActive > span > .app-svg-themebox { color: var(--themcolor); } .is-pc-device .pc_header_right .pc_header_navbar_btn_user .dropdown-menu li ul .selActive > span:nth-of-type(1) { font-size: 1.4rem; color: var(--themcolor); } .is-pc-device .pc_header_right .pc_header_navbar_btn_user .dropdown-menu .language-menu-item { padding: 16px 12px 16px 0; position: relative; } .is-pc-device .pc_header_right .pc_header_navbar_btn_user .dropdown-menu .language-menu-item .language-panel { position: absolute; top: 4px; z-index: 1000; opacity: 0; visibility: hidden; transform: translateY(-10px); transition: all 0.2s ease; } .is-pc-device .pc_header_right .pc_header_navbar_btn_user .dropdown-menu .language-menu-item .language-panel.show { opacity: 1; visibility: visible; transform: translateY(0); } .is-pc-device .pc_header_right .pc_header_navbar_btn_user .dropdown-menu .language-menu-item .language-panel.position-right { left: 100%; padding-left: 26px; } .is-pc-device .pc_header_right .pc_header_navbar_btn_user .dropdown-menu .language-menu-item .language-panel.position-left { right: 100%; padding-right: 26px; } .is-pc-device .pc_header_right .pc_header_navbar_btn_user .dropdown-menu .language-menu-item .language-panel > div { min-width: 120px; background: #ffffff; border: 1px solid #e8e8e8; border-radius: 6px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); } .is-pc-device .pc_header_right .pc_header_navbar_btn_user .dropdown-menu .language-menu-item .language-panel .language-option { display: flex; align-items: center; justify-content: space-between; padding: 12px 16px; cursor: pointer; transition: background-color 0.2s ease; border-bottom: 1px solid #f8f8f8; } .is-pc-device .pc_header_right .pc_header_navbar_btn_user .dropdown-menu .language-menu-item .language-panel .language-option:last-child { border-bottom: none; } .is-pc-device .pc_header_right .pc_header_navbar_btn_user .dropdown-menu .language-menu-item .language-panel .language-option:hover { background-color: #f8f8f8; } .is-pc-device .pc_header_right .pc_header_navbar_btn_user .dropdown-menu .language-menu-item .language-panel .language-option .language-name { font-size: 1.4rem; color: #000; transition: color 0.2s ease; } .is-pc-device .pc_header_right .pc_header_navbar_btn_user .dropdown-menu .language-menu-item .language-panel .language-option .app-svg-themebox { width: 14px; height: 14px; } .is-pc-device .pc_header_right .pc_header_navbar_btn_user .dropdown-menu li:hover { color: var(--themcolor); } .is-pc-device .pc_header_right .pc_header_navbar_btn_user .dropdown-menu li:hover > span > .app-svg-themebox { color: rgba(var(--rgbnum), 1); } .is-pc-device .pc_header_right > div { font-size: 1.4rem; vertical-align: top; display: inline-block; height: 100%; padding: 0; cursor: pointer; } .is-pc-device .pc_header_right > div > div { height: 100%; } .is-pc-device .pc_header_right > div > .pc_header_navbar_btn_search > div > div { width: 24px; height: 24px; background: url("./media/icon_search-JCEIEH52.png"); background-repeat: no-repeat; background-size: 24px 24px; } .is-pc-device .pc_header_right > div > .pc_header_navbar_btn_search::before { position: absolute; right: 0; height: 24px; content: ""; } .is-pc-device .pc_header_navbar_btn_search .dropdown-menu { text-align: center; position: fixed; z-index: 9999; top: 65px !important; right: 0 !important; left: 0 !important; width: 100%; margin: 0; padding: 30px 0; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); border: none; border-top: 1px solid #d4dce2; } .is-pc-device .course_dropdown { padding-bottom: 0px !important; } .is-pc-device .pc_header_navbar_btn_search .dropdown-menu > div { width: 1200px; margin: auto; } .is-pc-device .pc_header_navbar_btn_search .pc_header_navbar_btn_search_tuijian { text-align: left; vertical-align: top; display: inline-block; width: 560px; cursor: default; } .is-pc-device .pc_header_navbar_btn_search .pc_header_navbar_btn_search_tuijian > p { font-size: 1.6rem; color: #000; cursor: pointer; } .is-pc-device .pc_header_navbar_btn_search .pc_header_navbar_btn_search_tuijian .discover_catgory_courseItems { background-color: transparent; } .is-pc-device .pc_header_navbar_btn_search .pc_header_navbar_btn_search_tuijian .courselist_item { width: calc((100% - 120px) / 2); margin-right: 0; padding: 0 0 10px; } .is-pc-device .pc_header_navbar_btn_search .pc_header_navbar_btn_search_tuijian .courselist_item .discover_catgory_courseItems .discover_catgory_goodcourse { padding: 0; } .is-pc-device .pc_header_navbar_btn_search .pc_header_navbar_btn_search_tuijian .courselist_item:first-child { margin-right: 30px; } .is-pc-device .pc_header_navbar_btn_search .pc_header_navbar_btn_search_msg { text-align: left; vertical-align: top; display: inline-block; width: calc(100% - 560px); } .is-pc-device .pc_header_navbar_btn_search .pc_header_navbar_btn_search_msg .pc_header_navbar_btn_search_msg_category { margin-bottom: 25px; } .is-pc-device .pc_header_navbar_btn_search .pc_header_navbar_btn_search_msg .pc_header_navbar_btn_search_msg_category > span { font-size: 1.4rem; color: #000; display: inline-block; margin: 0 40px 12px 0; cursor: pointer; } .is-pc-device .pc_header_navbar_btn_search .pc_header_navbar_btn_search_msg .pc_header_navbar_btn_search_msg_category > .active { color: var(--themcolor); } .is-pc-device .pc_header_navbar_btn_search .pc_header_navbar_btn_search_msg .pc_header_navbar_btn_search_msg_category > span:hover { color: var(--themcolor); } .is-pc-device .pc_header_navbar_btn_search .pc_header_navbar_btn_search_msg .pc_header_navbar_btn_search_msg_message form > div { display: flex; box-shadow: 0 0 4px rgba(var(--rgbnum), 0.4); border-radius: 4px; } .is-pc-device .pc_header_navbar_btn_search .pc_header_navbar_btn_search_msg .pc_header_navbar_btn_search_msg_message input { color: #000; flex-grow: 1; padding: 2px 40px 2px 10px; transition: border-color ease-in-out 0.2s, box-shadow ease-in-out 0.2s; border: 1px solid var(--themcolor); font-size: 1.4rem; } .is-pc-device .pc_header_navbar_btn_search .pc_header_navbar_btn_search_msg .pc_header_navbar_btn_search_msg_message input::placeholder { opacity: 0.6; } .is-pc-device .pc_header_navbar_btn_search .pc_header_navbar_btn_search_msg .pc_header_navbar_btn_search_msg_message form > div > div { font-size: 1.4rem; color: white; text-align: center; min-width: 100px; padding: 10px 20px; cursor: pointer; background-color: var(--themcolor); } .is-pc-device .pc_header_navbar_btn_search .pc_header_navbar_btn_search_msg .pc_header_navbar_btn_search_msg_message form > div > div:hover { background-color: var(--active-themeColor); } .is-pc-device .pc_header_navbar_btn_search .pc_header_navbar_btn_search_msg .pc_search_record_list { margin-top: 20px; } .is-pc-device .pc_header_navbar_btn_search .pc_header_navbar_btn_search_msg .pc_search_record_list > span { font-size: 1.2rem; color: #000; white-space: nowrap; text-overflow: ellipsis; display: inline-block; overflow: hidden; max-width: calc((100% - 120px) / 5); margin-right: 30px; padding: 6px 10px; cursor: pointer; border: 1px solid transparent; border-radius: 30px; background-color: #f4f4f4; } .is-pc-device .pc_header_navbar_btn_search .pc_header_navbar_btn_search_msg .pc_search_record_list > span:last-child { margin-right: 0; } .is-pc-device .navbar { position: fixed; z-index: 120; top: 0; right: 0; width: 100%; height: 72px; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.05); background-color: white; } .is-pc-device .nav .row { padding-top: 13px; } .is-pc-device .navbar > div { position: relative; width: 100%; min-width: 900px; max-width: 1200px; height: 100%; margin: auto; } .is-pc-device header .container-fluid { padding: 0; } .is-pc-device .navbar .navbar-text { color: #000; position: relative; top: 2px; } .is-pc-device .navbar-fixed-bottom { position: fixed; z-index: 99; top: 0; left: 0; width: 50vw; height: 72px; border-bottom: 1px solid var(--themcolor); background-color: white; } .is-pc-device .navbar-fixed-bottom > div { width: 570px; height: 100%; margin: 0; margin-left: auto; } .is-pc-device .navbar-fixed-bottom .media-object { display: none; } .is-pc-device .navbar-fixed-bottom .nav-tabs { position: absolute; display: inline-block; width: 310px; margin: 0 0 0 auto; padding: 6px 10px; } .is-pc-device .navbar-fixed-bottom .nav-tabs > li { font-size: 2.1rem; display: inline-block; width: 72px; } .is-pc-device .navbar-fixed-bottom .nav-tabs { border: none; } .is-pc-device .navbar-fixed-bottom .nav-tabs > li > a > div { font-size: 1.6rem; font-weight: 600; padding: 15px 0; cursor: pointer; border: none; background-color: white; } .is-pc-device .navbar-fixed-bottom .nav-tabs > li > a > div:hover { color: var(--themcolor); } .is-pc-device .nav-tabs > li.active > a, .is-pc-device .nav-tabs > li.active > a:hover, .is-pc-device .nav-tabs > li.active > a:focus { border: none; } .is-pc-device .nav-tabs > li > a { border: none; } .is-pc-device .pc_discover { min-width: 1200px; padding: 88px 0 16px; } .is-pc-device .pc_discover .pc_hmcontainer { padding: 0; margin-bottom: 24px; } .is-pc-device .pc_discover .swiper-slide { display: unset !important; } .is-pc-device .hmcontainer { position: relative; width: 1200px; height: 400px; margin: auto; } .is-pc-device .hmcontainer .myslides .swiper-button-prev { left: 256px; } .is-pc-device .hmcontainer .myslides .swiper-button-next { right: 16px; } .is-pc-device .hmcontainer .myslides .swiper-button-white { width: 40px; height: 40px; padding: 10px; border-radius: 50%; background-color: rgba(0, 0, 0, 0.2); background-size: 18px 18px; } .is-pc-device .hmcontainer .myslides .swiper-button-white::after { font-size: 1.4rem; font-weight: bold; color: white; } .is-pc-device .hmcontainer > div { vertical-align: top; display: inline-block; } .is-pc-device .hmcourse_category { position: absolute; z-index: 99; top: 0; left: 0; width: 240px; height: 100%; background-color: rgba(0, 0, 0, 0.3); border-radius: 8px 0px 0px 8px; } .is-pc-device .hmcourse_category > ul { width: 100%; height: 100%; margin: 0; padding: 12px 0; } .is-pc-device .hmcourse_category > ul > li { line-height: 46px; width: 100%; height: 46px; padding: 0 0 0 9px; list-style: none; } .is-pc-device .hmcourse_category > ul .hmcourse_category_more { position: absolute; bottom: 10px; width: 240px; padding: 0 16px; border-radius: 4px; } .is-pc-device .hmcourse_category > ul .hmcourse_category_more:hover > div { border: none; border-radius: 4px !important; } .is-pc-device .hmcourse_category > ul .hmcourse_category_more div { justify-content: center; padding: 0 !important; border-top: 1px dashed rgba(255, 255, 255, 0.2); } .is-pc-device .hmcourse_category > ul .hmcourse_category_more div span > img, .is-pc-device .hmcourse_category > ul .hmcourse_category_more div span > .app-svg-themebox { display: inline-block; width: 14px; height: 14px; margin-right: 6px; position: relative; top: -1px; } .is-pc-device .hmcourse_category > ul > li > .hmcourse_category_category { font-size: 1.4rem; color: white; position: relative; display: flex; width: 100%; padding: 0 25px 0 16px; cursor: pointer; } .is-pc-device .hmcourse_category > ul > li:hover .hmcourse_category_category { color: var(--themcolor); border-radius: 4px 0 0 4px; background-color: white; } .is-pc-device .hmcourse_category > ul > li:hover .hmcourse_category_category .course_category_arrow { color: var(--themcolor); } .is-pc-device .hmcourse_category > ul > li > .hmcourse_category_category > span { white-space: nowrap; text-overflow: ellipsis; display: inline-block; overflow: hidden; } .is-pc-device .hmcourse_category > ul > li > .hmcourse_category_category > div { position: absolute; right: 10px; width: 16px; height: 16px; } .is-pc-device .hmcourse_category > ul > li > .hmcourse_category_category > div .course_category_arrow { color: #fff; } .is-pc-device .hmcourse_category > ul > li > .hmcourse_category_content { position: absolute; z-index: 3; top: 0; left: 240px; width: 680px; height: 400px; padding: 18px 20px 18px 30px; border-left: 1px solid rgba(0, 0, 0, 0.03); background-color: white; } .is-pc-device .hmcourse_category > ul > li > .hmcourse_category_content > div { position: relative; overflow-y: auto; width: 100%; height: 100%; } .is-pc-device .hmcourse_category > ul > li > .hmcourse_category_content > div > span { font-size: 1.5rem; color: #000; position: absolute; bottom: -4px; } .is-pc-device .hmcourse_category > ul > li > .hmcourse_category_content > div > span:hover { color: var(--themcolor); cursor: pointer; } .is-pc-device .hmcourse_category > ul > li > .hmcourse_category_content > div > div { position: relative; margin-bottom: 18px; } .is-pc-device .hmcourse_category > ul > li > .hmcourse_category_content > div > div > span { position: absolute; top: 8px; left: -16px; width: 6px; height: 6px; border: 1px solid transparent; border-radius: 50%; background-color: var(--themcolor); } .is-pc-device .hmcourse_category > ul > li > .hmcourse_category_content > div > div > p { font-size: 1.5rem; color: #000; display: inline-block; margin-bottom: 7px; } .is-pc-device .hmcourse_category > ul > li > .hmcourse_category_content > div > div > p > span:nth-child(2) { width: 16px; height: 16px; display: inline-block; } .is-pc-device .hmcourse_category > ul > li > .hmcourse_category_content > div > div > div > span { font-size: 1.3rem; color: #666; display: inline-block; margin-right: 38px; padding: 2px 2px 2px 0; } .is-pc-device .hmcourse_category > ul > li > .hmcourse_category_content > div > div > p:hover, .is-pc-device .hmcourse_category > ul > li > .hmcourse_category_content > div > div > div > span:hover { color: var(--themcolor); cursor: pointer; } .is-pc-device .hmcourse_category > ul > li > .hmcourse_category_content > div > div > p:hover .course_category_arrow, .is-pc-device .hmcourse_category > ul > li > .hmcourse_category_content > div > div > div > span:hover .course_category_arrow { color: var(--themcolor); } .is-pc-device .hmcontainer .myslides { position: relative; width: 1200px; height: 100%; border-radius: 8px; overflow: hidden; } .is-pc-device .hmcontainer .myslides > div > img { width: 16px; } .is-pc-device .hmcontainer .home_banner_black { height: 36px; padding: 8px 10px; } .is-pc-device .hmcontainer .home_banner_black > p { font-size: 1.4rem; } .is-pc-device .hmcontainer .swiper-horizontal > .swiper-pagination-bullets { text-align: right; height: 36px; padding: 8px 10px; } .is-pc-device .pc_hmcontainer .swiper-pagination-bullets .swiper-pagination-bullet { width: 10px; height: 10px; border: none !important; } .is-pc-device .pc_hmcontainer .pc_hmcontainer_banner_pre { position: absolute; z-index: 2; top: calc(50% - 25.5px); left: 250px; padding: 8px 10px; cursor: pointer; border-radius: 50%; background-color: rgba(0, 0, 0, 0.2); } .is-pc-device .pc_hmcontainer .pc_hmcontainer_banner_next { position: absolute; z-index: 2; top: calc(50% - 25.5px); right: 10px; padding: 8px 10px; cursor: pointer; border-radius: 50%; background-color: rgba(0, 0, 0, 0.2); } .is-pc-device .banner_img { height: 400px; border-radius: 8px; } .is-pc-device .hmuser { text-align: center; position: absolute; top: 0; right: 0; width: 240px; height: 166px; padding: 12px 10px 10px; border: 1px solid transparent; border-radius: 4px; background-color: #fff; } .is-pc-device .hmuser > section > div { width: 71px; height: 71px; margin: auto; border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 50%; background-color: rgba(255, 255, 255, 0.6); } .is-pc-device .hmuser_rule { margin-right: 16px; margin-left: 16px; } .is-pc-device .hmuser > section > div > img { position: relative; top: 2px; width: 100%; border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 60px; background-color: rgba(255, 255, 255, 0.3); } .is-pc-device .hmuser > section > span { font-size: 1.3rem; color: white; position: relative; top: -12px; padding: 1px 9px; border: 1px solid transparent; border-radius: 20px; background-color: #ff8400; } .is-pc-device .hmuser > span { font-size: 1.6rem; color: #475a6d; white-space: nowrap; text-overflow: ellipsis; display: block; overflow: hidden; margin: 2px auto 8px; } .is-pc-device .hmuser > p > span { font-size: 1.2rem; color: #666; } .is-pc-device .hmuser > div { display: inline-block; } .is-pc-device .hmuser > div > span { font-size: 1.4rem; } .is-pc-device .hmuser .progress_bar { position: relative; width: 170px !important; height: 16px; margin: 15px auto; border: 1px solid rgba(242, 242, 242, 0.6); border-radius: 8px; background-color: #cacaca; } .is-pc-device .hmuser .progress_bar > span { font-size: 1.2rem; color: white; text-shadow: 0 0 1px rgba(255, 255, 255, 0.3); position: relative; z-index: 99; top: -3px; } .is-pc-device .hmuser .progress_bar_little { position: absolute; top: 0; width: 100px; height: 100%; border-radius: 8px; background-color: #ff9000; } .is-pc-device .hmuser .button { font-size: 1.5rem; color: white; width: 140px; margin: 12px 0; padding: 6px; border: 1px solid transparent; border-radius: 50px; background-color: var(--themcolor); } .is-pc-device .hmuser .button:hover { background-color: var(--active-themeColor); } .is-pc-device .discover_menu_list { width: 1200px; margin: 0 auto; margin-bottom: 16px; border-radius: 4px; } .is-pc-device .discover_menu_list .swiper-container .swiper-wrapper { height: 72px !important; } .is-pc-device .discover_menu_list .swiper-container .swiper-wrapper .swiper-slide { display: flex !important; justify-content: left; height: 100%; } .is-pc-device .discover_menu_list .swiper-container .swiper-wrapper .swiper-slide .usermessage_list_myitem_item { font-size: 1.4rem; font-weight: 400; display: flex; align-items: center; min-width: calc((100% - 112px) / 8); max-width: calc((100% - 48px) / 4); height: 100%; margin: 0 16px 0 0 !important; padding: 0 !important; cursor: pointer; border-radius: 8px; background-color: #fff; position: relative; } .is-pc-device .discover_menu_list .swiper-container .swiper-wrapper .swiper-slide .usermessage_list_myitem_item > div:nth-child(1) { text-align: center; width: 40%; } .is-pc-device .discover_menu_list .swiper-container .swiper-wrapper .swiper-slide .usermessage_list_myitem_item > div:nth-child(2) { text-align: left; width: 60%; padding-right: 4px; } .is-pc-device .discover_menu_list .swiper-container .swiper-wrapper .swiper-slide .usermessage_list_myitem_item img { width: 40px; height: 40px; margin-bottom: 0; } .is-pc-device .discover_menu_list .swiper-container .swiper-wrapper .swiper-slide .usermessage_list_myitem_item p { margin-bottom: 0; } .is-pc-device .discover_menu_list .swiper-container .swiper-wrapper .swiper-slide .usermessage_list_myitem_item:last-child { margin-right: 0 !important; } .is-pc-device .discover_menu_list .swiper-container .swiper-pagination { text-align: center; width: 100%; } .is-pc-device .discover_menu_list .swiper-container .swiper-pagination .swiper-pagination-bullet { width: 10px; height: 4px; opacity: 0.1; border-radius: 0; background-color: #303332; } .is-pc-device .discover_menu_list .swiper-container .swiper-pagination .swiper-pagination-bullet-active { width: 30px; opacity: 0.2; background-color: var(--themcolor) !important; } .is-pc-device .pc_discover .discover_menu { width: 780px; margin: auto; padding: 15px 0 5px; cursor: pointer; } .is-pc-device .pc_discover .discover_menu .usermessage_list_myitem_item { padding: 15px 0 36px; } .is-pc-device .pc_discover .discover_menu .usermessage_list_myitem_item > span { font-size: 1.4rem; } .is-pc-device .pc_discover .discover_menu .homeBadge { right: 32px; left: auto; } .is-pc-device .pc_discover .discover_catgory { margin-top: 0; } .is-pc-device .pc_discover .discover_catgory > div { width: 1200px; margin: auto; } .is-pc-device .pc_discover .discover_catgory_goodcourse { padding: 0; } .is-pc-device .pc_discover_catgory_title { font-size: 1.8rem; color: #000; text-align: left; position: relative; padding: 0px 0 16px; } .is-pc-device .pc_discover_catgory_title > span { font-family: "PingFang SC, PingFang SC-Bold"; font-size: 2rem; font-weight: 700; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-break: keep-all; max-width: 80%; display: inline-block; } .is-pc-device .pc_discover_catgory_title > div { font-size: 1.4rem; color: #231815; position: absolute; top: 3px; right: 0; padding: 4px 10px 3px; cursor: pointer; } .is-pc-device .pc_discover_catgory_title > div > img { position: relative; top: -1px; width: 4px; margin-left: 9px; } .is-pc-device .pc_discover .discover_catgory_topicItems_list { display: flex; flex-wrap: wrap; padding-bottom: 0; } .is-pc-device .pc_discover .discover_catgory_topicItems .topic_topic_list { vertical-align: bottom; position: relative; display: inline-block; width: calc((100% - 32px) / 3); margin-right: 16px; padding: 24px 24px 16px; cursor: pointer; transition: all 0.2s ease-in-out; border-radius: 8px; background-color: white; margin-top: 24px; } .is-pc-device .pc_discover .discover_catgory_topicItems .topic_topic_list:nth-child(1), .is-pc-device .pc_discover .discover_catgory_topicItems .topic_topic_list:nth-child(2), .is-pc-device .pc_discover .discover_catgory_topicItems .topic_topic_list:nth-child(3) { margin-top: 0px; } .is-pc-device .pc_discover .discover_catgory_topicItems .topic_topic_list .topic_list_title { font-size: 1.6rem; font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #000; margin-bottom: 16px; } .is-pc-device .pc_discover .discover_catgory_topicItems .topic_topic_list .topic_list_main { display: flex; margin-bottom: 18px; } .is-pc-device .pc_discover .discover_catgory_topicItems .topic_topic_list .topic_list_main > div:nth-child(1) { flex: 1; font-size: 1.4rem; color: #000; word-break: break-all; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; min-height: 42px; } .is-pc-device .pc_discover .discover_catgory_topicItems .topic_topic_list .topic_list_bottom { display: flex; justify-content: space-between; font-size: 1.4rem; } .is-pc-device .pc_discover .discover_catgory_topicItems .topic_topic_list .topic_list_bottom > div:nth-child(1) > img { width: 24px; height: 24px; border-radius: 50%; margin-right: 8px; } .is-pc-device .pc_discover .discover_catgory_topicItems .topic_topic_list .topic_list_bottom > div:nth-child(1) > span { color: #000; } .is-pc-device .pc_discover .discover_catgory_topicItems .topic_topic_list .topic_list_bottom > div:nth-child(2) > div { display: inline-block; color: #999; margin-right: 16px; } .is-pc-device .pc_discover .discover_catgory_topicItems .topic_topic_list .topic_list_bottom > div:nth-child(2) > div:last-child { margin-right: 0px; } .is-pc-device .pc_discover .discover_catgory_topicItems .topic_topic_list:nth-child(3n) { margin-right: 0; } .is-pc-device .pc_discover .discover_catgory_topicItems .topic_topic_list:hover { box-shadow: 0 0 11px rgba(0, 0, 0, 0.08); transition: all 0.2s ease-in-out; transform: translateY(-5px); } .is-pc-device .goodcourse > .courselist_item { padding: 0 0 10px !important; } .is-pc-device .pc_discover .discover_catgory_goodcourse > div { width: calc((100% - 48px) / 4); margin-right: 16px; padding: 0 0 21px; margin-top: 24px; margin-bottom: 0; } .is-pc-device .pc_discover .discover_catgory_goodcourse > div:nth-child(1), .is-pc-device .pc_discover .discover_catgory_goodcourse > div:nth-child(2), .is-pc-device .pc_discover .discover_catgory_goodcourse > div:nth-child(3), .is-pc-device .pc_discover .discover_catgory_goodcourse > div:nth-child(4) { margin-top: 0px; } .is-pc-device .pc_discover .discover_catgory_goodcourse > div:nth-child(4n+1) { margin-left: 0; } .is-pc-device .pc_discover .discover_catgory_goodcourse > div:nth-child(4n) { margin-right: 0; } .is-pc-device .pc_discover .discover_catgory_goodcourse > div > div:nth-child(2) { font-size: 1.6rem; margin-bottom: 18px; padding: 0; } .is-pc-device .pc_discover .discover_catgory_goodcourse > div > div:nth-child(2), .is-pc-device .pc_discover .discover_catgory_goodcourse > div > div:nth-child(3) { width: unset; } .is-pc-device .pc_discover .discover_catgory_goodnews > div:nth-child(2) { padding: 24px; background-color: #fff; } .is-pc-device .discover_catgory_goodnews .news_news_list { border-top: 1px solid #e5e5e5; } .is-pc-device .discover_catgory_goodnews .news_news_list:nth-child(1), .is-pc-device .discover_catgory_goodnews .news_news_list:nth-child(2) { border: none; } .is-pc-device .news_news_list { display: inline-block; width: calc(50% - 20px); margin: 10px 40px 0px 0px !important; padding: 12px 0; cursor: pointer; } .is-pc-device .news_news_list:nth-child(2n) { margin: 10px 0px 0px 0px !important; } .is-pc-device .pc_static_title { font-size: 1.8rem; color: #000; padding: 24px 0 16px 0 !important; } .is-pc-device .pc_title_padding_bottom { margin-bottom: 5px; } .is-pc-device .pc_title_top_bottom { width: 1200px; margin: auto; padding: 15px 0; } .is-pc-device .hmgrid { text-align: center; display: block; margin: 0 0 30px; padding: 10px 0 15px; background-color: #f4f4f4; } .is-pc-device .hmgrid > div { text-align: unset; display: inline-block; width: 142px; height: 116px; margin: 0; padding: 14px 0; cursor: pointer; border: none; } .is-pc-device .hmgrid > div > div > img { width: 58px; height: 58px; border-radius: 33px; } .is-pc-device .hmgrid > div > div:nth-child(2) { text-align: center; display: inline-block; } .is-pc-device .hmgrid > div > div > p { font-size: 1.6rem; color: #000; margin: 10px 0 0; } .is-pc-device .homeBadge { width: 8px !important; height: 8px !important; border: 1px solid #fff; border-radius: 50%; background-color: #ff6f6f; top: 12px; left: 44px; } .is-pc-device .newTutor { width: fit-content; font-size: 1.2rem; color: #fff !important; border-radius: 99px; background-color: #ff6f6f; white-space: nowrap; padding: 2px 8px; margin: 0; transform: scale(0.8); border: 1px solid #fff; position: absolute; left: 30px; top: 4px; } .is-pc-device .hmnew_header { margin-bottom: 5px; padding: 10px 0; border: none; border-bottom: 1px solid #e5e5e5; background-color: white; } .is-pc-device .hmnew_header > img { position: relative; top: -6px; width: 20px; height: 20px; } .is-pc-device .hmnew_header > div { display: none; } .is-pc-device .hmnew_header > span { font-size: 1.8rem; } .is-pc-device .list-group { display: block; margin-bottom: 0; padding: 0 0 24px; background-color: white; } .is-pc-device .list-group app-pretty-item:nth-child(4n) .courselist_item { margin-right: 0; } .is-pc-device .list-group app-pretty-item .courselist_item { margin-top: 24px; } .is-pc-device .list-group app-pretty-item:last-child .courselist_item_item { border-bottom: none; padding-bottom: 0px; } .is-pc-device .list-group app-pretty-item:nth-child(1) .courselist_item, .is-pc-device .list-group app-pretty-item:nth-child(2) .courselist_item, .is-pc-device .list-group app-pretty-item:nth-child(3) .courselist_item, .is-pc-device .list-group app-pretty-item:nth-child(4) .courselist_item { margin-top: 14px; } .is-pc-device .list-group-item { display: inline-block; width: 212px; height: 280px; margin: 20px 10px !important; padding: 0; cursor: pointer; border: none; background-color: white; } .is-pc-device .list-group > li:nth-child(5n+1) { margin: 20px 10px 20px 0 !important; } .is-pc-device .list-group > li:nth-child(5n) { margin: 20px 0 20px 10px !important; } .is-pc-device .list-group app-pretty-item:nth-child(5n+1) > li { margin: 20px 10px 20px 0 !important; } .is-pc-device .list-group app-pretty-item:nth-child(5n) > li { margin: 20px 0 20px 10px !important; } .is-pc-device .list-group-item:last-child { margin-bottom: 20px; } .is-pc-device .loadingicon:hover { animation: none; } .is-pc-device .list-group-item > div { width: 100%; height: 100%; background-color: white; } .is-pc-device .list-group-item .media-left { position: relative; width: 100%; height: auto; float: none; } .is-pc-device .list-group-item .media-left:hover { transition: all 0.5s; transform: translateY(-8px); } .is-pc-device .list-group-item .media-left .curriculumList_Box_bottomView { display: flex; flex-direction: row; margin-top: 18px; } .is-pc-device .list-group-item .media-left .curriculumList_Box_bottomView span { color: #999; display: inline; margin-right: 16px; } .is-pc-device .list-group-item .media-left .curriculumList_Box_bottomView span img { width: 13px; height: 10px; margin-right: 5px; } .is-pc-device .noticelist-group-item .media-left { float: left; } .is-pc-device .list-group-item .media-left > img { width: 212px; height: 212px; } .is-pc-device .list-group-item .media-left > .layer_above { font-size: 1.4rem; color: white; text-align: center; position: absolute; top: 0; left: -212px; width: 212px; height: 212px; cursor: pointer; transition: all 0.2s; background-color: rgba(0, 0, 0, 0.7); } .is-pc-device .list-group-item .media-body { width: 100%; height: auto; padding: 16px 10px; background-color: white; } .is-pc-device .list-group-item .media-left > .layer_above .layer_above_top { text-align: left; display: inline-block; width: auto; margin-top: 50px; } .is-pc-device .list-group-item .media-left > .layer_above .layer_above_top div:nth-child(1) { position: relative; left: -135px; transition: all 0.2s 0.2s ease-out; } .is-pc-device .list-group-item .media-left > .layer_above .layer_above_top div:nth-child(2) { position: relative; left: -135px; margin-top: 10px; transition: all 0.3s 0.2s ease-out; } .is-pc-device .list-group-item .media-left > .layer_above .layer_above_top div:nth-child(3) { position: relative; left: -135px; margin-top: 10px; transition: all 0.4s 0.2s ease-out; } .is-pc-device .layer_above .layer_above_top img { width: 18px; height: 16px; margin-right: 8px; } .is-pc-device .layer_above .layer_above_top span { color: var(--themcolor); margin-left: 5px; } .is-pc-device .list-group-item .media-left > .layer_above .layer_above_bottom { text-align: center; position: relative; left: -269px; margin-top: 30px; transition: all 0.4s 0.2s ease-out; } .is-pc-device .list-group-item .media-left > .layer_above .layer_above_bottom span { padding: 3px 15px; border: 1px solid #fff; border-radius: 30px; } .is-pc-device .list-group-item .media-left > .layer_status { width: 270px; height: 151.875px; padding: 0 16px; text-align: center; font-size: 1.6rem; color: white; word-break: break-all; background-color: rgba(0, 0, 0, 0.7); display: flex; align-items: center; position: absolute; top: 0; left: 0; right: 0; margin: auto; z-index: 1; } .is-pc-device .list-group-item .layer_course_tag { width: 212px; height: 70px; padding: 10px; background-color: #f4f4f4; } .is-pc-device .list-group-item .media-body .one_line_text { margin: 0; } .is-pc-device .list-group-item .media-body .one_line_text_next_two { position: relative; bottom: 0; margin-top: 5px; padding: 0; } .is-pc-device .list-group-item .media-body .one_line_text_next_two .one_line_text_next_icon { width: 20px; height: 20px; } .is-pc-device .list-group-item .media-body .one_line_text_next_one .one_line_text_next_icon { width: 20px; height: 20px; } .is-pc-device .list-group-item .media-body .one_line_text_next_one > span { font-size: 1.4rem; padding: 2px; border: none; border-radius: 0; } .is-pc-device .footer_infor { font-size: 1.2rem; color: #666; text-align: center; width: 100%; padding: 30px 0; background-color: #fff; } .is-pc-device .footer_infor > span { margin: 0 20px; cursor: pointer; } .is-pc-device .footer_infor > span:hover { color: var(--themcolor); } .is-pc-device .footer_infor > p { margin-top: 10px; } .is-pc-device .livedetail { min-width: 1200px; min-height: 100%; padding-top: 10px; background-color: #f4f4f4; } .is-pc-device .livedetial > div { width: 1200px; margin: auto; padding-bottom: 40px; } .is-pc-device .livedetail > div > iframe { margin-top: 5px; background-color: white; } .is-pc-device .live_infor > img { width: 192px !important; height: 108px !important; border-radius: 8px; } .is-pc-device app-backlive .backlive { padding-top: 96px !important; } .is-pc-device app-backlive .backlive .live_infor { padding: 24px; background-color: white; border-radius: 8px; align-items: flex-start; } .is-pc-device .backlive .live_infor > img { margin-right: 24px; } .is-pc-device .backlive .live_infor > div { width: calc(100% - 186px); } .is-pc-device .backlive .live_infor > div > p { font-size: 2.4rem; } .is-pc-device .backlive .live_infor > div > div { font-size: 1.4rem; color: #666; display: inline-block; vertical-align: middle; margin-right: 24px; } .is-pc-device .backlive .backlive_list { cursor: pointer; } .is-pc-device .backlive .backlive_list > div > h3 { margin-bottom: 16px; font-size: 1.8rem; font-weight: bold; } .is-pc-device .backlive .backlive_list > div > div { font-size: 1.4rem; display: inline-block; margin-right: 24px; } .is-pc-device .live_title .backlive { right: 5px; bottom: 8px !important; } .is-pc-device .backlive .backlive_list .backlive_list_btn > span { font-size: 1.4rem !important; } .is-pc-device .creditstore { background-color: unset; } .is-pc-device .search_header_block { position: relative; top: 1px; display: inline-block; } .is-pc-device .search_header_block > div { vertical-align: middle; display: inline-block; } .is-pc-device .search_header_block > div > input { color: #000; width: 170px; margin-left: 15px; padding: 0 5px 0 15px; border: none; border-left: 1px solid #e5e5e5; background-color: transparent; } .is-pc-device .search_header_block > div > input::placeholder { color: #ccc; } .is-pc-device .search_header_block > .btn-group > ul { top: 34px; left: -70px; min-width: 300px; padding: 25px 15px; border: none; } .is-pc-device .search_header_block > .btn-group > ul > div { font-size: 1.5rem; color: #000; text-align: center; margin-bottom: 20px; } .is-pc-device .search_header_block > .btn-group > ul > li { color: #000; text-align: center; display: inline-block; width: 33.33%; padding: 10px 0; cursor: pointer; } .is-pc-device .search_header_block > .btn-group > ul > .active { color: var(--themcolor); } .is-pc-device .search_header_block > .btn-group > ul > li:hover { color: var(--themcolor); } .is-pc-device .search_header_block > .btn-group > ul > li > span { font-size: 2.6rem; line-height: 1px; color: white; display: block; } .is-pc-device .search_header_block > .btn-group > ul > .active > span { color: var(--themcolor); } .is-pc-device .search_header_block > div .dropdown-toggle { color: #000; text-align: right; padding: 3px 5px 3px 10px; cursor: pointer; } .is-pc-device .search_header_block > div .dropdown-toggle img { width: 10px; margin-left: 5px; opacity: 0.7; } .is-pc-device .searchlist { min-height: 740px; padding: 72px 0 40px; } .is-pc-device .searchlist .pc_search .pc_search_top { background-image: url("./media/searchBg-KI4HKUZ2.png"); background-repeat: no-repeat; background-position: left top; background-size: 100% 100%; } .is-pc-device .pc_search_input { min-width: 1200px; margin-bottom: 30px; padding: 49px 0 49px; } .is-pc-device .pc_search_input .search_form { position: relative; width: 630px; margin: auto; } .is-pc-device .pc_search_input .search_form .search_form_seaarchicon { position: absolute; top: 13px; left: 12px; width: 20px; } .is-pc-device .pc_search_input .search_form input { width: 100%; padding: 12px 106px 12px 40px; border: 1px solid transparent; border-radius: 50px; } .is-pc-device .pc_search_input .search_form .search_form_cleanicon { position: absolute; top: 13px; right: 72px; width: 20px; cursor: pointer; } .is-pc-device .pc_search_input .search_form .search_form_search { color: white; position: absolute; top: 0; right: -1px; min-width: 62px; padding: 12px 2px; text-align: center; border: 1px solid var(--themcolor); border-top-right-radius: 50px; border-bottom-right-radius: 50px; background-color: var(--themcolor); outline: none; } .is-pc-device .pc_search_input .search_form .search_form_search:hover { border: 1px solid var(--active-themeColor); background-color: var(--active-themeColor); } .is-pc-device .pc_search_result .pc_search_category { font-size: 1.6rem; color: #000; position: relative; min-width: 860px; max-width: 1024px; } .is-pc-device .pc_search_result .pc_search_category .pc_search_category_title { display: inline-block; vertical-align: top; max-width: 120px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .is-pc-device .pc_search_result .pc_search_category .pc_search_category_list { display: inline-block; vertical-align: top; } .is-pc-device .pc_search_result .pc_search_category .pc_search_category_list > div { text-align: center; position: relative; display: inline-block; cursor: pointer; } .is-pc-device .pc_search_result .pc_search_category .pc_search_category_list > div > div { margin-right: 15px; } .is-pc-device .pc_search_result .pc_search_category .pc_search_category_list > div > div > p { padding: 0 5px 7px 5px; margin: 0px; } .is-pc-device .pc_search_result .pc_search_category .pc_search_category_list > div > div > span { color: transparent; display: block; width: 100%; height: 2px; background-color: white; } .is-pc-device .pc_search_result .pc_search_category .pc_search_category_list > .active > div { color: var(--themcolor); } .is-pc-device .pc_search_result .pc_search_category .pc_search_category_list > .active > div > span { background-color: var(--themcolor); } .is-pc-device .pc_search_result { width: 1200px; margin: auto; background-color: white; padding: 24px; border-radius: 8px; } .is-pc-device .pc_search_result > div:nth-child(3) { padding: 0 24px; } .is-pc-device .pc_search_result_empty { border-radius: 8px 8px 0px 0px; } .is-pc-device .pc_search_result_top { width: 100%; padding: 10px 24px; margin-top: 24px; background-color: #f8f8f8; } .is-pc-device .pc_search_result_top .pc_search_result_top_tips { font-size: 1.5rem; color: #000; } .is-pc-device .pc_search_result_top .pc_search_result_top_tips > span { color: #ff8400; margin: 0 5px; } .is-pc-device .pc_search_result_top .course_rank { float: right; } .is-pc-device .pc_search_result_top .course_rank > span { font-size: 1.3rem; display: inline-block; padding: 0 20px; cursor: pointer; } .is-pc-device .pc_search_result_top .course_rank > span > span > img { width: 16px; position: relative; top: -2px; } .is-pc-device .pc_search_result_top .course_rank > span > span > .app-svg-themebox { width: 16px; height: 16px; position: relative; top: -2px; } .is-pc-device .pc_search_result_top .course_rank > .active { color: var(--themcolor); } .is-pc-device .pc_search_result .courselist_item { vertical-align: top; } .is-pc-device .pc_search_result .course_serial { padding: 12px 0 10px; cursor: pointer; border-bottom: 1px solid #e5e5e5; } .is-pc-device .pc_search_result .course_lists:last-child .course_serial { border-bottom: none; } .is-pc-device .pc_search_result .course_serial > span { display: inline-block; margin-right: 5px; } .is-pc-device .pc_search_result .course_serial > p { font-size: 1.4rem; vertical-align: top; white-space: nowrap; text-overflow: ellipsis; display: inline-block; overflow: hidden; max-width: 900px; margin: 0; } .is-pc-device .pc_search_result .course_serial > div { float: right; } .is-pc-device .pc_search_result .course_serial > div > img { width: 18px; margin-right: 10px; } .is-pc-device .pc_search_result .course_serial > div > span { font-size: 1.3rem; } .is-pc-device .pc_search_result .exam_testpaper_list .pc_exam_testpaper_list_title > .iconLfets { display: inline; } .is-pc-device .pc_search_result .exam_testpaper_list .pc_exam_testpaper_list_title > .iconLfet { margin-top: 4px; margin-left: 8px; } .is-pc-device .pc_search_result .survey { padding: 0; } .is-pc-device .pc_search_result .passthrough { padding: 36px 0 0; background-color: white; } .is-pc-device .pc_search_result .passthrough .passthrough_list { box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.05); } .is-pc-device .pc_search_result .liveBox { padding: 36px 0 0; } .is-pc-device .pc_search_result .projectBox { padding: 36px 0 0; } .is-pc-device .pc_search_result .study_project { padding-top: 30px; background-color: white; } .is-pc-device .pc_search_result .study_project .project_state { font-size: 1.1rem; color: white; position: absolute; bottom: 114px; left: 5px; width: 46px; height: 20px; padding: 2px 5px; border-radius: 4px; background-color: rgba(0, 0, 0, 0.4); } .is-pc-device .study_project .traincourse_list .project_title > h3, .is-pc-device .topsearchlist .project_title > h3 { font-size: 1.6rem; font-weight: 700; } .is-pc-device .pc_search .pc_search_record { width: 100%; margin: auto; padding-top: 24px; } .is-pc-device .pc_search .pc_search_record .pc_search_record_title { font-size: 1.5rem; color: #666; width: 100%; padding: 6px 0; border-bottom: 1px solid #e5e5e5; } .is-pc-device .pc_search .pc_search_record .pc_search_record_title > img:nth-child(1) { position: relative; top: -2px; width: 18px; margin-right: 5px; } .is-pc-device .pc_search .pc_search_record .pc_search_record_title > img:nth-child(2) { position: relative; top: -6px; float: right; width: 28px; cursor: pointer; } .is-pc-device .pc_search .pc_search_record .pc_search_record_list { padding: 36px; } .is-pc-device .pc_search .pc_search_record .pc_search_record_list > span { font-size: 1.5rem; color: #666; display: inline-block; margin-right: 20px; padding: 3px 20px; cursor: pointer; border: 1px solid #e5e5e5; border-radius: 30px; } .is-pc-device .pc_search .pc_search_record .pc_search_record_list > span:hover { background-color: #f4f4f4; } .is-pc-device .pc_search_cont { width: 1200px; margin: auto; padding: 0 0 40px; } .is-pc-device .pc_search_cont > div { font-size: 1.6rem; font-weight: bold; color: #000; margin-bottom: 10px; padding: 0 0 10px; border-bottom: 1px solid #e5e5e5; } .is-pc-device .pc_search_cont > span { font-size: 1.4rem; } .is-pc-device .pc_search_cont > span > span { color: #ff8400; } .is-pc-device .search_record { width: 1200px; margin: auto; } .is-pc-device .search_record .list-group { display: block; } .is-pc-device .search_record .list-group > li, .is-pc-device .search_record .list-group > li:nth-child(5n+1), .is-pc-device .search_record .list-group > li:nth-child(5n) { margin: 0; } .is-pc-device .search_record_list > div:hover { background-color: #f4f4f4; } .is-pc-device .search_record_list > span:hover { color: var(--themcolor); cursor: pointer; } .is-pc-device .search_result { width: 1200px; margin: auto; } .is-pc-device .search_result > ul > div { display: block; width: 100%; } .is-pc-device .search_result > ul > div > div > div { color: #000; border-bottom: 1px solid #e5e5e5; } .is-pc-device .search_result > ul > div > div > div > span:hover { color: var(--themcolor); } .is-pc-device app-search .search_result > ul > .search_result_course > li:nth-child(2) { margin: 20px 8px 20px 0; } .is-pc-device .search_result_courseware { margin-bottom: 40px; padding: 0; } .is-pc-device .search_result_courseware li { border: none; border-bottom: 1px solid #e5e5e5; } .is-pc-device .search_result_courseware li:hover { background-color: #f4f4f4; } .is-pc-device .search_result_courseware li:first-child { border-bottom: 1px solid #e5e5e5; } .is-pc-device .search_result_course { padding: 0; } .is-pc-device .pc_search_newslist { width: 100%; padding-bottom: 20px; } .is-pc-device .pc_search_newslist .list-group > div > li:nth-child(2n+1) { margin: 20px 16px 20px 0 !important; } .is-pc-device .pc_search_newslist .list-group > div > li:nth-child(2n) { margin: 20px 0 20px 16px !important; } .is-pc-device .search_result > ul > div > div { height: auto; padding: 0; } .is-pc-device .searchlist .nomessage_defult { width: 1200px !important; margin: auto; border-radius: 0px 0px 8px 8px; } .is-pc-device .pc_course { width: 100%; min-width: 1200px; min-height: 100%; padding-top: 71px; padding-bottom: 40px; } .is-pc-device .pc_course > .pc_course_bottom { position: relative; width: 1200px; margin: auto; } .is-pc-device .pc_course > .pc_course_bottom .pc_course_left { display: flex; } .is-pc-device .pc_course > .pc_course_bottom .pc_course_left .pc_course_bottom_left { flex: 1; width: inherit; } .is-pc-device .pc_course > .pc_course_bottom .pc_course_left .pc_course_bottom_left .pc_coursedetail_and_commentlist { width: 100%; } .is-pc-device .pc_course > .pc_course_bottom .pc_course_left .pc_course_right_related { width: 280px; margin-top: 24px; background: transparent; padding: 0; } .is-pc-device .pc_course > .pc_course_bottom .pc_course_left .pc_course_right_related > div { background-color: white; padding: 16px; border-radius: 8px; } .is-pc-device .pc_course > .pc_course_bottom .pc_course_left .pc_course_right_related > div:first-child { margin-bottom: 16px; } .is-pc-device .pc_coursedetail_and_commentlist { margin-top: 24px; padding: 6px 20px; background-color: white; border-radius: 8px; width: calc(100% - 304px); } .is-pc-device .pc_course .option { font-size: 1.4rem; width: 100%; margin: auto; padding: 3px 0; border-bottom: 1px solid #e5e5e5; } .is-pc-device .pc_course .option .pc_option { width: 100%; margin: auto; position: relative; } .is-pc-device .pc_course .option .pc_option .pc_repeat_excitationexplain { position: absolute; top: 14px; right: 0; width: auto; margin: 0; cursor: pointer; } .is-pc-device .pc_course .option .pc_option .pc_repeat_excitationexplain img { width: 16px; } .is-pc-device .pc_course .option .pc_option > ul { display: inline-block; width: 400px; margin: 0; padding: 0; list-style: none; } .is-pc-device .pc_course .option .pc_option > ul > li { font-size: 1.6rem; color: #000; text-align: center; vertical-align: top; display: inline-block; margin-right: 30px; padding: 8px; cursor: pointer; } .is-pc-device .pc_course .option .pc_option > ul > li > span { font-size: 1.2rem; } .is-pc-device .pc_course .option .pc_option > ul > li > div { position: relative; top: 2px; width: 20px; height: 2px; margin: 0 auto; background-color: transparent; } .is-pc-device .pc_course .option .pc_option > ul > .active { color: var(--themcolor); } .is-pc-device .pc_course .option .pc_option > ul > .active > div { background-color: var(--themcolor); } .is-pc-device .pc_course .option .pc_option > ul > li:hover { color: var(--themcolor); } .is-pc-device .pc_course .option .pc_option > div { line-height: 0; position: relative; top: 5px; display: inline-block; float: right; margin-right: 15px; } .is-pc-device .pc_course .option .pc_course_collection { padding: 5px 8px 5px 7px; } .is-pc-device .pc_course .option .pc_option > div > .pc_course_collection:last-child { background-color: var(--themcolor); } .is-pc-device .pc_course .fixedUl { position: fixed; z-index: 99; top: 72px; left: 0; width: 100%; box-shadow: 0 0 8px #ccc; } .is-pc-device .pc_course_top { padding-top: 24px; background-image: url("./media/top_c-GII6DWCH.png"); background-repeat: no-repeat; background-size: cover; position: relative; } .is-pc-device .pc_course_top .pc_course_top_nav { position: relative; width: 1200px; margin: auto; display: block; } .is-pc-device .pc_course_top .pc_course_left_top_askAi { width: fit-content; display: flex; flex-direction: column; align-items: center; padding: 4px 4px 8px 4px; border-radius: 8px; background: linear-gradient( 180deg, rgba(169, 111, 232, 0) 0%, rgba(61, 160, 253, 0.1) 100%), #ffffff; font-size: 1.2rem; color: var(--themcolor); position: absolute; top: 50%; transform: translateY(-50%); right: calc((100vw - 1200px) / 2 - 68px); z-index: 100; cursor: pointer; } .is-pc-device .pc_course_top .pc_course_left_top_askAi > img { width: 44px; height: 44px; } @media (min-width: 1200px) and (max-width: 1340px) { .is-pc-device .pc_course_top .pc_course_left_top_askAi { right: 16px; } } .is-pc-device .pc_course_left { vertical-align: top; display: inline-block; width: 100%; } .is-pc-device .pc_course_left .pc_course_left_top { display: flex; } .is-pc-device .pc_course_left .pc_course_left_top .pc_course_left_top_header { width: calc(100% - 304px); } .is-pc-device .pc_course_left .pc_course_left_top .pc_course_left_top_header .pc_course_left_top_header_info { font-family: Source Han Sans CN; color: #666; font-size: 1.2rem; font-weight: 400; line-height: 18px; letter-spacing: 0em; text-align: left; } .is-pc-device .pc_course_left .pc_course_left_top .pc_course_left_top_header .pc_course_left_top_header_info > p { margin-right: 24px; margin-bottom: 0px; display: inline-block; vertical-align: middle; } .is-pc-device .pc_course_left .pc_course_left_top .pc_course_left_top_header .pc_course_left_top_header_info > p:last-child { margin-right: 0px; } .is-pc-device .pc_course_left .course-courseware { width: 100%; height: 500px; } .is-pc-device .pc_course_left .pc-course-courseware { border-bottom-left-radius: 8px; height: 504px; } .is-pc-device .pc_course_left .course-courseware .urlweb, .is-pc-device .pc_course_left .course-courseware .urlweb > div { overflow: hidden; width: 100%; min-width: 890px; height: 500px; padding: 0; } .is-pc-device .pc_course_left .pc-course-courseware .urlweb, .is-pc-device .pc_course_left .pc-course-courseware .urlweb > div { height: 504px; } .is-pc-device .pc_course_left .pc-course-courseware .read-content-container { height: 504px; } .is-pc-device .pc_course_left .course-courseware-full .read-content-container { height: 100%; } .is-pc-device .pc_course_left .course-courseware-playdefult { padding: 232px 0; } .is-pc-device .pc_course_left .course-courseware-playdefult > span { font-size: 1.6rem; line-height: 24px; padding: 8px 20px; } .is-pc-device .pc_course_left .course-courseware-full { position: fixed; z-index: 100; top: 72px; width: 1200px; height: calc(100% - 72px); } .is-pc-device .pc_course_left .course-courseware-full .urlweb, .is-pc-device .pc_course_left .course-courseware-full .urlweb > div { height: 100%; } .is-pc-device .pc_course_left .course-courseware .urlweb > div > .iframe_parent { height: 100% !important; } .is-pc-device .pc_course_left .course-courseware .player .mejs__container, .is-pc-device .pc_course_left .course-courseware .player .mejs__layer, .is-pc-device .pc_course_left .course-courseware .player .mejs__mediaelement video { width: calc(100% + 2px) !important; height: 502px !important; } .is-pc-device .player .isshowcoursetab { padding-top: 42% !important; } .is-pc-device .pc_course_left .course-courseware .player .mejs__container-fullscreen, .is-pc-device .pc_course_left .course-courseware .player .mejs__container-fullscreen .mejs__layer, .is-pc-device .pc_course_left .course-courseware .player .mejs__container-fullscreen .mejs__mediaelement video, .is-pc-device .pc_course_left .course-courseware video:-webkit-full-screen { width: 100vw !important; height: 100vh !important; } .is-pc-device .pc_course_left .course_courseware_audio { position: relative; margin: 0 auto; padding: 0; } .is-pc-device .pc_course_left .course_courseware_audio .course_courseware_audio_control_from_layout { text-align: center; margin: 0 auto; padding-top: 168px; } .is-pc-device .pc_course_left .course_courseware_audio .course_courseware_audio_control_from { vertical-align: middle; position: relative; display: inline-block; width: 64px; height: 64px; margin: 0; } .is-pc-device .pc_course_left .course_courseware_audio .course_courseware_audio_control_from:hover > .app-svg-themebox { opacity: 1; } .is-pc-device .pc_course_left .course_courseware_audio .course_courseware_audio_control_from:hover > img { opacity: 0; } .is-pc-device .pc_course_left .course_courseware_audio .course_courseware_audio_control_from > .app-svg-themebox { width: 64px; height: 64px; opacity: 0; } .is-pc-device .pc_course_left .course_courseware_audio .course_courseware_audio_control_from > img { position: absolute; width: 64px; height: 64px; top: 0; right: 0; left: 0; z-index: 99; } .is-pc-device .pc_course_left .course_courseware_audio .course_courseware_audio_control_from > img:hover + .app-svg-themebox { opacity: 1; } .is-pc-device .pc_course_left .course_courseware_audio .course_courseware_audio_control_from img { width: 100%; height: 100%; margin: 0; cursor: pointer; } .is-pc-device .pc_course_left .course_courseware_audio .courseware_audio_progressbar_new { width: 352px; margin: 0 auto; margin-top: 32px; padding: 0; display: flex; flex-direction: row; justify-content: space-between; } .is-pc-device .pc_course_left .course_courseware_audio .courseware_audio_progressbar_new > span { font-size: 1.6rem; color: #fff; line-height: 24px; } .is-pc-device .pc_course_left .course_courseware_audio .courseware_audio_progressbar_new .xgplayer .xgplayer-controls .xgplayer-progress { margin: 0 16px; } .is-pc-device .pc_course_left .course_courseware_audio .courseware_audio_progressbar_new .xgplayer .xgplayer-controls .xgplayer-progress-outer { background-color: rgba(255, 255, 255, 0.4) !important; } .is-pc-device .pc_course_left .course_courseware_audio .courseware_audio_progressbar_new .xgplayer .xgplayer-controls .xgplayer-progress-cache { background-color: transparent !important; } .is-pc-device .pc_course_left .course_courseware_audio .courseware_audio_progressbar_new .xgplayer .xgplayer-controls .xgplayer-progress .xgplayer-progress-outer .xgplayer-progress-played { background-image: none !important; background-color: var(--themcolor) !important; } .is-pc-device .pc_course_left .course-courseware-other { padding: 16px 24px; padding-right: 64px; background-color: white; border-top-left-radius: 8px; background: white; display: flex; align-items: flex-start; } .is-pc-device .pc_course_left .course-courseware-other .course-courseware-other-left { flex: 1; margin-right: 16px; } .is-pc-device .pc_course_left .course-courseware-other-top { padding-bottom: 8px; } .is-pc-device .pc_course_left .course-courseware-other-top > div { vertical-align: middle; display: inline-block; } .is-pc-device .pc_course_left .course-courseware-other-top .course-courseware-other-top-left { width: 100%; word-break: break-all; color: #000; font-family: Source Han Sans CN; font-size: 2.4rem; font-weight: 700; line-height: 32px; letter-spacing: 0em; text-align: left; } .is-pc-device .courseware_note_List .tooltip-inner { font-family: Source Han Sans CN; font-size: 14px; font-weight: 350; line-height: 20px; letter-spacing: 0px; text-align: center; background-color: #fff; color: rgb(19, 20, 24); } .is-pc-device .courseware_note_List .arrow::before { border-top-color: #fff; } .is-pc-device .pc_allchapter .chaptertitle .tooltip-inner { font-family: Source Han Sans CN; font-size: 14px; font-weight: 350; line-height: 20px; letter-spacing: 0px; text-align: center; background-color: #fff; color: rgb(19, 20, 24); } .is-pc-device .pc_allchapter .chaptertitle .arrow { display: none; } .is-pc-device .pc_allchapter .chaptertitle .arrow::before { border-top-color: #fff; } .is-pc-device .note_richtext .note_richtext_editor #Editor .ck-toolbar { background: rgb(248, 248, 248); border: none; border-radius: 8px; } .is-pc-device .note_richtext .note_richtext_editor #Editor .ck-toolbar .ck-button__icon { color: rgb(19, 20, 24); } .is-pc-device .note_richtext .note_richtext_editor #Editor .ck-content { border: none; padding: 8px; box-shadow: none; overflow: auto; min-height: calc(100% - 64px); max-height: calc(100% - 64px); padding-bottom: 4px; } .is-pc-device .note_richtext .note_richtext_editor #Editor .ck-content .ck-placeholder, .is-pc-device .note_richtext .note_richtext_editor #Editor .ck-content p { margin: 0; word-break: break-all; height: 100%; } .is-pc-device .pc_course_left .course-courseware-other-top .course-courseware-other-top-left > span { font-size: 1.8rem; } .is-pc-device .pc_course_left .course-courseware-other-top .course-courseware-other-top-right { width: 129px; } .is-pc-device .pc_course_left .course-courseware-other-top .course-courseware-other-top-right > div { text-align: center; vertical-align: middle; position: relative; display: inline-block; width: calc(50% - 0.5px); cursor: pointer; } .is-pc-device .pc_course_left .course-courseware-other-top .course-courseware-other-top-right > .course-courseware-other-top-right-like { padding-right: 16px; } .is-pc-device .pc_course_left .course-courseware-other-top .course-courseware-other-top-right > .course-courseware-other-top-right-favorite { padding-left: 16px; } .is-pc-device .pc_course_left .course-courseware-other-top .course-courseware-other-top-right > div > .app-svg-themebox, .is-pc-device .pc_course_left .course-courseware-other-top .course-courseware-other-top-right > div > img { width: 32px; } .is-pc-device .pc_course_left .course-courseware-other-top .course-courseware-other-top-right > div > span { font-size: 1.2rem; color: #000; display: block; margin-top: 8px; } .is-pc-device .pc_course_left .course-courseware-other-top .course-courseware-other-top-right > div > span > span { position: absolute; top: 8px; left: 0; width: 1px; height: 36px; background-color: rgba(255, 255, 255, 0.2); } .is-pc-device .pc_course_left .course-courseware-other-comment { width: 100%; background-color: #fff; border-radius: 8px; padding: 20px 24px; position: relative; padding-top: 16px; padding-bottom: 44px; margin-top: 24px; } .is-pc-device .pc_course_left .course-courseware-other-comment .course-courseware-other-comment_title { padding-bottom: 16px; font-family: Source Han Sans CN; font-size: 21px; font-weight: 700; line-height: normal; border-bottom: 1px solid rgb(229, 229, 229); color: rgb(0, 0, 0); } .is-pc-device .pc_course_left .none-radius { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .is-pc-device .pc_course_left .course-courseware-other-comment .course-comment-wrapper { line-height: 44px; width: 100%; } .is-pc-device .pc_course_left .course-courseware-other-comment .course-comment-wrapper > div { font-size: 1.4rem; color: #999; vertical-align: middle; margin-right: 30px; float: left; } .is-pc-device .pc_course_left .course-courseware-other-comment .course-comment-wrapper > div > div { vertical-align: middle; display: inline-block; } .is-pc-device .pc_course_left .course-courseware-other-comment .course-comment-wrapper > div > span { font-size: 1.8rem; color: #000; } .is-pc-device .pc_course_left .course-courseware-other-comment .course-comment-wrapper div > img { width: 20px; cursor: pointer; } .is-pc-device .pc_course_left .course-courseware-other-comment .course-comment-wrapper .course-courseware-isstared > img { cursor: default; } .is-pc-device .pc_course_left .course-courseware-other-comment .course-comment-wrapper .course-courseware-commentlist { float: right; margin: 0; cursor: pointer; } .is-pc-device .pc_course_left .course-courseware-other-comment .course-comment-wrapper .course-courseware-commentlist > span { font-size: 1.4rem; margin-right: 2px; color: var(--themcolor); } .is-pc-device .pc_course_left .course-courseware-other-comment .course-comment-wrapper .course-courseware-commentlist > img { width: 16px; } .is-pc-device .pc_course_left .course-courseware-other-comment .course-comment-wrapper .courseware_excitationexplain > img { width: 16px; } .is-pc-device .pc_course_left .course-coursewarecommentlist { padding: 10px 20px; background-color: white; border-radius: 0 0 8px 8px; } .is-pc-device .pc_course_left_course { width: 1200px; margin: auto; padding: 20px 10px 0; } .is-pc-device .pc_course_left_course .media-body { background-color: #2c2e2d; } .is-pc-device .pc_course_left_course .media-left { width: 20%; background-color: #2c2e2d; } .is-pc-device .pc_course_left_course .media-left > img { width: 200px; } .is-pc-device .pc_course_left_course .big_title { color: #fff; white-space: nowrap; text-overflow: ellipsis; display: inline-block; overflow: hidden; width: 430px; margin: 20px 0 0; padding-left: 10px; } .is-pc-device .pc_course .related_test_outer, .is-pc-device .pc_search .related_test_outer { display: block !important; } .is-pc-device .pc_search .related_test_outer { float: none !important; } .is-pc-device .pc_course .related_test_outer .related_test > .app-svg-themebox { width: 16px; height: 16px; margin-right: 5px; } .is-pc-device .pc_course .related_test_outer .related_test, .is-pc-device .pc_search .related_test_outer > p { font-size: 1.2rem; line-height: 16px; white-space: nowrap; text-overflow: ellipsis; display: inline-block; overflow: hidden; max-width: 98%; margin: 5px 0 0 32px; padding: 4px 8px; cursor: pointer; border-radius: 15px; color: rgba(var(--rgbnum), 1); background-color: rgba(var(--rgbnum), 0.1); } .is-pc-device .pc_search .course .cn_courseware_img { cursor: pointer; } .is-pc-device .pc_course .related_test > img, .is-pc-device .pc_search .related_test_outer > p > img { width: 15px; margin-right: 5px; } .is-pc-device .pc_course_collection { position: relative; top: 8px; float: right; margin-right: 20px; padding: 2px 7px 3px; cursor: pointer; border-radius: 50px; background-color: #f66; } .is-pc-device .pc_course_collection > img { vertical-align: text-bottom; width: 18px; height: 18px; } .is-pc-device .pc_course .media-body > div > .pc_course_collection:last-child { border: 1px solid var(--themcolor); background-color: var(--themcolor); } .is-pc-device .big_title_next { margin-top: 10px; } .is-pc-device .big_title_next > img { width: 20px; height: 20px; } .is-pc-device .pc_course_collection span { font-size: 1.4rem; color: #fff; position: relative; display: inline-block; padding: 3px 0 0 5px; } .is-pc-device .pc_description_info { margin: 0 !important; } .is-pc-device .pc_description_info > p { display: block !important; } .is-pc-device .pc_description_info > p > span:last-child { margin-left: 5px !important; } .is-pc-device .pc_course_left_course > div:first-child { background-color: black; } .is-pc-device .pc_course_left_course .big_title_next > div { margin: 10px 0 0; padding-left: 10px; } .is-pc-device .pc_course_left_course .big_title_next > div > div { position: relative; top: 2px; display: inline-block; width: 2px; height: 15px; margin: 0 10px; background-color: #b9b9b9; } .is-pc-device .pc_course_left_course .big_title_next > div p { font-size: 1.4rem; color: #fff; display: inline-block; } .is-pc-device .pc_course_left_course .big_title_next > p { font-size: 1.4rem; color: #666; word-break: break-all; max-width: 636px; margin: 10px 0 0; padding-left: 10px; } .is-pc-device .pc_course_left_course .big_title_next > p:nth-child(2) { line-height: 19px; text-overflow: ellipsis; display: -webkit-box; display: -moz-box; overflow: hidden; width: 650px; height: 60px; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-line-clamp: 4; } .is-pc-device .pc_course_left_course .big_title_next > p > span { color: #666; } .is-pc-device .pc_course_left_course .big_title_next_right { top: 10px; } .is-pc-device .pc_course_left .my_comment { margin-top: 16px; padding: 0; } .is-pc-device .pc_course_left .my_comment .course_my_comment_star { margin-bottom: 16px; padding: 20px 20px 20px 40px; border: 1px solid transparent; border-radius: 4px; background-color: rgba(var(--rgbnum), 0.05); } .is-pc-device .pc_course_left .my_comment .course_my_comment_star > div { font-size: 1.4rem; color: #000; display: inline-block; width: 33%; } .is-pc-device .pc_course_left .my_comment .course_my_comment_star > div > div { display: inline-block; } .is-pc-device .pc_course_left .my_comment .course_my_comment_star > div > img { width: 24px; cursor: pointer; } .is-pc-device .pc_course_left .my_comment .course_my_comment_star > .course-isstared > img { cursor: default; } .is-pc-device .pc_course_left .pc_course_comment_hot { margin-bottom: 50px; } .is-pc-device .pc_course_left .pc_course_comment_hot .pc_course_wonderfulcomments_toggle { text-align: center; } .is-pc-device .pc_course_left .pc_course_comment_hot .pc_course_wonderfulcomments_toggle > div { font-size: 1.5rem; color: #000; display: inline-block; margin-top: 12px; padding: 2px 10px; cursor: pointer; border: 1px solid #e5e5e5; border-radius: 20px; } .is-pc-device .pc_course_left .pc_course_comment_hot .pc_course_wonderfulcomments_toggle > div > img { width: 16px; } .is-pc-device .pc_course_left .pc_course_comment_category { font-size: 1.6rem; font-weight: bold; color: #000; margin-bottom: 15px; } .is-pc-device .pc_course_left .pc_course_comment_category > span { font-size: 1.4rem; font-weight: 100; color: #999; } .is-pc-device .pc_course_left_courseware { height: 100%; position: relative; } .is-pc-device .pc_course_left_courseware .pc_showchapter { position: relative; top: 1px; float: right; white-space: nowrap; } .is-pc-device .pc_course_left_courseware .pc_showchapter > img { width: 33px; height: 18px; margin-left: 10px; cursor: pointer; } .is-pc-device .pc_course_left_courseware .pc_showchapter > .app-svg-themebox { width: 33px; height: 18px; margin-left: 10px; cursor: pointer; } .is-pc-device .pc_course_left_courseware .pc_showchapter > span { font-size: 1.2rem; color: #999; position: relative; top: 2px; } .is-pc-device .pc_course_left_courseware .menu { overflow: hidden; overflow-y: auto; margin-bottom: 50px; padding: 20px 0 16px; list-style: none; } .is-pc-device .pc_course_left_courseware .menu > li { font-size: 1.5rem; line-height: 20px; color: #000; position: relative; padding: 12px 0 12px 16px; cursor: pointer; } .is-pc-device .pc_course_left_courseware .menu > li:hover { background-color: #eee; } .is-pc-device .pc_course_left_courseware .menu > li > p { vertical-align: text-bottom; white-space: nowrap; text-overflow: ellipsis; display: inline-block; overflow: hidden; max-width: 640px; margin: 0; } .is-pc-device .pc_course_left_courseware .menu > li > span { position: relative; top: 1px; right: 10px; float: right; } .is-pc-device .pc_course_left_courseware .menu > li > span > img { margin: 0; } .is-pc-device .pc_course_left_courseware .menu > .en_courseware_img > span > img { width: 90px; height: 22px; } .is-pc-device .pc_course .cn_courseware_img > span > span > img, .is-pc-device .en_courseware_img > span > span > img { position: relative; top: 3px; } .is-pc-device .pc_course_left_courseware .menu > .cn_courseware_img > span > img { width: 43px; height: 20px; } .is-pc-device .cn_courseware_img > span > img { top: 0; } .is-pc-device .pc_course .cn_courseware_img > span > img { top: 5px; } .is-pc-device .pc_course_left_courseware .pc_allchapter { margin-bottom: 12px; } .is-pc-device .pc_course_left_courseware .chaptertitle { padding: 9px 4px 7px 12px; border: 1px solid transparent; border-radius: 4px; background-color: #f8f8f8; } .is-pc-device .pc_course_left_courseware .chaptertitle > img { vertical-align: middle; width: 16px; } .is-pc-device .pc_course_left_courseware .chaptertitle > span { font-size: 1.4rem; color: #000; white-space: nowrap; text-overflow: ellipsis; display: inline-block; vertical-align: middle; overflow: hidden; width: calc(100% - 20px); cursor: pointer; } .is-pc-device .pc_course_left_courseware .cn_courseware_img { font-size: 1.4rem; color: #000; } .is-pc-device .pc_course_left_courseware .cn_courseware_img > div { width: calc(100% - 104px) !important; } .is-pc-device .pc_course_left_courseware .cn_courseware_img .cn_courseware_img_icon { font-family: Source Han Sans CN; font-size: 12px; font-weight: 400; line-height: 10px; letter-spacing: 0em; text-align: left; color: #999; vertical-align: top; display: inline-block; width: 32px; margin-right: 8px; border-right: 1px solid #e5e5e5; } .is-pc-device .pc_course_left_courseware .cn_courseware_img .learnedtime_zero { border: none; } .is-pc-device .pc_course_left_courseware .cn_courseware_img > span { max-width: 180px; } .is-pc-device .pc_course_left_courseware .cn_courseware_img > span > .learnedtime { position: relative; top: 4px; margin: 0 10px 0 5px; } .is-pc-device .pc_course_left_courseware .cn_courseware_img > .menu_courseware { display: flex; align-items: center; justify-content: space-between; width: 100% !important; } .is-pc-device .pc_course_left_courseware .cn_courseware_img > .menu_courseware .menu_courseware_left { display: flex; align-items: center; padding-left: 32px; } .is-pc-device .pc_course_left_courseware .cn_courseware_img > .menu_courseware .menu_courseware_left > div { font-family: Source Han Sans CN; font-size: 12px; font-weight: 400; line-height: 12px; letter-spacing: 0; text-align: left; color: #999; } .is-pc-device .pc_course_left_courseware .cn_courseware_img > .menu_courseware .menu_courseware_right { display: flex; align-items: center; } .is-pc-device .pc_course_left_courseware .cn_courseware_img > p { margin: 12px 0 8px; cursor: pointer; display: flex; font-family: Source Han Sans CN; font-size: 14px; font-weight: 350; line-height: 21px; } .is-pc-device .pc_course_left_courseware .cn_courseware_img > p > span { vertical-align: top; word-break: break-all; display: inline-block; flex: 2; } .is-pc-device .pc_course_left_courseware .cn_courseware_img > p > span:nth-of-type(1) { width: auto; min-width: 24px; flex: initial; margin-right: 8px; } .is-pc-device .pc_course_left_courseware .cn_courseware_img > p > img { position: relative; top: 2px; margin-left: 10px; } .is-pc-device .pc_course_left_courseware .cn_courseware_img > p:hover { color: var(--themcolor); } .is-pc-device .pc_course_left_courseware .active { color: var(--themcolor); } .is-pc-device .pc_course_left_courseware_li_icon > div:nth-child(1) { position: relative; top: 15px; left: 18px; width: 15px; height: 15px; border: 1px solid #e5e5e5; border-radius: 50px; background-color: #e5e5e5; } .is-pc-device .pc_course_left_courseware_li_icon > div:nth-child(2) { position: relative; z-index: 999; top: 15px; left: 25px; width: 1px; height: 45px; background-color: #e5e5e5; } .is-pc-device .pc_course_left_courseware_li_icon > .pc_course_left_courseware_li_icon_height { height: 92px !important; } .is-pc-device .pc_course_left form { z-index: 99; width: 100%; height: 220px; margin-bottom: 20px; padding: 0 0 16px; } .is-pc-device .pc_course_left form > div { border: 1px solid #e5e5e5; border-radius: 2px; margin-bottom: 8px; } .is-pc-device .pc_course_left form > div > textarea { color: #000; word-break: break-all; overflow: hidden; width: 100%; height: 130px; margin-bottom: 10px; padding: 5px 10px; resize: none; border: none; } .is-pc-device .pc_course_left form > div > span { font-size: 1.2rem; color: #999; display: inline-block; width: 100%; text-align: right; margin-bottom: 8px; margin-top: 4px; padding-right: 16px; line-height: 24px; } .is-pc-device .pc_course_left form > button { font-size: 1.5rem; color: white; float: right; width: 150px; height: 40px; border: 1px solid var(--themcolor); border-radius: 5px; background-color: var(--themcolor); } .is-pc-device .pc_course_left form > button:hover { background-color: var(--active-themeColor); } .is-pc-device .pc_course_right { vertical-align: top; display: inline-block; width: 304px; } .is-pc-device .pc_course_right_title { margin-bottom: 0; } .is-pc-device .pc_course .comment_list_nocomment { height: auto; } .is-pc-device .pc_course .coursedetail_courseware { width: 100%; height: 100%; background-color: white; border-top-right-radius: 8px; border-bottom-right-radius: 8px; border-left: 1px solid #f8f8f8; } .is-pc-device .pc_course .coursedetail_courseware .menu { overflow: auto; width: calc(100% - 16px); min-height: 200px; max-height: 466px; margin: 0; padding: 0 8px 0 24px; } .is-pc-device .pc_course .pc_course_right_related { width: 100%; margin-top: 20px; background: rgba(0, 0, 0, 0.6); border-radius: 8px; } .is-pc-device .pc_course .pc_course_right_related .banner_title_left { display: block; } .is-pc-device .pc_course .pc_course_right_related .banner_title_left > span > span { font-weight: normal; float: right; cursor: pointer; } .is-pc-device .pc_course .pc_course_right_related .banner_title_left > span > span:hover { color: var(--themcolor); } .is-pc-device .banner_title { position: relative; } .is-pc-device .banner_title .pc_banner { height: 72px; padding: 16px 24px; } .is-pc-device .banner_title .pc_banner > ul { list-style: none; margin: 0; padding: 0; display: flex; justify-content: space-between; } .is-pc-device .banner_title .pc_banner > ul > li { font-family: Source Han Sans CN; font-size: 16px; font-weight: 350; line-height: 40px; letter-spacing: 0px; text-align: center; color: #000; width: 50%; cursor: pointer; box-shadow: 0px -1px 0px 0px #e5e5e5 inset; } .is-pc-device .banner_title .pc_banner > ul .active { color: var(--themcolor); box-shadow: 0px -2px 0px 0px var(--themcolor) inset; font-weight: 700; } .is-pc-device .banner_title .pc_banner .onlyoneul { box-shadow: 0px -1px 0px 0px rgba(228, 231, 237, 0.2) inset !important; } .is-pc-device .banner_title .pc_banner .onlyone { text-align: left !important; width: auto !important; } .is-pc-device .coursewares_singgle { display: flex; align-items: center; justify-content: space-between; margin-bottom: 13px; padding: 0 24px; } .is-pc-device .coursewares_singgle > div:first-child { font-family: Source Han Sans CN; font-size: 12px; font-weight: 400; line-height: 18px; letter-spacing: 0em; text-align: left; color: #999999; } .is-pc-device .banner_title_left { font-size: 1.8rem; font-weight: bold; display: inline-block; } .is-pc-device .banner_title_left > span > span { font-size: 1.2rem; color: #999; margin-left: 5px; } .is-pc-device .right_triangle { position: absolute; left: 80px; display: inline-block; width: 0; height: 0; border-right: 20px solid #fff; border-bottom: 20px solid transparent; } .is-pc-device .pc_course_right_related { padding: 0 12px 1px; } .is-pc-device .pc_course_right_related_list { height: 68px; margin: 10px 0 20px; } .is-pc-device .pc_course_right_related_list > div { vertical-align: top; display: inline-block; } .is-pc-device .pc_course_right_related_list .pc_course_right_related_list_left { width: 120px; height: 100%; } .is-pc-device .pc_course_right_related_list .pc_course_right_related_list_left > img { width: 100%; height: 100%; border-radius: 4px; } .is-pc-device .pc_course_right_related_list .pc_course_right_related_list_right { position: relative; width: calc(100% - 124px); height: 100%; padding-left: 10px; } .is-pc-device .pc_course_right_related_list .pc_course_right_related_list_right > div:nth-child(1) { font-size: 1.4rem; color: #000; word-break: break-all; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .is-pc-device .pc_course_right_related_list .pc_course_right_related_list_right > div:nth-child(2) { font-size: 1.3rem; color: #999; position: absolute; bottom: 2px; } .is-pc-device .pc_course_right_related_list .pc_course_right_related_list_right > div:nth-child(2) > img { position: relative; top: -1px; width: 15px; margin-right: 8px; } .is-pc-device .pc_course .pc_related_lecturer { margin-bottom: 50px; padding: 0 10px; } .is-pc-device .pc_course .pc_lecturer_info { min-height: 90px; padding-top: 10px; border-top: 1px solid #e5e5e5; } .is-pc-device .pc_course .pc_lecturer_info .nomessage_defult { position: relative; } .is-pc-device .pc_lecturer_info .lecturerlists { margin-top: 10px; display: flex; flex-flow: row nowrap; align-items: flex-start; } .is-pc-device .pc_lecturer_info .headinfo { text-align: center; width: 120px; height: 120px; } .is-pc-device .pc_lecturer_info .headinfo > p { color: #999; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .is-pc-device .pc_lecturer_info .headinfo > div { margin: 5px 0; } .is-pc-device .pc_lecturer_info .headinfo > img { width: 50px; height: 50px; cursor: pointer; border-radius: 50%; } .is-pc-device .pc_lecturer_info .classinfo { flex: 1; min-height: 45px; margin-left: 10px; padding: 10px 10px 0; border-radius: 6px; background-color: #f4f4f4; } .is-pc-device .pc_lecturer_info .classinfo .courseware > div { margin: 5px 0 10px; cursor: pointer; } .is-pc-device .pc_lecturer_info .classinfo .courseware > div:hover { color: var(--themcolor); } .is-pc-device .pc_lecturer_info .classinfo .courseware > div > img { position: relative; top: 4px; float: right; width: 8px; } .is-pc-device .pc_lecturer_info .classinfo .switch { font-size: 1.2rem; color: #999; text-align: center; margin-top: 10px; padding: 6px 0; cursor: pointer; border-top: 1px solid #e5e5e5; } .is-pc-device .pc_lecturer_info .classinfo .switch > img { width: 16px; } .is-pc-device .coursecommentreply { min-width: 1200px; min-height: 100%; padding-top: 86px; } .is-pc-device .coursecommentreply > div { width: 1200px; margin: auto; padding-bottom: 90px; } .is-pc-device .reply { margin-top: 5px; } .is-pc-device .coursecommentreply .reply_comment { padding: 15px 20px; border: 1px solid transparent; border-radius: 4px; background-color: white; } .is-pc-device .coursecommentreply .reply_comment .comment_list { margin-bottom: 30px; border: none; } .is-pc-device .coursecommentreply .reply_comment form { text-align: right; } .is-pc-device .coursecommentreply .reply_comment form textarea { width: 100%; height: 80px; padding: 8px 12px; resize: none; border: 1px solid transparent; border-radius: 4px; background-color: #f4f4f4; } .is-pc-device .coursecommentreply .reply_comment form button { font-size: 1.4rem; color: white; width: 150px; height: 38px; margin: 10px 0 0; padding: 7px 1px; border: 1px solid transparent; border-radius: 4px; background-color: var(--themcolor); } .is-pc-device .reply_reply { min-height: 300px; margin-top: 24px; padding: 8px 20px 0; border: 1px solid transparent; border-radius: 4px; background-color: white; } .is-pc-device .course .comment { padding: 0; padding-bottom: 90px; } .is-pc-device .course .comment > div > div { padding: 10px 20px; border: 1px solid transparent; border-radius: 4px; background-color: white; } .is-pc-device .comment_list { padding: 15px 0; margin-top: 5px; } .is-pc-device .comment_list:last-child { margin-bottom: 20px; } .is-pc-device .reply_comment .comment_list:last-child { margin-bottom: 15px; } .is-pc-device .pc_course_left .accessory { cursor: pointer; } .is-pc-device .comment_list .comment_list_right .comment_list_right_top .comment_reply .comment_reply_message { padding: 8px 0 8px 30px; position: relative; } .is-pc-device .comment_list .comment_list_right .comment_list_right_top .comment_reply .comment_reply_message > img { width: 20px; height: 20px; margin-right: 10px; border-radius: 50%; position: absolute; left: 0; top: 7px; } .is-pc-device .comment_list .comment_list_right .comment_list_right_top .comment_reply .comment_reply_message > div { color: #999; } .is-pc-device .comment_list .comment_list_right .comment_list_right_top .comment_reply .comment_reply_message > div > p { font-size: 1.2rem; color: #999; margin: 5px 0 0; } .is-pc-device .comment_list .comment_list_right .comment_list_right_top .comment_list_user_message > span:nth-child(2) { top: 0; cursor: pointer; } .is-pc-device .pc_course_left .comment_list_down .comment_list_down_reply { color: var(--themcolor) !important; border: 1px solid #e5e5e5; background-color: #fff !important; } .is-pc-device .coursecommentreply .comment_list_new .comment_list_right { margin-left: 10px; } .is-pc-device .pc_course_left .pc_course_intro { position: relative; padding-top: 20px; } .is-pc-device .pc_course_left .pc_course_intro .pc_course_intro_markcontent { margin-bottom: 35px; padding-bottom: 20px; border-bottom: 1px dashed #e5e5e5; } .is-pc-device .pc_course_left .pc_course_intro .pc_course_intro_markcontent.ai-mark-tag-list { margin-bottom: 0px; border-bottom: none; } .is-pc-device .pc_course_left .pc_course_intro .pc_course_intro_markcontent .ai-tag-list { font-size: 1.4rem; line-height: 24px; font-weight: 400; color: #000; } .is-pc-device .pc_course_left .pc_course_intro .pc_course_intro_markcontent > .mark-item-list > span { font-size: 1.2rem; color: #666; display: inline-block; padding: 3px 16px; line-height: 18px; border-radius: 99px; background-color: #f8f8f8; } .is-pc-device .pc_course_left .pc_course_intro .pc_repeat_info { color: #666; } .is-pc-device .pc_course_left .pc_course_intro .pc_repeat_info > p :last-child { word-break: break-all; } .is-pc-device .pc_course_left .pc_course_intro .pc_repeat_info > p > span { word-break: break-all; font-size: 14px; } .is-pc-device .pc_course_left .pc_course_intro .pc_repeat_info .teacher-item { display: inline-block; font-size: 14px; color: #666; background-color: #f4f4f4; padding: 4px 8px; border-radius: 2px; cursor: pointer; } .is-pc-device .pc_course_left .pc_course_intro .pc_repeat_info .teacher-item:nth-child(2) { margin-left: -5px; } .is-pc-device .pc_course_left .pc_course_intro .pc_repeat_info .nodata { color: #999; font-size: 1.4rem; } .is-pc-device .pc_course_left .pc_course_intro .pc_repeat_excitationexplain { position: absolute; top: 26px; right: 12px; width: auto; cursor: pointer; } .is-pc-device .pc_course_left .pc_course_intro .pc_repeat_excitationexplain img { width: 16px; } .is-pc-device .next-navbar { position: relative; width: 100%; padding: 0 10%; border: 1px solid #e5e5e5; border-bottom: none; } .is-pc-device .line { display: none; } .is-pc-device .fixedUl { position: relative; z-index: 0; box-shadow: none; } .is-pc-device .fixedTop1 { position: relative; } .is-pc-device .fixedTop2 { position: relative; } .is-pc-device .fixedTop3 { position: relative; box-shadow: none; } .is-pc-device .setMargin { margin-top: 1px; } .is-pc-device .setMarginTop { margin-top: 1px; } .is-pc-device .navbar .navbar-btn, .is-pc-device .navbar .navbar-btn:active, .is-pc-device .navbar .navbar-btn:hover, .is-pc-device .navbar .navbar-btn:focus { box-shadow: none; border: 1px solid white; background-color: white; } .is-pc-device .navbar .container-fluid .row > div:nth-child(3) .btn-group .navbar-btn { margin-left: 15px; border: 1px solid white; } .is-pc-device .navbar .navbar-btn .ibs { font-size: 2rem; color: var(--themcolor); } .is-pc-device .navbar .navbar-btn .ibs:hover { color: var(--themcolor); } .is-pc-device .float-right .navbar-btn { font-size: 1.6rem; color: #666; border: none; } .is-pc-device .float-right .navbar-btn:hover, .is-pc-device .float-right .navbar-btn:active { color: var(--themcolor); border: none; } .is-pc-device .next-navbar > li { padding: 0 20px; } .is-pc-device .next-navbar-padding { width: 800px; padding: 0; } .is-pc-device .next-navbar > li > div:hover { border-radius: unset; background-color: unset; } .is-pc-device .next-navbar > .active > div { background-color: unset; } .is-pc-device .next-navbar > .active > div a { color: var(--themcolor); } .is-pc-device .check-view-active { border-bottom: none; } .is-pc-device .check-view-active div { border-bottom: 2px solid var(--themcolor); } .is-pc-device .pc-next-navbar-padding_new { background-color: #f4f4f4 !important; } .is-pc-device .pc_synthesis .pc-next-navbar-padding_new .pc_title > div { font-size: 1.8rem !important; color: #000; padding-top: 25px !important; } .is-pc-device .next-navbar-padding { position: fixed; z-index: 50; top: 72px; left: 0; width: 100%; height: 60px; margin: auto; background-color: white; } .is-pc-device .next-navbar-padding .next-navbar { height: 100%; margin: auto; padding: 0; border: none; background-color: transparent; } .is-pc-device .next-navbar-padding .next-navbar li { height: 100%; padding: 0; } .is-pc-device .next-navbar-padding .next-navbar li > div { padding: 16px 0px 4px 0px !important; } .is-pc-device .next-navbar-padding .next-navbar > .active > div { color: var(--themcolor); border-bottom: 3px solid var(--themcolor); } .is-pc-device .pc-next-navbar-padding .next-navbar { width: 1200px !important; } .is-pc-device .pc-next-navbar-padding ul li { width: auto; position: relative; display: inline-block; margin-right: 48px; } .is-pc-device .pc-next-navbar-padding ul .pc_title { font-size: 1.8rem; color: #000; display: inline-block; } .is-pc-device .pc-next-navbar-padding .next-navbar li > div { font-size: 1.6rem; padding: 20px 0 16px; cursor: pointer; } .is-pc-device .pc-next-navbar-padding .next-navbar > .active > div > div { top: 6px; } .is-pc-device .pc-next-navbar-padding ul .pc_title > div { cursor: default; } .is-pc-device .pc-next-navbar-padding ul .pc-right-btn { float: right; } .is-pc-device .pc-next-navbar-padding ul .pc-right-btn div > a { border-bottom: 1px solid #fff; } .is-pc-device .pc-next-navbar-padding ul .pc-right-btn div { font-size: 1rem; color: #000; display: inline-block; } .is-pc-device .clearfix::after { display: block; visibility: hidden; clear: both; height: 0; content: ""; } .is-pc-device .clearfix { zoom: 1; } .is-pc-device app-studycourse { width: 100%; min-width: 1200px; min-height: calc(100% - 72px); -webkit-user-select: none; -moz-user-select: -moz-none; user-select: none; -webkit-user-select: none; -moz-user-select: -moz-none; user-select: none; -webkit-user-select: none; -moz-user-select: -moz-none; user-select: none; -webkit-user-select: none; -moz-user-select: -moz-none; user-select: none; -webkit-user-select: none; -moz-user-select: -moz-none; user-select: none; background-color: #f4f4f4; } .is-pc-device app-studycourse .study_course_tabs_parent { position: fixed; z-index: 2; top: 72px; width: 100%; height: 60px; background-color: #fff; } .is-pc-device app-studycourse .course_category_arrow svg { width: 16px; height: 16px; } .is-pc-device .assess > .study_assess_tabs_parent { position: fixed; z-index: 2; top: 72px; width: 100%; height: 60px; background-color: #fff; } .is-pc-device .study_course_tabs { width: 1200px; height: 100%; margin: auto; } .is-pc-device .study_course_tabs ul { display: flex; margin: 0; padding: 16px 0; list-style: none; } .is-pc-device .study_course_tabs ul li { font-size: 1.6rem; color: #000; margin-right: 48px; cursor: pointer; border-bottom: 3px solid transparent; } .is-pc-device .study_course_tabs ul .activetab { color: var(--themcolor); border-bottom: 3px solid var(--themcolor); } .is-pc-device app-studycourse .study_page_list { padding-top: 132px; padding-bottom: 24px; } .is-pc-device .study_page_list .study_page_list_content { width: 1200px; margin: auto; margin-top: 24px; } .is-pc-device .study_page_list .study_course_list { display: flex; } .is-pc-device .study_page_list .study_course_list > div { width: 100%; } .is-pc-device .study_page_list .study_course_list .study_category_list { position: fixed; width: 280px; background-color: #fff; } .is-pc-device .study_page_list .study_course_list .study_category_list div:nth-child(1) { font-size: 1.6rem; font-weight: 700; display: flex; align-items: center; width: 100%; height: 100%; height: 56px; padding: 0 24px 0 16px; cursor: pointer; } .is-pc-device .study_page_list .study_course_list .study_category_list div:nth-child(1) img { display: inline-block; width: 16px; margin-right: 8px; } .is-pc-device .study_page_list .study_course_list .study_category_list div:nth-child(2) { overflow-y: auto; max-height: calc(100vh - 330px); } .is-pc-device .study_page_list .study_course_list .study_category_list ul { margin: 0; padding: 0; list-style: none; } .is-pc-device .study_page_list .study_course_list .study_category_list ul li { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; height: 56px; padding: 0 24px 0 16px; cursor: pointer; } .is-pc-device .study_page_list .study_course_list .study_category_list ul li a { color: #000; text-decoration: none; display: flex; justify-content: space-between; align-items: center; width: 100%; height: 100%; } .is-pc-device .study_page_list .study_course_list .study_category_list ul li a span:nth-child(1) { white-space: nowrap; text-overflow: ellipsis; display: inline-block; overflow: hidden; width: 206px; } .is-pc-device .study_page_list .study_course_list .study_category_list ul li a span:nth-child(2) { color: #ccc; transform: scale3d(1, 2, 1); } .is-pc-device .study_page_list .study_course_list .study_category_list ul li:hover { background-color: var(--themcolor); } .is-pc-device .study_page_list .study_course_list .study_category_list ul li:hover a { color: #fff; } .is-pc-device .study_page_list .study_course_list .study_category_list ul li:hover a span:nth-child(2) { color: #fff; } .is-pc-device .study_page_list .study_course_list .study_category_list ul .active { background-color: var(--themcolor); } .is-pc-device .study_page_list .study_course_list .study_category_list ul .active a { color: #fff; } .is-pc-device .study_page_list .study_course_list .study_category_list ul .active a span:nth-child(2) { color: #fff; } .is-pc-device .study_page_list .study_course_list .study_course_list_all { margin-bottom: 104px; margin-left: 304px; } .is-pc-device .study_page_list .study_course_list .study_course_list_all .every_last_category { margin-bottom: 40px; } .is-pc-device .study_page_list .study_course_list .study_course_list_all .every_last_category .one_category_more { text-align: center; width: 100%; padding: 0 0 24px; } .is-pc-device .study_page_list .study_course_list .study_course_list_all .every_last_category .one_category_more span { word-break: break-all; display: block; padding: 10px; cursor: pointer; background-color: #f4f4f4; } .is-pc-device .study_page_list .study_course_list .study_course_list_all .every_last_category .recommend_category_list .courselist_item { width: calc((100% - 48px) / 3); margin-right: 24px; } .is-pc-device .study_page_list .study_course_list .study_course_list_all .every_last_category .recommend_category_list .courselist_item:nth-child(3n) { margin-right: 0; } .is-pc-device .study_page_list .study_course_list .study_course_list_all .every_last_category .second_category_more .second_category_title { font-size: 1.8rem; font-weight: 400; display: flex; justify-content: space-between; padding: 22px 0 13px; border-bottom: 1px solid #e5e5e5; } .is-pc-device .study_page_list .study_course_list .study_course_list_all .every_last_category .second_category_more .second_category_title img { display: inline-block; width: 22px; height: 22px; } .is-pc-device .study_page_list .study_course_list .study_course_list_all .every_last_category .second_category_more .three_level_classification { display: flex; flex-wrap: wrap; padding-top: 16px; } .is-pc-device .study_page_list .study_course_list .study_course_list_all .every_last_category .second_category_more .three_level_classification span { margin-right: 16px; margin-bottom: 16px; padding: 4px 16px; border: 1px solid #ccc; border-radius: 30px; background-color: white; } .is-pc-device .study_course_list .course_list_category, .is-pc-device .study_knowledgebase_list, .is-pc-device .lecturermaterial .course_list_category { width: 100%; margin-bottom: 70px; } .is-pc-device .study_course_list .course_list_category .category_select_all, .is-pc-device .study_knowledgebase_list .category_select_all, .is-pc-device .lecturermaterial .course_list_category .category_select_all { display: flex; justify-content: space-between; align-items: center; height: 30px; font-size: 1.4rem; position: relative; } .is-pc-device .study_course_list .course_list_category .category_select_all > ul:nth-of-type(1), .is-pc-device .study_knowledgebase_list .category_select_all > ul:nth-of-type(1), .is-pc-device .lecturermaterial .course_list_category .category_select_all > ul:nth-of-type(1) { flex: 1; height: 30px; margin: 0; padding: 0; list-style-type: none; } .is-pc-device .study_course_list .course_list_category .category_select_all > ul:nth-of-type(1) .one_select, .is-pc-device .study_knowledgebase_list .category_select_all > ul:nth-of-type(1) .one_select, .is-pc-device .lecturermaterial .course_list_category .category_select_all > ul:nth-of-type(1) .one_select { color: #333; position: relative; float: left; margin-right: 8px; margin-bottom: 8px; } .is-pc-device .study_course_list .course_list_category .category_select_all > ul:nth-of-type(1) .one_select .dropdown-toggle, .is-pc-device .study_knowledgebase_list .category_select_all > ul:nth-of-type(1) .one_select .dropdown-toggle, .is-pc-device .lecturermaterial .course_list_category .category_select_all > ul:nth-of-type(1) .one_select .dropdown-toggle { display: inline-block; background-color: white; padding: 5px 16px; border-radius: 4px; border: 1px solid transparent; } .is-pc-device .study_course_list .course_list_category .category_select_all > ul:nth-of-type(1) .one_select .next, .is-pc-device .study_knowledgebase_list .category_select_all > ul:nth-of-type(1) .one_select .next, .is-pc-device .lecturermaterial .course_list_category .category_select_all > ul:nth-of-type(1) .one_select .next { display: inline-block; margin-right: 8px; width: 20px; height: 20px; } .is-pc-device .study_course_list .course_list_category .category_select_all > ul:nth-of-type(1) .one_select .active, .is-pc-device .study_knowledgebase_list .category_select_all > ul:nth-of-type(1) .one_select .active, .is-pc-device .lecturermaterial .course_list_category .category_select_all > ul:nth-of-type(1) .one_select .active { color: var(--themcolor); } .is-pc-device .study_course_list .course_list_category .category_select_all > ul:nth-of-type(1) .one_select .dropdown-toggle, .is-pc-device .study_knowledgebase_list .category_select_all > ul:nth-of-type(1) .one_select .dropdown-toggle, .is-pc-device .lecturermaterial .course_list_category .category_select_all > ul:nth-of-type(1) .one_select .dropdown-toggle { cursor: pointer; } .is-pc-device .study_course_list .course_list_category .category_select_all > ul:nth-of-type(1) .one_select .dropdown-menu, .is-pc-device .study_knowledgebase_list .category_select_all > ul:nth-of-type(1) .one_select .dropdown-menu, .is-pc-device .lecturermaterial .course_list_category .category_select_all > ul:nth-of-type(1) .one_select .dropdown-menu { position: absolute; z-index: 99; float: none; overflow-y: auto; max-height: 300px; margin-top: 8px; padding: 0; list-style: none; border: 0 solid black; background: white; } .is-pc-device .study_course_list .course_list_category .category_select_all > ul:nth-of-type(1) .one_select .dropdown-menu li, .is-pc-device .study_knowledgebase_list .category_select_all > ul:nth-of-type(1) .one_select .dropdown-menu li, .is-pc-device .lecturermaterial .course_list_category .category_select_all > ul:nth-of-type(1) .one_select .dropdown-menu li { padding: 10px; cursor: pointer; } .is-pc-device .study_course_list .course_list_category .category_select_all > ul:nth-of-type(1) .one_select .dropdown-menu li:hover, .is-pc-device .study_knowledgebase_list .category_select_all > ul:nth-of-type(1) .one_select .dropdown-menu li:hover, .is-pc-device .lecturermaterial .course_list_category .category_select_all > ul:nth-of-type(1) .one_select .dropdown-menu li:hover { color: var(--themcolor); background: rgba(var(--rgbnum), 0.05); } .is-pc-device .study_course_list .course_list_category .category_select_all > ul:nth-of-type(1) .one_select:last-child > .dropdown-toggle, .is-pc-device .study_knowledgebase_list .category_select_all > ul:nth-of-type(1) .one_select:last-child > .dropdown-toggle, .is-pc-device .lecturermaterial .course_list_category .category_select_all > ul:nth-of-type(1) .one_select:last-child > .dropdown-toggle { color: var(--themcolor); border: 1px solid var(--themcolor); } .is-pc-device .study_course_list .course_list_category .category_select_all > ul:nth-of-type(1) .studycourse_dropdown, .is-pc-device .study_knowledgebase_list .category_select_all > ul:nth-of-type(1) .studycourse_dropdown, .is-pc-device .lecturermaterial .course_list_category .category_select_all > ul:nth-of-type(1) .studycourse_dropdown { padding: 5px 8px 5px 12px !important; } .is-pc-device .study_course_list .course_list_category .category_select_all > ul:nth-of-type(1) .studycourse_dropdown > span > img, .is-pc-device .study_knowledgebase_list .category_select_all > ul:nth-of-type(1) .studycourse_dropdown > span > img, .is-pc-device .lecturermaterial .course_list_category .category_select_all > ul:nth-of-type(1) .studycourse_dropdown > span > img { width: 16px; } .is-pc-device .study_course_list .course_list_category .category_select_all > ul:nth-of-type(2), .is-pc-device .study_knowledgebase_list .category_select_all > ul:nth-of-type(2), .is-pc-device .lecturermaterial .course_list_category .category_select_all > ul:nth-of-type(2) { display: flex; justify-content: space-between; align-items: center; min-width: 200px; margin: 0; padding: 4px; list-style-type: none; } .is-pc-device .study_course_list .course_list_category .category_select_all > ul:nth-of-type(2) li, .is-pc-device .study_knowledgebase_list .category_select_all > ul:nth-of-type(2) li, .is-pc-device .lecturermaterial .course_list_category .category_select_all > ul:nth-of-type(2) li { cursor: pointer; } .is-pc-device .study_course_list .course_list_category .category_select_all > ul:nth-of-type(2) .active, .is-pc-device .study_knowledgebase_list .category_select_all > ul:nth-of-type(2) .active, .is-pc-device .lecturermaterial .course_list_category .category_select_all > ul:nth-of-type(2) .active { color: var(--themcolor); } .is-pc-device .study_course_list .course_list_category .category_select_all > ul:nth-of-type(2) img, .is-pc-device .study_knowledgebase_list .category_select_all > ul:nth-of-type(2) img, .is-pc-device .lecturermaterial .course_list_category .category_select_all > ul:nth-of-type(2) img { width: 16px; } .is-pc-device .study_course_list .course_list_category .category_select_all > ul:nth-of-type(2) .app-svg-themebox, .is-pc-device .study_knowledgebase_list .category_select_all > ul:nth-of-type(2) .app-svg-themebox, .is-pc-device .lecturermaterial .course_list_category .category_select_all > ul:nth-of-type(2) .app-svg-themebox { width: 16px; height: 16px; } .is-pc-device .study_course_list .course_list_category .category_select_all .favorite_label, .is-pc-device .study_knowledgebase_list .category_select_all .favorite_label, .is-pc-device .lecturermaterial .course_list_category .category_select_all .favorite_label { font-size: 1.4rem; color: #000; cursor: pointer; padding: 4px 15px; } .is-pc-device .study_course_list .course_list_category .category_select_all .favorite_label > .app-svg-themebox, .is-pc-device .study_knowledgebase_list .category_select_all .favorite_label > .app-svg-themebox, .is-pc-device .lecturermaterial .course_list_category .category_select_all .favorite_label > .app-svg-themebox { width: 14px; height: 16px; } .is-pc-device .study_course_list .course_list_category .category_select_all .favorite_label > .app-svg-themebox, .is-pc-device .study_course_list .course_list_category .category_select_all .favorite_label > img, .is-pc-device .study_knowledgebase_list .category_select_all .favorite_label > .app-svg-themebox, .is-pc-device .study_knowledgebase_list .category_select_all .favorite_label > img, .is-pc-device .lecturermaterial .course_list_category .category_select_all .favorite_label > .app-svg-themebox, .is-pc-device .lecturermaterial .course_list_category .category_select_all .favorite_label > img { width: 14px; vertical-align: middle; margin-right: 4px; } .is-pc-device .study_course_list .course_list_category .course_lists_all, .is-pc-device .study_knowledgebase_list .course_lists_all, .is-pc-device .lecturermaterial .course_list_category .course_lists_all { display: flex; flex-wrap: wrap; margin-top: 16px; } .is-pc-device .study_course_list .course_list_category .course_lists_all .courselist_item, .is-pc-device .study_knowledgebase_list .course_lists_all .courselist_item, .is-pc-device .lecturermaterial .course_list_category .course_lists_all .courselist_item { width: calc((100% - 48px) / 4); margin-bottom: 24px; } .is-pc-device .study_course_list .course_list_category .course_lists_all .courselist_item:nth-child(4n), .is-pc-device .study_knowledgebase_list .course_lists_all .courselist_item:nth-child(4n), .is-pc-device .lecturermaterial .course_list_category .course_lists_all .courselist_item:nth-child(4n) { margin-right: 0; } .is-pc-device .study_page_list .study_knowledgebase_list .knowledgebase_list_com { display: flex; flex-wrap: wrap; justify-content: start; width: 100%; margin-top: 16px; } .is-pc-device .knowledgebase_list_item { display: flex; width: calc((100% - 32px) / 3); height: 80px; margin-right: 16px; margin-bottom: 24px; transition: all 0.2s ease-in-out; background-color: #fff; border-radius: 8px; } .is-pc-device .knowledgebase_list_item:hover { box-shadow: 0 0 11px rgba(0, 0, 0, 0.08); transition: all 0.2s ease-in-out; transform: translateY(-5px); } .is-pc-device .knowledgebase_list_item div { padding: 0 16px 0 0; } .is-pc-device .knowledgebase_list_item div:nth-child(1) { width: 80px; height: 100%; } .is-pc-device .knowledgebase_list_item div:nth-child(1) img { width: 80px; } .is-pc-device .knowledgebase_list_item div:nth-child(2) { overflow: hidden; flex: 1; } .is-pc-device .knowledgebase_list_item div:nth-child(2) h4 { font-size: 1.6rem; font-weight: 400; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin: 16px 0 10px; } .is-pc-device .knowledgebase_list_item div:nth-child(2) span { font-size: 1.1rem; color: #999; } .is-pc-device .knowledgebase_list_item div:nth-child(2) .app-svg-themebox { float: right; width: 24px; height: 24px; } .is-pc-device .knowledgebase_list_item div:nth-child(2) img { float: right; width: 24px; } .is-pc-device .knowledgebase_list_item:nth-child(3n) { margin-right: 0; } .is-pc-device .lecturermaterial .course_list_category { margin: 16px 0; } .is-pc-device .study_page_list .study_lecturerlibrary_list { min-height: 750px; } .is-pc-device .study_page_list .study_lecturerlibrary_list .study_lecturerlibrary_list_table { width: 100%; min-width: 100%; padding: 0; } .is-pc-device .study_page_list .study_lecturerlibrary_list .study_lecturerlibrary_list_table .pc_lists { width: 100%; } .is-pc-device .study_page_list .study_lecturerlibrary_list .study_lecturerlibrary_list_table .pc_details { border: 0; } .is-pc-device .study_page_list .study_lecturerlibrary_list .study_lecturerlibrary_list_table .pc_details > span:nth-child(6) { position: absolute; top: 20px; right: 20px; } .is-pc-device .study_page_list .study_lecturerlibrary_list .study_lecturerlibrary_list_table .pc_details .pc_detail_name > div:nth-child(1) { position: absolute; top: 20px; left: 24px; } .is-pc-device .study_page_list .study_lecturerlibrary_list .study_lecturerlibrary_list_table .pc_details .pc_detail_name > div:nth-child(1) img { width: 74px; height: 74px; } .is-pc-device .study_page_list .study_lecturerlibrary_list .study_lecturerlibrary_list_table .pc_details .pc_detail_name > div:nth-child(2) { display: inline-block; width: calc(100% - 40px); padding-left: 12px; } .is-pc-device .study_page_list .study_lecturerlibrary_list .study_lecturerlibrary_list_table .pc_details .pc_detail_name > div:nth-child(2) h3 { font-size: 1.6rem; line-height: normal; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin: 0; } .is-pc-device .study_page_list .study_lecturerlibrary_list .study_lecturerlibrary_list_table .pc_details .pc_detail_name > div:nth-child(2) h3 span { font-size: 1rem; color: #ff5d5d; padding: 0 8px; border: 1px solid #ff5d5d; border-radius: 8px; } .is-pc-device .study_page_list .study_lecturerlibrary_list .study_lecturerlibrary_list_table .pc_details .pc_detail_name > div:nth-child(2) h3:nth-child(2) { font-size: 1.4rem; color: #999; } .is-pc-device .study_page_list .study_lecturerlibrary_list .study_lecturerlibrary_list_sort { display: flex; justify-content: space-between; align-items: center; width: 100%; padding: 0 0 8px 0; font-size: 1.4rem; } .is-pc-device .study_page_list .study_lecturerlibrary_list .study_lecturerlibrary_list_sort > div:nth-child(1) ul { display: inline-block; margin: 0; padding: 0; list-style: none; } .is-pc-device .study_page_list .study_lecturerlibrary_list .study_lecturerlibrary_list_sort > div:nth-child(1) ul li { display: inline-block; margin: 0 8px 0 16px; cursor: pointer; font-size: 1.4rem; } .is-pc-device .study_page_list .study_lecturerlibrary_list .study_lecturerlibrary_list_sort > div:nth-child(1) ul .active { color: var(--themcolor); } .is-pc-device .study_page_list .study_lecturerlibrary_list .study_lecturerlibrary_list_sort > div:nth-child(2) { position: relative; display: flex; } .is-pc-device .study_page_list .study_lecturerlibrary_list .study_lecturerlibrary_list_sort > div:nth-child(2) > div:nth-child(1) input { font-size: 1.4rem; color: #ccc; height: 30px; padding-right: 30px; padding-left: 16px; border: none; border-radius: 15px 0 0 15px; background-color: white; } .is-pc-device .study_page_list .study_lecturerlibrary_list .study_lecturerlibrary_list_sort > div:nth-child(2) > div:nth-child(1) input::input-placeholder { font-size: 1.4rem; color: #ccc; } .is-pc-device .study_page_list .study_lecturerlibrary_list .study_lecturerlibrary_list_sort > div:nth-child(2) > div:nth-child(1) img { position: absolute; top: 5px; right: 42px; width: 20px; height: 20px; } .is-pc-device .study_page_list .study_lecturerlibrary_list .study_lecturerlibrary_list_sort > div:nth-child(2) > div:nth-child(2) { line-height: 30px; text-align: center; width: 40px; height: 30px; border-radius: 0 15px 15px 0; background-color: var(--themcolor); } .is-pc-device .study_page_list .study_lecturerlibrary_list .study_lecturerlibrary_list_sort > div:nth-child(2) > div:nth-child(2) img { width: 20px; } .is-pc-device app-courselist { position: absolute; top: 65px; left: 0; width: 100%; min-width: 1200px; } .is-pc-device .recommend_class { font-size: 1.8rem; width: 1200px; margin: auto; padding: 15px 0; border-bottom: 1px solid #ccc; } .is-pc-device .pc_recommend_course { padding-top: 146px; } .is-pc-device .pc_courselist .next-navbar-padding { position: relative; z-index: 10; top: 0; width: 1200px; margin: auto; margin-top: 26px; border-bottom: 1px solid #e5e5e5; background-color: white; } .is-pc-device .pc_courselist .next-navbar-padding > div { font-size: 1.8rem; color: #000; display: inline-block; padding: 20px 0; } .is-pc-device .pc_courselist .next-navbar-padding .next-navbar { float: right; width: 292px; padding: 0; border: none; background-color: white; } .is-pc-device .pc_courselist .next-navbar-padding .next-navbar .active { background-color: white; } .is-pc-device .pc_courselist .next-navbar-padding .next-navbar .active > div { border-bottom: none; background-color: unset; } .is-pc-device .pc_courselist .next-navbar-padding .next-navbar .active > div a { color: var(--themcolor); } .is-pc-device .pc_courselist .next-navbar-padding .next-navbar > li { padding: 0; cursor: pointer; } .is-pc-device .pc_courselist .next-navbar-padding .next-navbar > li > div a { font-size: 1.6rem; color: #666; } .is-pc-device .pc_courselist .next-navbar-padding .next-navbar > li > div a:hover { color: var(--themcolor); } .is-pc-device .pc_courselist .next-navbar-padding .next-navbar > li > div:hover { border-bottom: none; background-color: unset; } .is-pc-device .pc_courselist .myslides { width: 1200px; margin: auto; padding-bottom: 20px; } .is-pc-device .pc_courselist .mytraincourse_paper { min-height: calc(100vh - 246px); } .is-pc-device .courselist_modal { display: none; } .is-pc-device .pc_news_classify { padding-top: 24px; width: 1200px; height: auto; margin: auto; } .is-pc-device .pc_course_classify { width: 100%; height: auto; padding: 5px 0; background-color: #fff; } .is-pc-device .pc_course_classify > div { width: 1200px; height: auto; margin: auto; } .is-pc-device .pc_course_classify > div > div > div { font-size: 1.5rem; color: #666; display: inline-block; margin: 5px 40px 5px 0; padding: 5px 0; cursor: pointer; } .is-pc-device .pc_course_classify > div > div > div > div { border-bottom: 1px solid white; } .is-pc-device .pc_course_classify > div > div > .active > div { color: var(--themcolor); border-bottom: 1px solid var(--themcolor); } .is-pc-device .pc_course_classify_two, .is-pc-device .pc_course_classify_three { border-top: 1px solid rgba(255, 255, 255, 0.2); } .is-pc-device .pc_course_classify_three { padding-left: 110px; } .is-pc-device .pc_course_classify_two > div > div, .is-pc-device .pc_course_classify_three > div > div { font-size: 1.5rem; } .is-pc-device .pc_course_classify_two_parent, .is-pc-device .pc_course_classify_three_parent { color: #666; display: inline; padding: 10px 20px 10px 0; font-size: 1.5rem; } .is-pc-device .pc_course_classify_two_parent > div { display: inline; margin-right: 10px; } .is-pc-device .pc_course_classify_two_parent > span { font-size: 1.6rem; position: relative; top: 1px; } .is-pc-device .pc_course_classify_three_parent > div { display: inline; margin-right: 10px; } .is-pc-device .pc_course_classify_three_parent > span { font-size: 1.6rem; position: relative; top: 1px; } .is-pc-device .urlweb { width: 100%; min-width: 1200px; height: 100%; padding-top: 86px; background-color: unset; } .is-pc-device .urlweb .small_screen_pc { left: 0px; bottom: 0px; width: 100%; border-radius: 0px; } .is-pc-device .urlweb .big_screen_pc { left: 0px; bottom: 0px; width: 100%; } .is-pc-device .urlweb > div { overflow: auto; width: 1200px; margin: auto; padding-bottom: 16px; } .is-pc-device .urlweb .urlweb { height: 100%; padding-top: 28px; background-color: transparent; } .is-pc-device .urlweb > div > .iframe_parent { position: relative; overflow: hidden; height: calc(100vh - 210px); margin-top: 0; } .is-pc-device .urlweb > div > .iframe_parent_notcomment { height: calc(100vh - 210px); } .is-pc-device .urlweb > div > .iframe_parent iframe { width: 100%; height: 100%; } .is-pc-device .pc_urlweb_button { margin-bottom: 10px; padding: 10px 0 48px; } .is-pc-device .pc_urlweb_button > div { font-size: 1.6rem; color: white; float: right; height: 35px; padding: 2.5px 15px; cursor: pointer; border: 1px solid transparent; border-radius: 5px; } .is-pc-device .pc_urlweb_button .comment_btn { padding: 2.5px 0; } .is-pc-device .pc_urlweb_button > div:first-child { margin-left: 10px; background-color: #ff9000; } .is-pc-device .pc_urlweb_button > div:nth-child(2) { margin-left: 10px; background-color: #13ae67; } .is-pc-device .pc_urlweb_button > div:last-child { background-color: var(--themcolor); } .is-pc-device .pc_urlweb_button > .pc_urlweb_button_commentcount_btn { background-color: var(--themcolor); } .is-pc-device .pc_urlweb_button > div:first-child:hover { background-color: #ff900a; } .is-pc-device .pc_urlweb_button > div:nth-child(2):hover { background-color: #13ae40; } .is-pc-device .pc_urlweb_button > div:last-child:hover { background-color: var(--themcolor); } .is-pc-device .pc_urlweb_button > div > div > img { position: relative; top: -2px; width: 20px; height: 20px; } .is-pc-device .pc_urlweb_button > div > div { padding: 2px 5px; } .is-pc-device .pc_urlweb_button > .news_excitationexplain { padding-top: 5.5px; background-color: transparent !important; } .is-pc-device .pc_urlweb_button > .news_excitationexplain:hover { background-color: transparent !important; } .is-pc-device .pc_urlweb_button > .news_excitationexplain img { width: 16px; height: auto; } .is-pc-device .iframe_parent { height: 100%; margin-top: 40px; } .is-pc-device iframe { width: 100%; height: 100%; background-color: white; } .is-pc-device .urlweb_dropdown { position: absolute; top: 72px; right: 0; } .is-pc-device .urlweb_dropdown .open { width: 100%; height: 100%; } .is-pc-device .urlweb_dropdown .dropdown-menu { z-index: 90; top: 7px; right: 0; left: 0; width: 130px; min-width: 0; margin: auto; margin-right: calc((100% - 1200px) / 2); padding: 0; box-shadow: none; border: 1px solid #e5e5e5; border-radius: 3px; } .is-pc-device .urlweb .pc_countstar_outer, .is-pc-device .coursewareaudio .pc_countstar_outer { position: absolute; top: 25%; left: 35%; width: 28%; } .is-pc-device .urlpdf { min-width: 1200px; height: auto; min-height: 100%; } .is-pc-device .urlpdf .pdf_iframe_parent { overflow-y: auto !important; height: calc(100vh - 180px) !important; background-color: #fff; } .is-pc-device .pdf-nav { width: 1200px; margin: auto; } .is-pc-device .ng2-pdf-viewer-container { background-color: #f4f4f4; } .is-pc-device .coursewareaudio { min-width: 1200px; min-height: 100%; background-color: #303332; } .is-pc-device .coursewareaudio div { padding-bottom: 30px; } .is-pc-device .coursewareaudio .comment_footer_block { background-color: transparent; background-color: unset; background-color: unset; } .is-pc-device .coursewareaudio > div { width: 1200px; margin: auto; padding-top: 86px; padding-bottom: 110px; } .is-pc-device .courseware_audio { min-height: 505px; margin-top: 80px; padding-top: 10px; background-color: transparent; } .is-pc-device .courseware_audio .xgplayer-skin-default .xgplayer-memoryplay-spot { width: calc(100% - 48px) !important; left: 24px !important; bottom: 20px !important; visibility: visible; position: fixed; } .is-pc-device .courseware_audio .courseware_audio { min-height: 0; margin-top: 0; padding-top: 0; background-color: transparent; } .is-pc-device .courseware_audio .coursewareaudio div { padding-bottom: 0; } .is-pc-device .courseware_audio .coursewareaudio > div { width: 100%; margin: 0; padding-top: 0; padding-bottom: 0; } .is-pc-device .courseware_audio_top > div { display: inline-block; } .is-pc-device .courseware_audio_top > div:nth-child(2) { float: left; width: 375px; height: 375px; } .is-pc-device .courseware_audio_top > div:nth-child(2) > img { position: relative; top: 60px; } .is-pc-device .courseware_audio_top > div:nth-child(1) { font-size: 3.4rem; text-align: left; white-space: nowrap; text-overflow: ellipsis; position: relative; top: 100px; right: 27px; overflow: hidden; width: 720px; } .is-pc-device .courseware_audio .courseware_audio_progressbar { overflow: hidden; width: 415px; height: 415px !important; margin: auto; box-shadow: 0 1px 13px rgba(0, 0, 0, 0.55); -webkit-user-select: none; -moz-user-select: -moz-none; user-select: none; border-radius: 50%; background: #252c36; } .is-pc-device .courseware_audio .courseware_audio_progressbar > img { position: absolute; top: -218px; width: 100%; height: auto; min-height: 415px; } .is-pc-device .courseware_audio .courseware_audio_progressbar > .speedofprogress .progress { max-width: 714px; margin-top: 15px; margin-right: 52px; } .is-pc-device .courseware_audio .courseware_audio_progressbar > div { max-width: 720px; height: 30px; margin-right: 52px; } .is-pc-device .courseware_audio .courseware_audio_progressbar > div span { font-size: 2.3rem; } .is-pc-device .courseware_audio_progressbar { position: relative; top: 50px; } .is-pc-device .courseware_audio section { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url("./media/001-OIMR24H7.png") center bottom repeat-x; } .is-pc-device .courseware_audio section > .audio_control { position: absolute; z-index: 9; top: 30%; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; border-radius: 23px; background-color: #201f22; } .is-pc-device .courseware_audio section > .audio_control::before { position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; content: ""; border-radius: 125%; background-color: #201f22; } .is-pc-device .courseware_audio section > .audio_control > img:nth-child(1) { position: absolute; left: 0; width: 28px; height: 28px; margin: 13px 10px; cursor: pointer; } .is-pc-device .courseware_audio section > .audio_control > a { font-size: 3.2rem; line-height: 58px; color: #fff; text-align: center; vertical-align: middle; text-decoration: none; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; margin: -29px 0 0 -44px; content: ""; cursor: pointer; transition: all 0.3s; border-radius: 29px; background: #f5696c; } .is-pc-device .courseware_audio section > .audio_control > a:hover { text-shadow: 0 0 5px #fff; box-shadow: 0 0 5px #f5696c; background: #ed484b; } .is-pc-device .courseware_audio section > .audio_control > a > img { position: absolute; top: 4px; right: 0; left: 0; width: 50px; height: 50px; margin: auto; } .is-pc-device .courseware_audio section > .audio_control > img:nth-child(3) { position: absolute; right: 0; width: 28px; height: 28px; margin: 13px 10px; cursor: pointer; } .is-pc-device .courseware_audio section > .audio_time { font-size: 1.2rem; color: white; text-align: center; position: relative; top: 172px; display: inline-block; padding: 1px 7px 0; border: 1px solid #201f22; border-radius: 15px; background-color: #201f22; } .is-pc-device .courseware_audio section .audio_title { font-size: 1.6rem; color: white; text-align: center; white-space: nowrap; text-overflow: ellipsis; position: absolute; top: 70%; right: 0; left: 0; overflow: hidden; width: 200px; height: 22px; margin: auto; } .is-pc-device .courseware_audio section .audio_seeker { position: absolute; bottom: 7px; left: 50%; overflow: hidden; width: 405px; height: 202px; margin: 0 0 0 -201px; } .is-pc-device .courseware_audio section .audio_seeker > div { position: absolute; bottom: 0; width: 400px; height: 401px; border: 18px solid #201b2b; border-radius: 100%; } .is-pc-device .courseware_audio section .audio_seeker > div > div { position: absolute; bottom: -13.5px; left: 50%; overflow: hidden; width: 392px; height: 392px; margin: 0 0 0 -196px; transform: rotate(-94deg); transform-origin: 50% 50%; border-radius: 100%; background: url("./media/003-LU5FGY4H.png"); } .is-pc-device .courseware_audio section .audio_seeker > a { font-size: 2.2rem; line-height: 24px; color: #fff; text-shadow: 0 1px 5px #000; text-decoration: none; position: absolute; top: 0; left: 0; display: block; width: 18px; height: 18px; opacity: 1; transition: none; transform-origin: 200px 1px; border: 4px solid #fff; border-radius: 100%; background: #3a304d; } .is-pc-device .courseware_audio .comment_footer_block { position: relative; top: 90px; width: 415px; } .is-pc-device .pcvideo .urlweb { height: auto; padding-top: 0; background-color: transparent; } .is-pc-device .pc_video { line-height: auto; padding-top: 0; } .is-pc-device .pc_video > div { background-color: rgb(0, 0, 0); } .is-pc-device .pc_video > div > div { font-size: 1.8rem; color: #000; text-align: center; width: 100%; padding: 24px 10px; background-color: white; } .is-pc-device .player .mejs__container, .is-pc-device .player .mejs__layer, .is-pc-device .player .mejs__mediaelement video { width: 100% !important; height: calc(1200px * 9 / 16 + 4px) !important; } .is-pc-device .player .mejs__speed-selector { height: unset; } .is-pc-device .player .mejs__container-fullscreen, .is-pc-device .player .mejs__container-fullscreen .mejs__layer, .is-pc-device .player .mejs__container-fullscreen .mejs__mediaelement video, .is-pc-device video:-webkit-full-screen { width: 100vw !important; height: 100vh !important; } .is-pc-device .mejs_backRate { position: relative; display: flex; justify-content: center; align-items: center; cursor: pointer; } .is-pc-device .mejs_backRate p { color: #fff; margin: 0; padding: 0; } .is-pc-device .mejs_backRate .mejs_backRateBtnBox { position: absolute; top: -100px; left: -5px; display: none; flex-direction: column; justify-content: center; align-items: center; box-sizing: content-box; width: 100%; padding: 0 5px; background-color: rgba(0, 0, 0, 0.5); } .is-pc-device .mejs_backRate .mejs_backRateBtnBox .mejs_backRateBtn { color: #fff; display: flex; justify-content: center; align-items: center; width: 100%; height: 25px; } .is-pc-device .mejs_backRate .mejs_backRateBtnBox .mejs_backRateBtn:hover { color: #ff6429; } .is-pc-device .mejs_backRate:hover .mejs_backRateBtnBox { display: flex; } .is-pc-device .pc_video .mejs__controls__togglevideo { z-index: 3; } .is-pc-device .pc_video .mejs__controls__togglevideo > div { height: 200px; align-items: center; display: flex; justify-content: center; position: absolute; bottom: 0; z-index: 3; cursor: pointer; pointer-events: none; } .is-pc-device .pc_video .mejs__controls__togglevideo .mejs__controls__togglevideo__pre { left: 10px; font-size: 1.4rem; color: white; } .is-pc-device .pc_video .mejs__controls__togglevideo > div > div { cursor: pointer; pointer-events: all; } .is-pc-device .pc_video .mejs__controls__togglevideo > div > div > span { display: inline-block; height: 32px; padding: 6px 10px; background-color: rgba(0, 0, 0, 0.6); border-radius: 16px; line-height: 0px; } .is-pc-device .pc_video .mejs__controls__togglevideo > div > div > span > span { display: inline-block; height: 20px; padding: 9px 6px; margin-left: 10px; font-size: 1.2rem; color: white; background-color: var(--themcolor); border: 1px solid transparent; border-radius: 30px; } .is-pc-device app-urlwebpreviews .urlweb { padding-top: 96px; } .is-pc-device app-urlwebpreviews .urlweb > div > .iframe_parent { height: calc(100vh - 136px); } .is-pc-device .pc_newslist { width: 100%; padding-top: 72px; } .is-pc-device .pc_newslist .myslides { width: 100%; margin: auto; padding-bottom: 20px; } .is-pc-device .newslist_navbar { position: relative; top: 0; width: 100%; height: auto; margin-bottom: 36px; padding: 0; background-color: #303332; } .is-pc-device app-newslist .newslist_navbar { margin-bottom: 0; } .is-pc-device app-newslist .pc_newslist { padding-bottom: 24px; } .is-pc-device app-newslist .pc_newslist_classify { padding: 16px 24px; background-color: white; border-radius: 8px 8px 0 0; } .is-pc-device app-newslist .newslist { padding: 0 24px; background-color: white; border-radius: 0 0 8px 8px; } .is-pc-device .newslist_navbar .newslist_ul { display: block; width: 1200px; margin: auto; padding: 5px 0; border: none; background-color: #303332; } .is-pc-device .newslist_navbar .newslist_ul > div { display: inline-block; flex-grow: unset; min-width: unset; margin: 5px 0; padding: 5px 40px 5px 0; background-color: #303332; } .is-pc-device .newslist_navbar .newslist_ul > div > div { font-size: 1.6rem; color: white; padding: 0; cursor: pointer; border-bottom: 1px solid #303332; } .is-pc-device .newslist_navbar .newslist_ul > .active > div, .is-pc-device .pc_newslist .newslist_navbar .newslist_ul > div > div:hover { border-bottom: 1px solid white; } .is-pc-device .pc_newslist .newslist { width: 1200px; min-height: calc(100vh - 322px); margin: auto; } .is-pc-device .pc_newslist .newslist .list-group > li:nth-child(2n+1) { margin: 20px 16px 20px 0 !important; } .is-pc-device .pc_newslist .newslist .list-group > li:nth-child(2n) { margin: 20px 0 20px 16px !important; } .is-pc-device .newslist_banner { width: 100%; height: 480px; margin-bottom: 10px; padding: 11px 0; background-color: #303332; } .is-pc-device .newslist_banner div { width: 1200px; margin: auto; } .is-pc-device .newslist_banner_right { color: #000; position: absolute; top: 0; right: 0; width: 290px !important; height: 100%; padding: 34px 30px 30px; background-color: #f4f4f4; } .is-pc-device .newslist_banner_right > h4 { font-size: 2.4rem; color: #000; margin-bottom: 30px; } .is-pc-device .newslist_banner_right > div { font-size: 1.8rem; line-height: 24px; color: #000; word-break: break-all; overflow: hidden; width: 100%; height: 240px; } .is-pc-device .newslist .swiper-horizontal > .swiper-pagination-bullets { right: 30px; bottom: 48px; } .is-pc-device .newslist_banner_container { height: 400px; } .is-pc-device .newslist_banner_img { width: 850px; height: 457px; } .is-pc-device .newslist_banner_message { display: inline-block; width: 270px; height: 400px; margin-left: 15px; background-color: #f4f4f4; } .is-pc-device .newslist_banner .swiper-pagination-bullet-active { background-color: #222; } .is-pc-device .newslist_banner .swiper-pagination-bullet { border: 1px solid #666; } .is-pc-device .pc_newslist_classify { font-size: 1.8rem; width: 1200px; margin: 24px auto 0; padding: 15px 0; border-bottom: 1px solid #e5e5e5; } .is-pc-device .newslist .list-group-item { width: 554px; height: 140px; } .is-pc-device .pc_newslist_center { width: 1200px; margin: 0 auto; padding: 0 24px; } .is-pc-device .newslist .list-group-item .media-left { display: inline-block; width: 140px; height: 140px; } .is-pc-device .newslist .list-group-item .media-left > img { width: 140px; height: 140px; } .is-pc-device .newslist .list-group-item .media-left > .newslist_isnewest { width: 40px; height: auto; } .is-pc-device .newslist .list-group-item .media-body { width: calc(100% - 159px); background-color: transparent; } .is-pc-device .newslist .list-group-item .media-body .one_line_text { margin: 0 0 16px; } .is-pc-device .newslist .list-group-item .media-body .one_line_text_next_two { margin-top: 18px; } .is-pc-device .newslist .list-group-item > div:hover { background-color: #f4f4f4; } .is-pc-device .newscommentlists { min-height: 100%; padding-top: 86px; background-color: #f4f4f4; } .is-pc-device .newscommentlists > div { width: 1200px; min-height: calc(100vh - 90px); margin: auto; } .is-pc-device .newscommentlists .comment form { text-align: right; padding: 15px 20px; border: 1px solid transparent; border-radius: 4px; background-color: white; } .is-pc-device .newscommentlists .comment form textarea { width: 100%; height: 80px; padding: 8px 12px; resize: none; border: 1px solid transparent; border-radius: 4px; background-color: #f4f4f4; } .is-pc-device .newscommentlists .comment form button { font-size: 1.4rem; color: white; width: 150px; height: 38px; margin: 10px 0 0; padding: 7px 1px; border: 1px solid transparent; border-radius: 4px; background-color: var(--themcolor); } .is-pc-device .newscommentlists .comment .nomessage_defult { position: relative; } .is-pc-device .pc_application .btn { font-size: 1.9rem; color: #000; padding: 0 0 4px; background-color: white; } .is-pc-device .pc_application .btn:hover { color: var(--themcolor); } .is-pc-device .pc_application .btn:active, .is-pc-device .pc_application .btn.active { box-shadow: none; box-shadow: unset; } .is-pc-device .pc_application .dropdown-menu { text-align: center; position: fixed; z-index: 999; top: 72px; right: 0 !important; left: 0 !important; width: 100vw; margin: 0; padding: 30px 0; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); border: none; border-top: 1px solid #e5e5e5; } .is-pc-device .pc_application .dropdown-menu > li { display: inline-block; width: 120px; height: 120px; } .is-pc-device .pc_application .dropdown-menu > li > a { text-align: center; padding: 20px 0; } .is-pc-device .pc_application .dropdown-menu > li > a > img { display: block; width: 50px; margin: 0 auto 10px; } .is-pc-device .applicationlist { width: 1200px; height: auto; min-height: 0; margin: auto; padding-top: 86px !important; padding-right: 30px; padding-left: 30px; background-color: white; } .is-pc-device .applicationlist > div > div { text-align: center; display: inline-block; width: 210px; height: 210px; margin: 30px; padding: 0; cursor: pointer; } .is-pc-device .applicationlist > div > div > div { width: 100%; height: 100%; padding: 47px 0 22px; } .is-pc-device .applicationlist > div .listbackgroundcolor1 { color: white; background-color: #39a6d1; } .is-pc-device .applicationlist > div .listbackgroundcolor2 { color: white; background-color: #38d68b; } .is-pc-device .applicationlist > div .listbackgroundcolor3 { color: white; background-color: #11ceaa; } .is-pc-device .applicationlist > div .listbackgroundcolor4 { color: white; background-color: #f9a050; } .is-pc-device .applicationlist > div .listbackgroundcolor5 { color: white; background-color: #f67f67; } .is-pc-device .applicationlist > div .listbackgroundcolor6 { color: white !important; background-color: #35c0d7; } .is-pc-device .applicationlist > div .listbackgroundcolor7 { color: white; background-color: #f5bd66; } .is-pc-device .applicationlist .oneline .oneline_photo { width: 70px; height: 82px; margin: auto; margin-bottom: 14px; } .is-pc-device .applicationlist .oneline .oneline_content { position: relative; width: 100%; border: none; } .is-pc-device .applicationlist .oneline .oneline_content > .oneline_content_title { font-size: 1.8rem; color: #000; } .is-pc-device .applicationlist .oneline .listbackgroundcolor1 .oneline_content > .oneline_content_title, .is-pc-device .applicationlist .oneline .listbackgroundcolor2 .oneline_content > .oneline_content_title, .is-pc-device .applicationlist .oneline .listbackgroundcolor3 .oneline_content > .oneline_content_title, .is-pc-device .applicationlist .oneline .listbackgroundcolor4 .oneline_content > .oneline_content_title, .is-pc-device .applicationlist .oneline .listbackgroundcolor5 .oneline_content > .oneline_content_title, .is-pc-device .applicationlist .oneline .listbackgroundcolor6 .oneline_content > .oneline_content_title, .is-pc-device .applicationlist .oneline .listbackgroundcolor7 .oneline_content > .oneline_content_title { color: white; } .is-pc-device .applicationlist .oneline .oneline_content > .oneline_content_items { position: absolute; top: -111px; right: 67px; } .is-pc-device .applicationlist .oneline .oneline_content > .oneline_content_items .applicationBadge { display: block; border: 2px solid white; } .is-pc-device .survey { padding-top: 156px; } .is-pc-device .survey .exam_testpaperlist { width: 100%; } .is-pc-device .survey .pc_exam_testpaper_list_title { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .is-pc-device .survey > div { width: 1200px; margin: auto; } .is-pc-device .survey .exam_testpaper_list { cursor: pointer; } .is-pc-device .survey .exam_testpaper_list > div { width: 80%; } .is-pc-device .survey .exam_testpaper_list > div > div { font-size: 1.4rem; color: #666; padding: 0; padding: 2px 0; border-bottom: 0; word-break: break-all; } .is-pc-device .survey .next-navbar-padding .next-navbar { width: 200px; } .is-pc-device .survey .next-navbar-padding ul .pc_title > div, .is-pc-device .survey .next-navbar-padding ul .pc_title > div > a:hover { padding-left: 0; cursor: default; border: none; } .is-pc-device .survey .exam_testpaper .exam_testpaperlist .exam_testpaperlist_notcomplete tr > th:nth-child(1), .is-pc-device .survey .exam_testpaper .exam_testpaperlist .exam_testpaperlist_notcomplete tr > td:nth-child(1) { width: 500px; } .is-pc-device .survey .exam_testpaper .exam_testpaperlist .exam_testpaperlist_notcomplete tr > th:nth-child(2), .is-pc-device .survey .exam_testpaper .exam_testpaperlist .exam_testpaperlist_notcomplete tr > td:nth-child(2) { width: 100px; } .is-pc-device .survey .exam_testpaper .exam_testpaperlist .exam_testpaperlist_notcomplete tr > th:nth-child(3), .is-pc-device .survey .exam_testpaper .exam_testpaperlist .exam_testpaperlist_notcomplete tr > td:nth-child(3) { width: 230px; } .is-pc-device .survey .exam_testpaper .exam_testpaperlist .exam_testpaperlist_notcomplete tr > th:nth-child(4), .is-pc-device .survey .exam_testpaper .exam_testpaperlist .exam_testpaperlist_notcomplete tr > td:nth-child(4) { width: 100px; } .is-pc-device .survey .exam_testpaper .exam_testpaperlist .exam_testpaperlist_notcomplete tr > th:nth-child(5), .is-pc-device .survey .exam_testpaper .exam_testpaperlist .exam_testpaperlist_notcomplete tr > td:nth-child(5) { text-align: center; width: 210px; } .is-pc-device .survey .exam_testpaper .exam_testpaperlist .exam_testpaperlist_complete tr > th:nth-child(1), .is-pc-device .survey .exam_testpaper .exam_testpaperlist .exam_testpaperlist_complete tr > td:nth-child(1) { width: 500px; } .is-pc-device .survey .exam_testpaper .exam_testpaperlist .exam_testpaperlist_complete tr > th:nth-child(2), .is-pc-device .survey .exam_testpaper .exam_testpaperlist .exam_testpaperlist_complete tr > td:nth-child(2) { width: 430px; } .is-pc-device .survey .exam_testpaper .exam_testpaperlist .exam_testpaperlist_complete tr > th:nth-child(3), .is-pc-device .survey .exam_testpaper .exam_testpaperlist .exam_testpaperlist_complete tr > td:nth-child(3) { text-align: center; width: 210px; } .is-pc-device .survey .exam_testpaper_list, .is-pc-device .mytraincourse .exam_testpaper_list { padding: 0; margin: 0 0 16px 0 !important; } .is-pc-device .surveydetail { min-width: 1200px; min-height: 100%; padding-top: 72px; background-color: unset; } .is-pc-device .surveydetail > div { width: 1200px; margin: auto; padding-bottom: 40px; } .is-pc-device .surveydetail .examdetail .dl-horizontal dt, .is-pc-device .exam_detail .dl-horizontal dt { text-align: unset; margin-top: 0; padding: 0; } .is-pc-device .surveydetail .examdetail .dl-horizontal dd { margin-top: 0; } .is-pc-device .surveydetail .examdetail_button_container .examdetail_common { position: inherit; } .is-pc-device .surveydetail .examdetail_excitationexplain_ex { left: 0; position: relative; width: 16px; margin-left: 40px; top: -1px; display: inline-block; } .is-pc-device .examdetail .dl-horizontal { font-size: 1.4rem; } .is-pc-device .examdetail .examdetail-list-item tr td { font-size: 1.4rem; min-width: 70px; } .is-pc-device .surveytest { min-width: 1200px; min-height: 100%; padding-top: 36px; padding-bottom: 40px; background-color: unset; } .is-pc-device .surveytest > div { width: 1200px; margin: auto; padding: 0 24px; border: 1px solid transparent; border-radius: 8px; background-color: white; } .is-pc-device .surveytest .button { color: #fff; width: 500px; cursor: pointer; border-radius: 25px; background-color: var(--themcolor); } .is-pc-device .surveytest .buttondefult { background-color: #f4f4f4; color: #999; cursor: default; } .is-pc-device .surveyanalysis .progress > .progress-bar-warning { background-color: #409eff !important; } .is-pc-device .surveyanalysis .active > .progress-bar-warning { background-color: #67c23a !important; } .is-pc-device .static_info { min-width: 1200px; min-height: 100%; padding-top: 86px; background-color: unset; } .is-pc-device .static_info > div { width: 1200px; margin: auto; padding-bottom: 20px; } .is-pc-device .pc_staticinfo_title { font-size: 1.6rem; color: #000; margin-bottom: 16px; padding: 10px 0; } .is-pc-device .pc_staticinfo_title > span:nth-child(2) { float: right; } .is-pc-device .staticinfo { margin-top: 25px; } .is-pc-device .staticinfo > div { text-align: right; padding: 13px 0; } .is-pc-device .static_info_tip { text-align: right; padding: 13px 0; background-color: unset; } .is-pc-device .staticinfo > section .staticinfo_content { border: 1px solid #e5e5e5; } .is-pc-device .staticinfo_content .staticinfo_content_right > div > p:nth-child(2) { font-size: 2.4rem; } .is-pc-device .static_info_chart > div { margin: auto; } .is-pc-device .learnrecord { height: 100%; padding: 86px 0 40px; min-height: auto; background-color: unset; } .is-pc-device .pc_learnrecord_title { margin-bottom: 20px; } .is-pc-device .learnrecord > div { width: 1200px; margin: auto; } .is-pc-device .learnrecord > .learnrecord-box { padding: 0 20px 20px; border: 1px solid transparent; border-radius: 4px; background-color: white; } .is-pc-device .learnrecord_content_left { width: 30px; } .is-pc-device .learnrecord_content_right { width: calc(100% - 40px); } .is-pc-device .learnrecord_content_time { position: relative; top: 25px; left: -84px; } .is-pc-device .learnrecord_content_time .learnrecord_content_item_left_first { z-index: 999; top: 19px; left: 59px; } .is-pc-device .learnrecord_content_time .learnrecord_content_item_left_second { top: 16px; left: 56px; } .is-pc-device .learnrecord_timestamp > span { font-size: 1.4rem; color: #000; } .is-pc-device .learnrecord_timestamp > span > span { font-size: 2rem; color: #000; } .is-pc-device .learnrecord_timestamp > span > .learnrecord_timestamp_pubday { width: 54px; white-space: normal; word-wrap: break-word; } .is-pc-device .learnrecord_content_time .learnrecord_timestamp { top: 10px; left: 5px; } .is-pc-device .learnrecord > div > div:nth-child(1) .learnrecord_content .learnrecord_content_time .learnrecord_content_item_left_fourth { top: 19px; height: 100%; } .is-pc-device .learnrecord_content_time .learnrecord_content_item_left_fourth { position: absolute; top: -18px; left: 65px; width: 1px !important; height: 100%; background-color: rgba(208, 205, 208, 0.8); } .is-pc-device .learnrecord_content_item .learnrecord_content_item_left_fourth { position: absolute; top: 24px; left: -20px; width: 1px !important; height: 100%; background-color: rgba(208, 205, 208, 0.8); } .is-pc-device .learnrecord_content_item_right .learnrecord_content_item_right_title { font-size: 1.6rem; color: #000; display: inline-block; line-height: 24px; } .is-pc-device .learnrecord_content_item_right_timestamp { font-size: 1.4rem; color: #666; display: inline-block; padding: 0 5px; } .is-pc-device .learnrecord_year_diviled { position: relative; top: 10px; } .is-pc-device .learnrecord_content_item:hover { cursor: pointer; } .is-pc-device .mystatic_info { min-width: 1200px; min-height: 100%; padding-top: 86px; background-color: #f4f4f4; } .is-pc-device .mystatic_info > div { width: 1200px; margin: auto; padding-bottom: 40px; } .is-pc-device .mystaticinfo { min-height: 0; margin-top: 5px; } .is-pc-device .mystaticinfo_count { border: 1px solid #e5e5e5; } .is-pc-device .mystaticinfo_count_content { padding: 0 10px; } .is-pc-device .mystaticinfo_count > .mystaticinfo_count_title { padding: 15px 10px; } .is-pc-device .mystaticinfo_count:nth-child(1) .mystaticinfo_count_title > div { height: 17px; } .is-pc-device .mystaticinfo_count_title > p { font-size: 1.6rem; } .is-pc-device .mystaticinfo_count .mystaticinfo_count_item { font-size: 1.6rem; padding: 15px 10px; } .is-pc-device .mystaticinfo_count_item > div:nth-child(1) { font-size: 1.6rem; } .is-pc-device .resetpwd { min-width: 1200px; min-height: 100%; padding-top: 86px; } .is-pc-device .resetpwd .pc_static_title { padding: 5px 0 15px; } .is-pc-device .resetpwd > div { width: 1200px; margin: auto; padding-bottom: 40px; } .is-pc-device .resetpwd-contrainer { margin-top: 5px; padding: 150px 20px 50px 170px; background-color: white; border-radius: 8px; } .is-pc-device .resetpwd-contrainer .resetpwd-btn-container { padding: 0 0 0 160px; } .is-pc-device .resetpwd-contrainer .resetpwd-btn-container > div { font-size: 1.4rem; color: #ff5d5d; height: 20px; margin-bottom: 20px; } .is-pc-device .resetpwd-contrainer .resetpwd-btn-container .btn_invalid { color: white; width: 150px; padding: 10px; background-color: #aaa; } .is-pc-device .resetpwd-contrainer .resetpwd-btn-container .btn_valid { width: 150px; padding: 10px; opacity: 1; background-color: var(--themcolor); } .is-pc-device .resetpwd-contrainer .resetpwd-btn-container .btn_valid:hover { padding: 10px; background-color: var(--active-themeColor); } .is-pc-device .resetpwd-contrainer form span { text-align: right; font-size: 1.4rem; display: inline-block; width: 240px; } .is-pc-device .resetpwd-contrainer form span:nth-child(3) { font-size: 1.2rem; color: #666; text-align: left; width: auto; margin-left: 10px; } .is-pc-device .resetpwd-contrainer form input { display: inline-block; width: 290px; height: 36px; } .is-pc-device .mycenter_resetpassword .resetpwd-contrainer { padding: 72px 20px 50px 200px; } .is-pc-device .feed_back { min-width: 1200px; min-height: 100%; padding-top: 86px; background-color: unset; border-radius: 8px; } .is-pc-device .feed_back > div { width: 1200px; margin: auto; padding-bottom: 40px; } .is-pc-device .feedback { width: 1200px; height: 426px; margin: auto; margin-top: 5px; padding: 26px; padding-top: 20px; background-color: white; border-radius: 8px; } .is-pc-device .feedback_content_title { font-size: 20px; font-weight: 700; color: #000; margin-bottom: 26px; } .is-pc-device .feedback_content_text > form { padding: 0; } .is-pc-device .feedback_content_text .feedback_title { font-size: 1.6rem; color: #000; text-align: center; width: 100%; margin-bottom: 13px; padding: 10px; } .is-pc-device .feedback .feedback_content_text_icon { right: 10px; bottom: 10px; } .is-pc-device .feedback .feedback_content_text_icon > span:first-child { color: var(--themcolor); } .is-pc-device .feedback_content_text > form > textarea { border: 1px solid #e5e5e5; } .is-pc-device .feed_back .feedback_submit { text-align: left; margin-top: 30px; padding: 0; } .is-pc-device .feed_back .feedback_submit > button { width: 120px; height: 38px; border-radius: 4px; } .is-pc-device .feekbackResult { display: flex; flex-direction: column; align-items: center; width: 100%; height: 100%; padding-top: 86px; background-color: #fff; } .is-pc-device .feekbackResult .title_min_width { width: 1200px; } .is-pc-device .feekbackResult .pc_static_title { font-size: 1.6rem; font-weight: 500; color: #000; margin: 0 0 10px; padding: 0; } .is-pc-device .feekbackResult li { list-style: none; } .is-pc-device .feekbackResult .resShowPC { width: 100%; } .is-pc-device .feekbackResult .resShowPC ul { width: 100%; margin: 0; padding: 0; } .is-pc-device .feekbackResult .resShowPC .resTable { width: 1200px; margin: 0 auto; border: 1px solid #e5e5e5; } .is-pc-device .feekbackResult .resShowPC .resTable .resTableThead { width: 100%; background-color: #f4f4f4; } .is-pc-device .feekbackResult .resShowPC .resTable .resTableThead ul { display: flex; flex-direction: row; flex-wrap: nowrap; } .is-pc-device .feekbackResult .resShowPC .resTable .resTableThead ul .resTheadTh { font-size: 1.6rem; color: #000; display: flex; justify-content: center; align-items: center; height: 48px; border-right: 1px solid #e5e5e5; } .is-pc-device .feekbackResult .resShowPC .resTable .resTableThead ul .resTheadTh:nth-of-type(1) { width: 7%; } .is-pc-device .feekbackResult .resShowPC .resTable .resTableThead ul .resTheadTh:nth-of-type(2) { width: 33%; } .is-pc-device .feekbackResult .resShowPC .resTable .resTableThead ul .resTheadTh:nth-of-type(3) { width: 10%; } .is-pc-device .feekbackResult .resShowPC .resTable .resTableThead ul .resTheadTh:nth-of-type(4) { width: 10%; } .is-pc-device .feekbackResult .resShowPC .resTable .resTableThead ul .resTheadTh:nth-of-type(5) { width: 40%; border-right: 0; } .is-pc-device .feekbackResult .resShowPC .resTable .resTableTbody { display: flex; flex-direction: column; width: 100%; } .is-pc-device .feekbackResult .resShowPC .resTable .resTableTbody ul { display: flex; flex-direction: row; flex-wrap: nowrap; } .is-pc-device .feekbackResult .resShowPC .resTable .resTableTbody ul .resTableTd { font-size: 1.4rem; color: #000; display: flex; justify-content: flex-start; align-items: center; box-sizing: border-box; min-height: 48px; padding: 10px 15px; border-top: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; } .is-pc-device .feekbackResult .resShowPC .resTable .resTableTbody ul .resTableTd:nth-of-type(1) { text-align: center; justify-content: center; width: 7%; } .is-pc-device .feekbackResult .resShowPC .resTable .resTableTbody ul .resTableTd:nth-of-type(2) { width: 33%; } .is-pc-device .feekbackResult .resShowPC .resTable .resTableTbody ul .resTableTd:nth-of-type(3) { text-align: center; width: 10%; } .is-pc-device .feekbackResult .resShowPC .resTable .resTableTbody ul .resTableTd:nth-of-type(4) { text-align: center; width: 10%; } .is-pc-device .feekbackResult .resShowPC .resTable .resTableTbody ul .resTableTd:nth-of-type(5) { width: 40%; border-right: 0; } .is-pc-device .postcourse { padding-top: 71px; } .is-pc-device .postcourse .pc_postscourse_title { padding: 24px 0 0 0; margin-bottom: 0; } .is-pc-device .postcourse > div { width: 1200px; margin: auto; padding-bottom: 20px; } .is-pc-device .postcourse > div .list-group { background-color: transparent; } .is-pc-device .pc_postscourse_title { padding: 5px 0 10px; } .is-pc-device .postcourse_list { width: 100%; } .is-pc-device .postcourse_list app-pretty-item:nth-child(1) .courselist_item, .is-pc-device .postcourse_list app-pretty-item:nth-child(2) .courselist_item, .is-pc-device .postcourse_list app-pretty-item:nth-child(3) .courselist_item, .is-pc-device .postcourse_list app-pretty-item:nth-child(4) .courselist_item { margin-top: 16px; } .is-pc-device .pc_mycenter { width: 100%; min-width: 1200px; min-height: 0; padding-top: 72px; } .is-pc-device .pc_mycenter_user .pc_mycenter_user_bg { width: 100%; height: 250px; } .is-pc-device .pc_mycenter_user { margin-top: 16px; } .is-pc-device .pc_mycenter_userinfo { display: block; width: 100%; } .is-pc-device .pc_mycenter_userinfo > div { display: flex; flex-direction: row; align-items: center; width: 1200px; margin: auto; padding: 18px 24px; border-radius: 8px; background-color: #fff; } .is-pc-device .pc_mycenter_userinfo > div > * { flex-shrink: 0; } .is-pc-device .pc_mycenter_userinfo .user_img { position: relative; width: 100px; height: 100px; } .is-pc-device .pc_mycenter_userinfo .user_img .user_rank { font-size: 1.4rem; line-height: 20px; color: #fff; text-align: center; white-space: nowrap; text-overflow: ellipsis; position: absolute; z-index: 9; bottom: -10px; left: 50%; display: inline-block; overflow: hidden; max-width: 100%; height: 20px; padding: 0 10px; cursor: pointer; transform: translateX(-50%); border-radius: 10px; background: var(--themcolor); } .is-pc-device .pc_mycenter_userinfo .user_img > div:nth-child(1) { text-align: center; width: 100px; height: 100px; margin: auto; background-color: rgba(255, 255, 255, 0.8); } .is-pc-device .pc_mycenter_userinfo .user_img > div > img { position: relative; top: 0; width: 100%; height: 100%; border-radius: 50%; background-color: rgba(255, 255, 255, 0.3); } .is-pc-device .pc_mycenter_userinfo .user_img > span { font-size: 1.2rem; color: white; position: relative; top: -13px; display: inline-block; padding: 1px 10px 2px; border: 1px solid transparent; border-radius: 20px; background-color: #ff8400; } .is-pc-device .pc_mycenter_userinfo .user_name { font-weight: normal; color: #000 !important; display: flex; flex-direction: column; justify-content: center; width: 60%; margin: 0 0 0 22px; } .is-pc-device .pc_mycenter_userinfo .user_name > div:nth-child(1) { display: flex; align-items: center; } .is-pc-device .pc_mycenter_userinfo .user_name > div:nth-child(1) .fullname { font-size: 1.8rem; font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .is-pc-device .pc_mycenter_userinfo .user_name > div:nth-child(1) .memeber-center-wrap { display: flex; align-items: center; background: #3f434e; margin-left: 16px; padding: 4px 8px; border-radius: 10px 4px; cursor: pointer; } .is-pc-device .pc_mycenter_userinfo .user_name > div:nth-child(1) .memeber-center-wrap .icon-vip { width: 30px; height: 11px; } .is-pc-device .pc_mycenter_userinfo .user_name > div:nth-child(1) .memeber-center-wrap .text { font-size: 1.4rem; font-family: Source Han Sans CN; color: #ffd791; margin-left: 4px; } .is-pc-device .pc_mycenter_userinfo .user_name .name_post_wrapper .name_avater { font-size: 1.8rem; font-weight: 700; } .is-pc-device .pc_mycenter_userinfo .user_name .name_post_wrapper .name_avater > img { position: relative; top: -2px; margin-left: 5px; } .is-pc-device .pc_mycenter_userinfo .user_name .user_others { font-size: 1.4rem; width: 100%; margin: 6px 0; padding: 0; white-space: pre-wrap; } .is-pc-device .pc_mycenter_userinfo .user_name .user_others > div { font-size: 1.4rem; color: #000; display: inline-block; } .is-pc-device .pc_mycenter_userinfo .user_name .user_others > div > div { display: inline-block; } .is-pc-device .pc_mycenter_userinfo .user_name .user_others > div .user_others_item { cursor: pointer; } .is-pc-device .pc_mycenter_userinfo .user_name .user_others > div img { position: relative; top: -2px; margin-left: 6px; } .is-pc-device .pc_mycenter_userinfo .user_name .user_others > div img { cursor: pointer; } .is-pc-device .pc_mycenter_userinfo .user_name .user_others .user_rule { color: #e5e5e5; margin: 0 15px; } .is-pc-device .pc_mycenter_userinfo .user_name .name_post_wrapper { display: flex; flex-direction: row; margin: 6px 0; } .is-pc-device .pc_mycenter_userinfo .pc_mycenter_learning_post { display: flex; flex-direction: row; justify-content: center; margin-left: 24px; gap: 4px; } .is-pc-device .pc_mycenter_userinfo .pc_mycenter_learning_post .pc_item_arrow .app-svg-themebox { width: 16px; height: 16px; } .is-pc-device .pc_mycenter_userinfo .pc_mycenter_learning_post .pc_item_post_wrapper { display: flex; padding: 4px 10px; align-items: center; gap: 8px; border-radius: 4px; background: #f8f8f8; cursor: pointer; } .is-pc-device .pc_mycenter_userinfo .pc_mycenter_learning_post .pc_item_post_wrapper .app-svg-themebox { width: 16px; height: 16px; } .is-pc-device .pc_mycenter_userinfo .pc_mycenter_learning_post .pc_item_post_wrapper .item_right_name { color: #000; text-align: center; font-size: 1.2rem; font-style: normal; font-weight: 400; line-height: normal; max-width: 230px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .is-pc-device .pc_mycenter_userinfo .user_glory { display: flex; overflow: hidden; flex-direction: row; justify-content: flex-end; align-items: center; width: 30%; height: 100%; } .is-pc-device .pc_mycenter_userinfo .user_glory:empty { width: 0; } .is-pc-device .pc_mycenter_userinfo .user_glory .user_glory_cl { display: flex; flex-direction: column; padding: 0 30px; cursor: pointer; } .is-pc-device .pc_mycenter_userinfo .user_glory :nth-of-type(1) { padding: 0 33px 0 0; } .is-pc-device .pc_mycenter_userinfo .user_glory .user_glory_cl p { font-size: 2.4rem; font-weight: 500; color: #000; text-align: center; padding: 0; margin-bottom: 8px; } .is-pc-device .pc_mycenter_userinfo .user_glory .user_glory_cl span { font-size: 1.2rem; font-weight: 500; color: #000; text-align: center; padding: 0; } .is-pc-device .pc_mycenter_userinfo .user_glory_hr { width: 1px; height: 30px; background-color: #e5e5e5; } .is-pc-device .pc_mycenter_userinfo .user_glory_hr:nth-last-of-type(1) { display: none; } .is-pc-device .pc_mycenter_userinfo .user_img .user_img_defult_upload { font-size: 1.6rem; color: white; text-align: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 39px 0; cursor: pointer; border: 1px solid rgba(0, 0, 0, 0); border-radius: 60px; background-color: rgba(0, 0, 0, 0.4); } .is-pc-device .pc_mycenter_user .pc_mycenter_userlearned { color: #000; width: 100%; height: 68px; margin-top: 26px; } .is-pc-device .pc_mycenter_user .pc_mycenter_userlearned > div { display: flex; flex-direction: row; justify-content: space-between; align-items: center; width: 1200px; height: 70px; margin: 0 auto; padding: 0 24px; background-color: #fff; } .is-pc-device .pc_mycenter_userlearned_studentcourseware { font-size: 1.4rem; color: #fff; display: flex; flex-direction: row; height: 36px; padding: 8px 15px; cursor: pointer; border-radius: 18px; background-color: var(--themcolor); min-width: 120px; } .is-pc-device .pc_mycenter_userlearned_studentcourseware img { width: 22px; height: 16px; margin-right: 7px; } .is-pc-device .pc_mycenter .pc_mycenter_content { width: 100%; height: 100%; min-height: calc(100vh - 316px); padding: 24px 0 40px; } .is-pc-device .pc_mycenter .pc_mycenter_content > div { width: 1200px; margin: auto; } .is-pc-device .pc_mycenter .pc_mycenter_content .pc_mycenter_content_left { position: relative; display: inline-block; width: 894px; min-height: 698px; margin-right: 24px; border-radius: 8px; background-color: white; } .is-pc-device .pc_mycenter_content_category { width: 100%; margin-bottom: 4px; border-bottom: 1px solid #e5e5e5; } .is-pc-device .pc_mycenter_content_left .pc_mycenter_content_category { margin: 0; padding: 0 24px; border: 0; } .is-pc-device .pc_mycenter_content_category > div { font-size: 1.6rem; font-weight: bold; display: inline-block; margin-right: 30px; padding-bottom: 16px; } .is-pc-device .pc_mycenter_content_category .category_box { position: relative; display: flex; flex-direction: row; justify-content: space-between; align-items: center; margin: 0; padding: 0; border-bottom: 1px solid #e5e5e5; } .is-pc-device .pc_mycenter_content_category .category_box .my_project { display: flex; flex-direction: row; } .is-pc-device .pc_mycenter_content_category .category_box .my_project > div { font-size: 1.6rem; font-weight: 400; color: #000; padding: 16px 20px; cursor: pointer; } .is-pc-device .pc_mycenter_content_category .category_box .my_project > div:nth-of-type(1) { padding: 16px 20px 16px 0; } .is-pc-device .pc_mycenter_content_category .category_box .my_project > div img { width: 16px; height: 16px; } .is-pc-device .pc_mycenter_content_category .category_box .my_project > div .app-svg-themebox { width: 16px; height: 16px; } .is-pc-device .pc_mycenter_content_category .category_box .my_project_more { font-weight: normal; position: absolute; z-index: 2; top: 55px; left: 534px; display: none; width: 114px; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1); border-radius: 4px; background-color: #fff; } .is-pc-device .pc_mycenter_content_category .category_box .my_project_more span { display: inline-block; font-size: 1.6rem; color: #000; text-align: center; width: 100%; margin-bottom: 24px; cursor: pointer; padding-top: 24px; } .is-pc-device .pc_mycenter_content_category .category_box .my_project_more span:nth-last-of-type(1) { padding-top: 0; } .is-pc-device .isShowMore { display: block !important; } .is-pc-device .isHideMore { display: none !important; } .is-pc-device .selecting { color: var(--themcolor) !important; } .is-pc-device .pc_mycenter_content_left .pc_mycenter_content_left_list { width: 100%; padding: 0 24px 20px; position: relative; } .is-pc-device .pc_mycenter_content_left_list .pc_mycenter_content_header { border-bottom: 1px solid #eee; font-size: 2rem; color: #000; overflow: hidden; width: 100%; padding: 16px 0 0; } .is-pc-device .pc_mycenter_content_left_list .pc_mycenter_content_header p { float: left; margin: 0; } .is-pc-device .pc_mycenter_content_left_list .pc_mycenter_content_header span { float: right; font-size: 1.4rem; cursor: pointer; } .is-pc-device .pc_mycenter_content_left_list .pc_mycenter_content_header span > .app-svg-themebox { width: 16px; height: 16px; position: relative; top: -1px; } .is-pc-device .pc_mycenter_content_left_list .pc_mycenter_content_header .selectBox { float: left; margin-top: 3px; } .is-pc-device .pc_mycenter_content_left_list .pc_mycenter_content_header .selectBox div { display: flex; flex-direction: row; width: 100%; } .is-pc-device .pc_mycenter_content_left_list .pc_mycenter_content_header .selectBox div .examNot { font-size: 1.4rem; color: #666; display: flex; flex-wrap: nowrap; margin-right: 24px; padding-bottom: 16px; cursor: pointer; } .is-pc-device .pc_mycenter_content_left_list .pc_mycenter_content_header .selectBox div .selctBoxs { position: absolute; top: 20px; right: 24px; display: flex; flex-direction: row; width: 12%; } .is-pc-device .pc_mycenter_content_left_list .pc_mycenter_content_header .selectBox div .selctBoxs .selctBoxs-title { color: #999999; font-size: 1.4rem; } .is-pc-device .pc_mycenter_content_left_list .pc_mycenter_content_header .selectBox div .selctBoxs .select { font-size: 1.4rem; display: flex; flex-direction: row; align-items: center; cursor: pointer; margin-right: 5px; justify-content: flex-end; } .is-pc-device .pc_mycenter_content_left_list .pc_mycenter_content_header .selectBox div .selctBoxs .caret { margin-left: 8px; border-top: 5px dashed; border-right: 3px solid transparent; border-left: 3px solid transparent; } .is-pc-device .pc_mycenter_content_left_list .pc_mycenter_content_header .selectBox div .selctBoxs .dropdown-menu { text-align: center; top: 26px; left: -8px; overflow: auto; width: 100%; min-width: 92px; max-height: 300px; border: 0; } .is-pc-device .pc_mycenter_content_left_list .pc_mycenter_content_header .selectBox div .selctBoxs .dropdown-menu li { padding: 3px 5px; cursor: pointer; } .is-pc-device .pc_mycenter_content_left_list .pc_mycenter_content_header .selectBox div .selctBoxs .dropdown-menu li:hover { background-color: #f4f4f4; } .is-pc-device .pc_mycenter_content_left_list .pc_mycenter_content_header .selectBox div .selctBoxs-sx { width: fit-content !important; } .is-pc-device .pc_mycenter_content_left_list .pc_mycenter_content_header .selectBox div .examSelct .dropdown-menu { top: 26px !important; left: -26px !important; } .is-pc-device .pc_mycenter_content_left_list .pc_mycenter_content_header .selectBox div #selectYear { font-size: 1.4rem; color: #000; padding: 0 14px 0 5px; border: 0; outline: none; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .is-pc-device .pc_mycenter_content_left_list .pc_mycenter_content_header .selectBox div .examNotSelt { color: var(--themcolor); } .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox { overflow: hidden; width: 100%; } .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .mytask_list_Box { display: flex; flex-direction: column; width: 100%; } .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .mytask_list_Box .mytaskBox { display: flex; flex-direction: row; width: 100%; } .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .mytask_list_Box .mytaskBox .CourseLearnTasks { color: #3abfdd; background-color: rgba(58, 191, 221, 0.1); } .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .mytask_list_Box .mytaskBox .SignIns { color: #5d52d1; background-color: rgba(93, 82, 209, 0.1); } .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .mytask_list_Box .mytaskBox .projects { color: #ff8400; background-color: rgba(243, 152, 0, 0.1); } .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .mytask_list_Box .mytaskBox .Exams { color: #f48940; background: rgba(244, 137, 64, 0.1); } .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .mytask_list_Box .mytaskBox .Surveys { color: #18c884; background-color: rgba(24, 200, 132, 0.1); } .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .mytask_list_Box .mytaskBox .Recruits { color: #b19666; background: rgba(177, 150, 102, 0.1); } .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .mytask_list_Box .mytaskBox .Quizs { color: #87b7a0; background: rgba(135, 183, 160, 0.1); } .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .mytask_list_Box .mytaskBox .RapidTrains { color: #8a93ed; background: rgba(138, 147, 237, 0.1); } .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .mytask_list_Box .mytaskBox .Specials { color: #2479e9; background: rgba(36, 121, 233, 0.1); } .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .mytask_list_Box .mytaskBox .TrainCourses { color: var(--themcolor); background: rgba(var(--rgbnum), 0.1); } .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .mytask_list_Box .mytaskBox .Reads { color: #bb6230; background: rgba(187, 98, 48, 0.1); } .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .mytask_list_Box .mytaskBox .PeriodicProjects { color: #6dd178; background: rgba(109, 209, 120, 0.1); } .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .mytask_list_Box .mytaskBox .Votes { color: #bfc762; background: rgba(191, 199, 98, 0.1); } .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .mytask_list_Box .mytaskBox .Lives { color: #ff5d5d; background-color: rgba(255, 93, 93, 0.1); } .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .mytask_list_Box .mytaskBox .Exercises { color: #edaa3e; background-color: rgba(237, 170, 62, 0.1); } .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .mytask_list_Box .mytaskBox .TrainPrograms { color: #6dd178; background: rgba(109, 209, 120, 0.1); } .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .mytask_list_Box .mytaskBox .LearnMapExecs { color: #daba85; background: rgba(218, 186, 133, 0.1); } .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .mytask_list_Box .mytaskBox .Appraises { color: #fa71cb; background: rgba(250, 113, 203, 0.1); } .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .mytask_list_Box .mytaskBox .mytask_left { font-size: 1.2rem; text-align: center; width: 56px; height: 56px; padding: 0 12px; margin: 16px 16px 0 0; border-radius: 4px; display: flex; justify-content: center; align-items: center; } .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .mytask_list_Box .mytaskBox .mytask_right { position: relative; display: flex; flex-direction: column; justify-content: space-between; width: calc(100% - 68px); padding: 19px 0 15px; border-bottom: 1px solid #e5e5e5; cursor: pointer; } .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .mytask_list_Box .mytaskBox .mytask_right .mytask_right_title { font-size: 1.6rem; color: #000; width: calc(100% - 104px); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .mytask_list_Box .mytaskBox .mytask_right .mytask_right_num { font-size: 1.4rem; color: #999; width: 70%; margin-top: 5px; } .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .mytask_list_Box .mytaskBox .mytask_right .right_btn_box { position: absolute; top: 0; right: 0px; display: flex; align-items: center; height: 100%; } .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .mytask_list_Box .mytaskBox .mytask_right .right_btn_box .mytask_right_btn { color: var(--themcolor); padding: 8px 22px; cursor: pointer; border: 1px solid var(--themcolor); border-radius: 18px; } .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .mytask_list_Box .mytaskBox:nth-last-of-type(1) .mytask_right { border: 0; } .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .myExamBox { width: 100%; } .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .myExamBox .pc_exam_testpaper_list_title { width: 52%; } .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .myExamBox .pc_exam_testpaper_list_test { width: 48%; } .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .myExamBox .myExam_Ncomplete, .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .myExamBox .myExam_Scomplete { display: flex; flex-direction: column; width: 100%; } .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .myExamBox .myExam_Ncomplete .myExamEnd, .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .myExamBox .myExam_Scomplete .myExamEnd { position: relative; width: 100%; padding: 21px 0; cursor: pointer; border-bottom: 1px solid #e5e5e5; } .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .myExamBox .myExam_Ncomplete .myExamEnd:nth-last-of-type(1), .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .myExamBox .myExam_Scomplete .myExamEnd:nth-last-of-type(1) { border: 0; } .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .myExamBox .myExam_Ncomplete .myExamEnd .myExam_title, .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .myExamBox .myExam_Scomplete .myExamEnd .myExam_title { color: #000; word-break: break-all; align-items: center; width: 48%; margin-bottom: 10px; } .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .myExamBox .myExam_Ncomplete .myExamEnd .myExam_title div, .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .myExamBox .myExam_Scomplete .myExamEnd .myExam_title div { font-size: 1.6rem; margin-right: 8px; } .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .myExamBox .myExam_Ncomplete .myExamEnd .myExam_title .myExam_title_icon, .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .myExamBox .myExam_Scomplete .myExamEnd .myExam_title .myExam_title_icon { font-size: 1.2rem; color: #fff; display: inline-block; padding: 1px 6px; border-radius: 4px; } .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .myExamBox .myExam_Ncomplete .myExamEnd .myExam_title .myExam_title_successBg, .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .myExamBox .myExam_Scomplete .myExamEnd .myExam_title .myExam_title_successBg { background-color: #18c884; } .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .myExamBox .myExam_Ncomplete .myExamEnd .myExam_title .myExam_title_failedBg, .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .myExamBox .myExam_Scomplete .myExamEnd .myExam_title .myExam_title_failedBg { background-color: #ff5d5d; } .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .myExamBox .myExam_Ncomplete .myExamEnd .myExam_title .myExam_title_automatedBg, .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .myExamBox .myExam_Scomplete .myExamEnd .myExam_title .myExam_title_automatedBg { background-color: #ff8400; } .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .myExamBox .myExam_Ncomplete .myExamEnd .myExam_other, .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .myExamBox .myExam_Scomplete .myExamEnd .myExam_other { font-size: 1.4rem; color: #999; width: 70%; margin-bottom: 10px; word-break: break-all; } .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .myExamBox .myExam_Ncomplete .myExamEnd .myExam_other div, .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .myExamBox .myExam_Scomplete .myExamEnd .myExam_other div { display: inline-block; margin-right: 19px; } .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .myExamBox .myExam_Ncomplete .myExamEnd .myExam_endTime, .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .myExamBox .myExam_Scomplete .myExamEnd .myExam_endTime { font-size: 1.4rem; color: #999; width: 60%; } .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .myExamBox .myExam_Ncomplete .myExamEnd .myExam_rightBtn, .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .myExamBox .myExam_Scomplete .myExamEnd .myExam_rightBtn { position: absolute; top: 12px; right: 0; display: flex; flex-direction: row; } .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .myExamBox .myExam_Ncomplete .myExamEnd .myExam_rightBtn > div, .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .myExamBox .myExam_Scomplete .myExamEnd .myExam_rightBtn > div { color: var(--themcolor); margin-right: 16px; padding: 8px 22px; cursor: pointer; border: 1px solid var(--themcolor); border-radius: 18px; background: #fff; } .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .myExamBox .myExam_Ncomplete .myExamEnd .myExam_rightBtn .btn-secondary, .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .myExamBox .myExam_Scomplete .myExamEnd .myExam_rightBtn .btn-secondary { color: #666; vertical-align: top; display: inline-block; margin-right: 16px; padding: 8px 22px; cursor: pointer; border: 1px solid transparent; border-radius: 18px; outline: none; background-color: #e5e5e5; } .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .myExamBox .myExam_Ncomplete .myExamEnd .myExam_rightBtn .btn-secondary:active, .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .myExamBox .myExam_Scomplete .myExamEnd .myExam_rightBtn .btn-secondary:active { box-shadow: unset; } .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .myExamBox .myExam_Ncomplete .myExamEnd .myExam_rightBtn .tooltip.left .tooltip-arrow, .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .myExamBox .myExam_Scomplete .myExamEnd .myExam_rightBtn .tooltip.left .tooltip-arrow { display: none; } .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .myExamBox .myExam_Ncomplete .myExamEnd .myExam_rightBtn .tooltip .tooltip-inner, .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .myExamBox .myExam_Scomplete .myExamEnd .myExam_rightBtn .tooltip .tooltip-inner { font-size: 1.3rem; color: #000; text-align: left; letter-spacing: 1px; word-break: break-all; max-width: 100%; padding: 30px 20px; box-shadow: 0 0 7px 1px rgba(0, 0, 0, 0.2); background-color: white; } .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .myExamBox .myExam_Ncomplete .overMyexam, .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .myExamBox .myExam_Scomplete .overMyexam { font-size: 1.3rem; color: #999; text-align: center; position: relative; top: -2px; width: 100%; padding: 8px 0; background-color: #f4f4f4; } .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .myExamBox .myExam_Ncomplete .myExamEnded, .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .myExamBox .myExam_Scomplete .myExamEnded { cursor: default; } .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .myExamBox .myExam_Ncomplete .myExamEnded .myExam_title div, .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .myExamBox .myExam_Scomplete .myExamEnded .myExam_title div { color: #999; } .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .pc_mycenter_content_liveBox { display: flex; flex-direction: row; flex-wrap: wrap; width: 100%; padding: 0 0 10px; } .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .pc_mycenter_content_liveBox app-live-list { width: calc((100% - 32px) / 3); margin-top: 24px; margin-right: 16px; } .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .pc_mycenter_content_liveBox app-live-list:nth-of-type(3n) { margin-right: 0; } .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .pc_mycenter_content_curriculumList, .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .pc_mycenter_content_listMaking, .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .pc_mycenter_content_projectList { display: flex; flex-direction: row; flex-wrap: wrap; width: 100%; padding: 0 0 10px; cursor: pointer; } .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .pc_mycenter_content_curriculumList .courselist_item, .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .pc_mycenter_content_listMaking .courselist_item, .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .pc_mycenter_content_projectList .courselist_item { width: calc((100% - 32px) / 3); margin-top: 24px; margin-right: 16px; background-color: #f8f8f8; } .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .pc_mycenter_content_curriculumList .courselist_item:nth-child(3n), .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .pc_mycenter_content_listMaking .courselist_item:nth-child(3n), .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .pc_mycenter_content_projectList .courselist_item:nth-child(3n) { margin-right: 0; } .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .pc_mycenter_content_curriculumList .curriculumList_Box, .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .pc_mycenter_content_listMaking .curriculumList_Box, .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .pc_mycenter_content_projectList .curriculumList_Box { width: calc((100% - 32px) / 3); margin-top: 15px; margin-right: 16px; border-radius: 4px; } .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .pc_mycenter_content_curriculumList .curriculumList_Box:nth-of-type(3n), .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .pc_mycenter_content_listMaking .curriculumList_Box:nth-of-type(3n), .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .pc_mycenter_content_projectList .curriculumList_Box:nth-of-type(3n) { margin-right: 0; } .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .pc_mycenter_content_curriculumList .curriculumList_Box:hover, .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .pc_mycenter_content_listMaking .curriculumList_Box:hover, .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .pc_mycenter_content_projectList .curriculumList_Box:hover { box-shadow: 0 20px 20px -25px #000; transform: translateY(-8px); } .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .pc_mycenter_content_curriculumList .curriculumList_Box img, .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .pc_mycenter_content_listMaking .curriculumList_Box img, .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .pc_mycenter_content_projectList .curriculumList_Box img { width: 100%; border-radius: 4px 4px 0 0; } .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .pc_mycenter_content_curriculumList .curriculumList_Box .curriculumList_Box_bottom, .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .pc_mycenter_content_listMaking .curriculumList_Box .curriculumList_Box_bottom, .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .pc_mycenter_content_projectList .curriculumList_Box .curriculumList_Box_bottom { display: flex; flex-direction: column; justify-content: space-between; width: 100%; padding: 16px; background-color: #f8f8f8; } .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .pc_mycenter_content_curriculumList .curriculumList_Box .curriculumList_Box_bottom .curriculumList_Box_bottomTitle, .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .pc_mycenter_content_listMaking .curriculumList_Box .curriculumList_Box_bottom .curriculumList_Box_bottomTitle, .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .pc_mycenter_content_projectList .curriculumList_Box .curriculumList_Box_bottom .curriculumList_Box_bottomTitle { font-size: 1.6rem; color: #000; font-weight: 700; } .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .pc_mycenter_content_curriculumList .curriculumList_Box .curriculumList_Box_bottom .curriculumList_Box_bottomTitle div, .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .pc_mycenter_content_listMaking .curriculumList_Box .curriculumList_Box_bottom .curriculumList_Box_bottomTitle div, .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .pc_mycenter_content_projectList .curriculumList_Box .curriculumList_Box_bottom .curriculumList_Box_bottomTitle div { text-overflow: ellipsis; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .pc_mycenter_content_curriculumList .curriculumList_Box .curriculumList_Box_bottom .curriculumList_Box_bottomView, .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .pc_mycenter_content_listMaking .curriculumList_Box .curriculumList_Box_bottom .curriculumList_Box_bottomView, .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .pc_mycenter_content_projectList .curriculumList_Box .curriculumList_Box_bottom .curriculumList_Box_bottomView { display: flex; flex-direction: row; margin-top: 16px; } .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .pc_mycenter_content_curriculumList .curriculumList_Box .curriculumList_Box_bottom .curriculumList_Box_bottomView span, .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .pc_mycenter_content_listMaking .curriculumList_Box .curriculumList_Box_bottom .curriculumList_Box_bottomView span, .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .pc_mycenter_content_projectList .curriculumList_Box .curriculumList_Box_bottom .curriculumList_Box_bottomView span { color: #999; display: inline; margin-right: 16px; } .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .pc_mycenter_content_curriculumList .curriculumList_Box .curriculumList_Box_bottom .curriculumList_Box_bottomView span img, .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .pc_mycenter_content_listMaking .curriculumList_Box .curriculumList_Box_bottom .curriculumList_Box_bottomView span img, .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .pc_mycenter_content_projectList .curriculumList_Box .curriculumList_Box_bottom .curriculumList_Box_bottomView span img { width: 13px; height: 10px; margin-right: 5px; } .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .pc_mycenter_content_projectList .curriculumList_Box:hover { box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.05); transform: translateY(0); } .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .pc_mycenter_content_projectList { margin-top: 20px; } .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .pc_mycenter_content_projectList .curriculumList_Box { position: relative; } .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .pc_mycenter_content_projectList .curriculumList_Box .limitWidth { border-radius: 8px 8px 0 0; } .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .pc_mycenter_content_projectList .curriculumList_Box .limitWidth img { border-radius: 8px 8px 0 0; } .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .pc_mycenter_content_projectList .curriculumList_Box .project_progress { position: absolute; top: 44%; left: 0; display: flex; flex-direction: row; justify-content: center; align-items: center; width: 100%; height: 30px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6)); } .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .pc_mycenter_content_projectList .curriculumList_Box .project_progress progressbar { width: calc(100% - 50px) !important; height: 4px; margin: 0; border-radius: 6px; background-color: rgba(0, 0, 0, 0.5); } .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .pc_mycenter_content_projectList .curriculumList_Box .project_progress_num { font-size: 1.2rem; color: white; margin-left: 15px; } .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .pc_mycenter_content_projectList .curriculumList_Box .curriculumList_Box_bottom { position: relative; min-height: 120px; } .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .pc_mycenter_content_projectList .curriculumList_Box .curriculumList_Box_bottom .project_period_close { position: absolute; right: 0; bottom: 0; width: 48px; } .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .pc_mycenter_content_projectList .curriculumList_Box .projectList_Box_bottomView { flex-direction: column !important; margin-top: 8px; } .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .pc_mycenter_content_projectList .curriculumList_Box .projectList_Box_bottomView span { font-size: 1.4rem; color: #999; align-items: center; margin: 4px 0 0 !important; } .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .pc_mycenter_content_projectList .curriculumList_Box .projectList_Box_bottomView span .topdot, .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .pc_mycenter_content_projectList .curriculumList_Box .projectList_Box_bottomView span .bottomdot { vertical-align: middle; display: inline-block; width: 5px; height: 5px; margin-right: 6px; border-radius: 50%; background-color: #00d232; } .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .pc_mycenter_content_projectList .curriculumList_Box .projectList_Box_bottomView span .bottomdot { background-color: #ffac00 !important; } .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .pc_mycenter_content_projectList .project_info { padding: 16px 8px !important; } .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .pc_mycenter_content_projectList .project_item_progress { bottom: 21px !important; } .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .pc_mycenter_content_listMaking .curriculumList_Box:hover { box-shadow: 0 0 11px rgba(0, 0, 0, 0.08); transition: all 0.2s ease-in-out; transform: translateY(-5px); } .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .pc_mycenter_content_listMaking .curriculumList_Box { background-color: #fff; } .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .pc_mycenter_content_listMaking .curriculumList_Box .limitWidth { border-radius: 8px 8px 0 0; } .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .pc_mycenter_content_listMaking .curriculumList_Box_bottom { position: relative; border-radius: 0 0 8px 8px; } .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .pc_mycenter_content_listMaking .curriculumList_Box_bottom .curriculumList_Box_bottomTitle { display: flex; flex-direction: row; align-items: flex-start; } .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .pc_mycenter_content_listMaking .curriculumList_Box_bottom .curriculumList_Box_bottomTitle .tooltip-arrow { display: none !important; } .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .pc_mycenter_content_listMaking .curriculumList_Box_bottom .curriculumList_Box_bottomTitle .tooltip-inner { font-size: 1.3rem; color: #000; text-align: left; letter-spacing: 1px; text-overflow: unset !important; word-break: break-all; z-index: 1; display: block !important; overflow: unset !important; max-width: 100%; padding: 30px 20px; box-shadow: 0 0 7px 1px rgba(0, 0, 0, 0.2); background-color: white; -webkit-box-orient: unset !important; -webkit-line-clamp: unset !important; } .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .pc_mycenter_content_listMaking .curriculumList_Box_bottom .curriculumList_Box_bottomTitle button { width: 24px; height: 24px; margin-left: 5px; padding: 0; border: 0; background-color: #f8f8f8; } .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .pc_mycenter_content_listMaking .curriculumList_Box_bottom .curriculumList_Box_bottomTitle button img { width: 24px; height: 24px; } .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .pc_mycenter_content_listMaking .curriculumList_Box_bottom .curriculumList_Box_bottomTitle button:hover { background-color: #f8f8f8; } .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .pc_mycenter_content_listMaking .curriculumList_Box_bottom .curriculumList_Box_bottomView { margin-top: 10px; } .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .pc_mycenter_content_listMaking .curriculumList_Box_bottom .passthrough_list_content_button { top: 35%; right: 16px; } .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .pc_mycenter_content_listMaking .curriculumList_Box_bottom .passthrough_list_content_button:hover { color: white; background-color: var(--themcolor); } .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .mycenter-position-tree-myidp app-my-idp { padding-bottom: 0px !important; } .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .mycenter-position-tree-myidp app-my-idp .idp { margin-bottom: 0px !important; } .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .mycenter-position-tree-myidp app-my-idp .idp .idp_postdevelopment { padding: 0px !important; } .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .pc_mycenter_content_IDPBox { position: relative; overflow: hidden; width: 100%; margin-top: 10px; padding: 0; } .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .pc_mycenter_content_IDPBox .idpBg { width: 100%; position: absolute; bottom: 0; left: 0; } .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .myIDP_bx { position: absolute; z-index: 1; top: 24px; right: 24px; width: 56px; height: 56px; } .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .showIdpYear { font-size: 1.6rem; color: #000; text-align: center; position: absolute; z-index: 1; top: 24px; left: 24px; padding: 4px 10px; border-radius: 3px; background-color: #fff; } .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .showIdpYear span { font-size: 1.2rem; color: #999; } .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .myIdp_post { font-size: 1.6rem; color: #fff; text-align: center; position: absolute; z-index: 4; bottom: 10px; left: 0; width: 100%; padding-right: 18px; } .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .myIdp_post div { display: inline-block; padding: 13px 36px; border-radius: 25px; background: #18c884; } .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .myidpBox { position: relative; overflow: auto; width: 100%; height: 585px; } .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox app-my-idp { overflow: hidden; width: 100%; padding-bottom: 38px; background-color: transparent; } .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox app-my-idp .idp { margin-bottom: 70px; padding: 0; } .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox app-my-idp .idp .idp_view { overflow: unset; min-height: 500px; background-color: transparent; } .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox app-my-idp .idp .idp_view .idp_postdevelopment { position: relative; overflow: unset; min-height: unset; } .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox app-my-idp .idp .idp_view_bg { position: absolute; bottom: 0; left: 0; width: 100%; } .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox app-my-idp .idp .idp_tree { width: 100%; padding: 0; } .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox app-my-idp .idp .idp_tree .idp_tree_tablebar { position: absolute; top: 0; width: 100%; } .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox app-my-idp .idp .idp_tree .idp_tree_tablebar .btn-group { max-width: 180px; } .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox app-my-idp .idp .idp_tree .idp_tree_tablebar div div img { position: relative; } .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox app-my-idp .idp .idp_tree .idp_tree_content { background-color: transparent; } .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox app-my-idp .idp .idp_tree .idp_tree_content .idp_tree_content_branch { background-color: transparent; } .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox app-my-idp .idp .idp_tree .idp_tree_content .idp_tree_content_branch .idp_tree_content_branch_list > div { font-size: 1.4rem; max-width: 240px; } .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox app-my-idp .idp .idp_tree .idp_tree_content .idp_tree_content_branch .idp_tree_content_branch_list .idp_tree_onecontent { font-size: 1.4rem; } .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox app-my-idp .idp .idp_tree .idp_tree_post_postdevelopmenttree { margin-top: 30px; } .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox app-my-idp .idp .idp_tree .idp_tree_post { position: relative; width: 849px; } .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .missList { display: flex; flex-direction: column; width: 100%; } .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .missList .missTitle { font-size: 1.4rem; color: #999; text-align: center; margin: 40px 0; } .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .forum_list_list { padding-top: 24px; } .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .forum_list_list .myforum_list_list > div .qa_list_right .qa_list_right_down { border-bottom: 1px solid #e5e5e5 !important; } .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .forum_list_list .myforum_list_list > div:last-child .qa_list_right .qa_list_right_down { border: none; } .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .qa_list { padding: 0; } .is-pc-device .pc_mycenter_content_lists .pc_mycenter_content_listBox .qa_list .qa_list_right_down { padding-bottom: 24px; } .is-pc-device .pc_mycenter_content_category > span { font-size: 1.4rem; display: inline-block; margin-right: 24px; padding-bottom: 10px; cursor: pointer; border-bottom: 2px solid transparent; } .is-pc-device .pc_mycenter_content_category > .active { color: var(--themcolor); border-bottom: 2px solid var(--themcolor); } .is-pc-device .pc_mycenter .pc_mycenter_content .pc_mycenter_content_right { vertical-align: top; display: inline-block; width: 282px; } .is-pc-device .pc_mycenter .pc_mycenter_content .pc_mycenter_content_right > div { margin-bottom: 24px; } .is-pc-device .pc_mycenter_content_right .pc_mycenter_content_right_app_list { width: 100%; height: 244px; } .is-pc-device .pc_mycenter_content_right .pc_mycenter_content_right_app_list > div { width: 100%; height: 100%; overflow: hidden; } .is-pc-device .pc_mycenter_content_right .pc_mycenter_content_right_app_list > div::-webkit-scrollbar { width: 4px; } .is-pc-device .pc_mycenter_content_right .pc_mycenter_content_right_app_list > div > div { text-align: center; display: inline-block; width: 25%; padding: 12px 0; cursor: pointer; position: relative; } .is-pc-device .pc_mycenter_content_right .pc_mycenter_content_right_app_list > div > div > img { width: 30px; height: 30px; margin-bottom: 8px; } .is-pc-device .pc_mycenter_content_right .pc_mycenter_content_right_app_list > div > div > span { font-size: 1.2rem; color: #000; text-align: center; white-space: nowrap; text-overflow: ellipsis; display: block; overflow: hidden; } .is-pc-device .pc_mycenter_content_right .pc_mycenter_content_right_app_list > div > div > p { display: inline-block; position: absolute; top: 0; right: -4px; font-size: 1.2rem; color: #fff; border-radius: 99px; background-color: #ff5d5d; white-space: nowrap; padding: 0 4px; margin: 0; transform: scale(0.8); border: 1px solid #fff; } .is-pc-device .pc_mycenter_content_right .pc_mycenter_content_right_app_list_all { height: auto; } .is-pc-device .pc_mycenter_content_right .pc_mycenter_content_right_app_more { text-align: center; cursor: pointer; } .is-pc-device .pc_mycenter_content_right .pc_mycenter_content_right_app_more img { width: 10px; height: 10px; } .is-pc-device .pc_mycenter_content_right .pc_mycenter_content_right_app_more span { color: #000; font-size: 1.2rem; font-weight: 350; margin-left: 8px; } .is-pc-device .pc_mycenter_content_right .pc_mycenter_content_right_app_icontrans img { transform: rotate(180deg); } .is-pc-device .pc_mycenter_content_right_app, .is-pc-device .pc_mycenter_content_right_idp { min-height: 316px; padding: 16px; border-radius: 8px; background-color: white; } .is-pc-device .pc_mycenter_content_right_app { max-height: 365px; overflow: hidden; } .is-pc-device .pc_mycenter_content_right_app, .is-pc-device .pc_mycenter_content_right_idp > img { width: 100%; } .is-pc-device .pc_mycenter_content_right .pc_mycenter_content_right_app { max-height: unset; padding: 16px; } .is-pc-device .pc_mycenter_content_right .pc_mycenter_content_right_app .pc_mycenter_content_category { display: flex; justify-content: space-between; align-items: flex-start; } .is-pc-device .pc_mycenter_content_right .pc_mycenter_content_right_app .pc_mycenter_content_category .pc_mycenter_appswiperconfig { margin: 0; padding: 0; position: relative; top: -4px; display: flex; align-items: center; } .is-pc-device .pc_mycenter_content_right .pc_mycenter_content_right_app .pc_mycenter_content_category .pc_mycenter_appswiperconfig > div { width: 32px; height: 32px; background-color: #f4f4f4; border-radius: 50%; display: flex; justify-content: center; align-items: center; cursor: pointer; } .is-pc-device .pc_mycenter_content_right .pc_mycenter_content_right_app .pc_mycenter_content_category .pc_mycenter_appswiperconfig > div:hover { background-color: rgba(var(--rgbnum), 0.1); } .is-pc-device .pc_mycenter_content_right .pc_mycenter_content_right_app .pc_mycenter_content_category .pc_mycenter_appswiperconfig > div:hover .app-svg-themebox { color: var(--themcolor); } .is-pc-device .pc_mycenter_content_right .pc_mycenter_content_right_app .pc_mycenter_content_category .pc_mycenter_appswiperconfig > div .app-svg-themebox { width: 18px; height: 18px; color: #000; } .is-pc-device .pc_mycenter_content_right .pc_mycenter_content_right_app .pc_mycenter_content_category .pc_mycenter_appswiperconfig > div.swiper-button-disabled { cursor: default; } .is-pc-device .pc_mycenter_content_right .pc_mycenter_content_right_app .pc_mycenter_content_category .pc_mycenter_appswiperconfig > div.swiper-button-disabled .app-svg-themebox { color: #c2c2c2; } .is-pc-device .pc_mycenter_content_right .pc_mycenter_content_right_app .pc_mycenter_content_category .pc_mycenter_appswiperconfig > div.swiper-button-disabled:hover { background-color: #f4f4f4; } .is-pc-device .pc_mycenter_content_right .pc_mycenter_content_right_app .pc_mycenter_content_category .pc_mycenter_appswiperconfig > div.swiper-button-disabled:hover .app-svg-themebox { color: #c2c2c2; } .is-pc-device .pc_mycenter_content_right .pc_mycenter_content_right_app .pc_mycenter_content_category .pc_mycenter_appswiperconfig .appswiper-button-prev .app-svg-themebox { rotate: 90deg; } .is-pc-device .pc_mycenter_content_right .pc_mycenter_content_right_app .pc_mycenter_content_category .pc_mycenter_appswiperconfig .appswiper-button-next { margin-left: 16px; } .is-pc-device .pc_mycenter_content_right .pc_mycenter_content_right_app .pc_mycenter_content_category .pc_mycenter_appswiperconfig .appswiper-button-next .app-svg-themebox { rotate: -90deg; } .is-pc-device .pc_mycenter_content_right_calendar { min-height: 300px; padding: 20px 16px; border-radius: 8px; background-color: white; } .is-pc-device .pc_mycenter_content_right_calendar .month-calendar-title-box { display: flex; flex-direction: row; justify-content: space-between; align-items: center; margin-bottom: 20px; } .is-pc-device .pc_mycenter_content_right_calendar .month-calendar-title-box .month-calendar-title { font-size: 1.6rem; font-weight: 800; } .is-pc-device .pc_mycenter_content_right_calendar .month-calendar-title-box .prev-month, .is-pc-device .pc_mycenter_content_right_calendar .month-calendar-title-box .next-month { cursor: pointer; } .is-pc-device .pc_mycenter_content_right_calendar .month-calendar-title-box .prev-month > img, .is-pc-device .pc_mycenter_content_right_calendar .month-calendar-title-box .next-month > img { width: 8px; height: 12px; } .is-pc-device .pc_mycenter_content_right_calendar .month-calendar-body-box { width: 100%; } .is-pc-device .pc_mycenter_content_right_calendar .month-calendar-body-box .month-calendar-table { border: 0; } .is-pc-device .pc_mycenter_content_right_calendar .month-calendar-body-box .month-calendar-table tbody { border: 0; } .is-pc-device .pc_mycenter_content_right_calendar .month-calendar-body-box .month-calendar-table tbody tr { margin-bottom: 15px; border: 0 !important; } .is-pc-device .pc_mycenter_content_right_calendar .month-calendar-body-box .month-calendar-table tbody tr:nth-of-type(1) { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #e5e5e5 !important; } .is-pc-device .pc_mycenter_content_right_calendar .month-calendar-body-box .month-calendar-table tbody tr:nth-last-of-type(1) { margin: 0; } .is-pc-device .pc_mycenter_content_right_calendar .month-calendar-body-box .month-calendar-table tbody tr th, .is-pc-device .pc_mycenter_content_right_calendar .month-calendar-body-box .month-calendar-table tbody tr td { font-size: 1.2rem; margin: 0; padding: 0; border: 0 !important; } .is-pc-device .pc_mycenter_content_right_calendar .month-calendar-body-box .month-calendar-table tbody tr th { color: #000; font-size: 1.4rem; } .is-pc-device .pc_mycenter_content_right_calendar .month-calendar-body-box .month-calendar-table tbody tr td { position: relative; height: 24px; line-height: 24px; } .is-pc-device .pc_mycenter_content_right_calendar .month-calendar-body-box .month-calendar-table tbody tr td .month-calendar-table-day { position: absolute; z-index: 5; top: 0; right: 0; } .is-pc-device .pc_mycenter_content_right_calendar .month-calendar-body-box .month-calendar-table tbody tr td .month-calendar-table-daytasks { position: absolute; top: 0; left: 22%; width: 100%; height: 100%; margin: 0; padding: 0; } .is-pc-device .pc_mycenter_content_right_calendar .month-calendar-body-box .month-calendar-table tbody tr td .month-calendar-table-daytasks div { position: absolute; top: 0; left: 0; width: 24px; height: 24px; border-radius: 50%; margin-left: 4px; box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2); } .is-pc-device .mycenter_learnrecord .learnrecord_content_item { background-color: #f4f4f4; } .is-pc-device .mycenter_learnrecord .learnrecord_content_item:hover { background-color: #f0f0f0; } .is-pc-device .mycenter_learnrecord .learnrecord_content_item_right .learnrecord_content_item_right_triangle2 { border-right: 6px solid #f4f4f4; } .is-pc-device .mycenter_myqa, .is-pc-device .mycenter_mypost { position: relative; } .is-pc-device .mycenter_myqa > .mycenter_myqa_bar > .next-navbar, .is-pc-device .mycenter_mypost > .mycenter_mypost_bar > .next-navbar { padding: 0; border: none; border-bottom: 1px solid #e5e5e5; } .is-pc-device .mycenter_myqa > .mycenter_myqa_bar > .next-navbar > li, .is-pc-device .mycenter_mypost > .mycenter_mypost_bar > .next-navbar > li { position: relative; display: inline-block; width: auto; margin-right: 5px; padding: 0; } .is-pc-device .mycenter_myqa > .mycenter_myqa_bar > .next-navbar > li > div, .is-pc-device .mycenter_mypost > .mycenter_mypost_bar > .next-navbar > li > div { padding: 10px 20px; } .is-pc-device .mycenter_myqa_bar, .is-pc-device .mycenter_mypost_bar { margin-bottom: 20px; } .is-pc-device .mycenter_myqa .myqa { min-height: 450px; padding: 0; background-color: white; } .is-pc-device .mycenter_myqa .myqa > div { width: 100% !important; } .is-pc-device .mycenter_myqa .myqa > div > .myqa_list { padding: 10px 0; border: none; } .is-pc-device .mycenter_mypost .forum_list_list { min-height: 450px; } .is-pc-device .mycenter_mypost .myforum_list_list .forum_list_list_buttonlist, .is-pc-device .mycenter_mypost .myforum_list_list .forum_list_list_buttonlist > div { width: auto !important; } .is-pc-device .mycenter_mypost .next-navbar > li > div > span { top: 3px; right: 3px; } .is-pc-device .mycenter_mypost .myforum_loading, .is-pc-device .mycenter_mypost .myforum_loading:hover { background-color: white !important; } .is-pc-device .mycenter_mystaticinfo .mystaticinfo { background-color: white; } .is-pc-device .pc_mycenter_signin_list .one_list { padding: 16px 0; cursor: pointer; border-bottom: 1px solid #e5e5e5; } .is-pc-device .pc_mycenter_signin_list .one_list:last-child { border-bottom: none; } .is-pc-device .pc_mycenter_signin_list .one_list > h4 { font-size: 1.6rem; color: #000; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .is-pc-device .pc_mycenter_signin_list .one_list > span { font-size: 1.3rem; color: #999; } .is-pc-device .synthesize { padding-top: 132px; background-color: #f4f4f4; } .is-pc-device .synthesize > div { width: 1200px; min-height: calc(100vh - 126px); margin: auto; } .is-pc-device .synthesize .next-navbar-padding { width: 100%; } .is-pc-device .synthesize .next-navbar-padding > div { width: 1200px; margin: auto; padding: 0 20px; } .is-pc-device .synthesize .next-navbar-padding > div > .next-navbar { display: inline-block; width: 350px; } .is-pc-device .synthesize .next-navbar-padding > div > .next-navbar > .active { background-color: unset; } .is-pc-device .synthesize .next-navbar > .active > div { color: var(--themcolor); border-bottom: none; } .is-pc-device .synthesize .next-navbar > li > div:hover { color: var(--themcolor); cursor: pointer; border-bottom: none; } .is-pc-device .synthesize .next-navbar-padding > div .pc_search_text { position: relative; top: 15px; float: right; } .is-pc-device .synthesize .next-navbar-padding > div .pc_search_text > input { text-align: center; width: 300px; padding: 5px 10px 5px 20px; border: none; border-radius: 25px; background-color: #f4f4f4; } .is-pc-device .synthesize .nextpadding > div .pc_search_text > input::input-placeholder { text-align: center; } .is-pc-device .synthesize .next-navbar-padding > div .pc_search_text > img { position: relative; top: 5px; left: 25px; float: left; width: 20px; } .is-pc-device .synthesize .myslides { padding-top: 10px; background-color: unset; } .is-pc-device .synthesize .swiper-slide { overflow: hidden; } .is-pc-device .synthesize .teaching_one { padding: 15px 20px; cursor: pointer; } .is-pc-device .synthesize .teaching_one > li { font-size: 1.5rem; } .is-pc-device .synthesize .teaching_info > span { font-size: 1.4rem; margin-right: 50px; } .is-pc-device .synthesize .teaching_info > span:last-of-type { float: none; } .is-pc-device .synthesize .cost_teaching_info { font-size: 1.4rem; } .is-pc-device .synthesize .prev-month, .is-pc-device .synthesize .next-month { cursor: pointer; } .is-pc-device .synthesize .cost { min-height: 500px; padding: 12px 0; } .is-pc-device .synthesize .month-schedule, .is-pc-device .synthesize .swiper-slide .schedule, .is-pc-device .synthesize .swiper-slide > div { min-height: auto; } .is-pc-device .synthesize .schedule_status { height: calc((100vh - 280px) / 7); } .is-pc-device .synthesize .botton_notice { position: unset; } .is-pc-device .synthesize .history { min-height: calc(100vh - 280px); } .is-pc-device .updateicon .fade > .modal-dialog { max-width: 640px; width: 640px; height: 486px; margin: calc(50vh - 250px) auto; } .is-pc-device .updateicon .fade > .modal-dialog > .modal-content { border-radius: 16px; background-color: #fff; } .is-pc-device .updateicon .fade > .modal-dialog > .modal-content::after { content: ""; width: 592px; height: 1px; position: absolute; background: #e5e5e5; top: 412px; left: 24px; } .is-pc-device .updateicon .fade > .modal-dialog > .modal-content > .modal-body > div { border: 0 solid #999; border-radius: 0; background: #fff; } .is-pc-device .updateicon .fade > .modal-dialog > .modal-content > .modal-header { border-bottom: 0; border-radius: 0; } .is-pc-device .updateicon .fade > .modal-dialog > .modal-content > .modal-header > .close { position: absolute; right: -48px; top: 0; } .is-pc-device .updateicon .fade > .modal-dialog > .modal-content > .modal-header > button { opacity: 0.6; } .is-pc-device .updateicon .fade > .modal-dialog > .modal-content > .modal-header > button:hover { opacity: 1; } .is-pc-device .updateicon .fade > .modal-dialog > .modal-content > .modal-header > button img { width: 32px; } .is-pc-device .updateicon .fade > .modal-dialog > .modal-content > .modal-body { overflow: hidden; } .is-pc-device .updateicon .fade > .modal-dialog > .modal-content > .modal-body > div:nth-child(1) { padding: 16px 0 0 24px; } .is-pc-device .imgcropper { text-align: left; position: relative; } .is-pc-device .imgcropper .imgcropper_cut { display: inline-block; width: 284px; margin-top: 0; } .is-pc-device .imgcropper .imgcropper_cut > img-cropper { margin-top: 0; margin-bottom: 0; border: 0 solid #999; } .is-pc-device .imgcropper_pre_txt { font-size: 1.4rem; color: #000; position: absolute; top: 17px; right: 0; left: 337px; display: inline-block; font-weight: 400; } .is-pc-device .imgcropper .imgcropper_pre { position: absolute; top: 75px; right: 120px; display: inline-block; width: 140px; height: 140px; } .is-pc-device .imgcropper .imgcropper_pre > img { position: absolute; right: 0; left: 0; width: 140px; height: 140px; margin: auto; border-radius: 100px; } .is-pc-device .imgcropper_btn { text-align: center; position: absolute; bottom: 0; width: 100%; height: 70px; padding-top: 15px; display: flex; flex-direction: row; justify-content: center; } .is-pc-device .imgcropper_notice { font-size: 1.4rem; font-weight: 400; color: #999; margin-bottom: 20px; padding: 22px 0 32px 24px; } .is-pc-device .imgcropper_btn > label { border-radius: 21px; font-size: 1.6rem; font-weight: 400; text-align: center; height: 40px; width: 141px; line-height: 30px; } .is-pc-device .imgcropper_btn > label:nth-child(1) { color: #000; position: relative; border: 1px solid #e5e5e5; background-color: #fff; margin-right: 40px; } .is-pc-device .imgcropper_btn > label:nth-child(2) { position: relative; border-color: var(--themcolor); background-color: var(--themcolor); } .is-pc-device .header_title { padding: 0; } .is-pc-device .arrow_bottom { position: absolute; right: 0; width: 0; height: 0; border-right: 20px solid #fff; border-bottom: 30px solid transparent; } .is-pc-device .header_title > span { color: #000; font-size: 1.8rem; font-weight: 700; } .is-pc-device .contacts_user_info { padding-top: 156px !important; } .is-pc-device .user_info_title { position: fixed; left: 0; top: 72px; background: #fff; width: 100%; height: 60px; z-index: 999; margin: auto; font-size: 2rem; font-weight: 700; } .is-pc-device .user_info_title .user_info_title_inner { margin: 0 auto; width: 1200px; display: flex; justify-content: space-between; align-items: center; height: 100%; } .is-pc-device .user_info_title .user_info_title_inner .header_right_pc { display: flex; flex-direction: row; align-items: center; gap: 8px; cursor: pointer; } .is-pc-device .user_info_title .user_info_title_inner .header_right_pc .home_icon { width: 16px; height: 16px; } .is-pc-device .user_info_title .user_info_title_inner .header_right_pc .header_to_home { font-size: 14px; font-weight: normal; line-height: 22px; color: var(--themcolor); } .is-pc-device .userinfo { min-height: 300px; margin: auto; background-color: white; border-radius: 8px; } .is-pc-device .userinfo .username { font-size: 1.6rem; color: white; } .is-pc-device .userinfo > section { height: 220px; padding-top: 40px; background-color: unset; background-image: url("./media/grzx-bg-JRXP3RJG.jpg"); background-repeat: no-repeat; background-position: 50% 50%; } .is-pc-device .userinfo > section > div:nth-child(1) { position: relative; margin: auto; border-radius: 60px; } .is-pc-device .userinfo > section > div:nth-child(1) > img { position: absolute; top: 4px; left: 4px; width: 100px; height: 100px; margin: 0; cursor: pointer; } .is-pc-device .userinfo > div { padding: 24px 40px; background-color: unset; } .is-pc-device .userinfo .contact_info_category:nth-child(3):hover, .is-pc-device .userinfo .contact_info_category:nth-child(4):hover { cursor: pointer; background-color: #f4f4f4; } .is-pc-device .userinfo .contact_info_category > span:nth-child(1) { display: inline-block; width: 80px; padding-left: 5px; } .is-pc-device .userinfo .userinfo_content { display: flex; flex-direction: column; gap: 16px; } .is-pc-device .userinfo .userinfo_content_item { justify-content: flex-start; border-bottom: none; align-items: center; padding: 0px; min-height: 40px; font-size: 1.4rem; } .is-pc-device .userinfo .userinfo_content_item > span:first-child { flex-shrink: 0; width: 80px; margin-right: 8px; text-align: left; } .is-pc-device .userinfo .userinfo_content_item > img { position: relative; top: unset; right: unset; cursor: pointer; } .is-pc-device .userinfo .content_item_icon { padding-bottom: 8px; } .is-pc-device .userinfo .content_item_icon > img { width: 80px; height: 80px; border-radius: 99px; } .is-pc-device .userinfo .content_item_icon > span:last-child { color: var(--themcolor); margin-left: 8px; cursor: pointer; font-size: 1.2rem; } .is-pc-device .userinfo .content_item_icon > span:last-child:hover { color: var(--active-themeColor); } .is-pc-device .userinfo .content_item_title { cursor: pointer; } .is-pc-device .userinfo .content_item_title > span:nth-child(2) { margin-right: 0px; } .is-pc-device .userinfo .content_item_title > span:nth-child(2):hover { color: var(--themcolor); } .is-pc-device .userinfo .content_item_title > .app-svg-themebox { width: 16px; height: 16px; color: #999; margin-left: 8px; } .is-pc-device .userinfo .content_item_title > .app-svg-themebox:hover { color: var(--themcolor); } .is-pc-device .userinfo .userinfo_content_item_sex .sex_form { justify-content: flex-start; } .is-pc-device .userinfo .userinfo_content_item_name .name_form { display: flex; align-items: center; text-align: left; width: 640px; height: 40px; border: 1px solid #E5E5E5; border-radius: 4px; overflow: hidden; box-sizing: border-box; } .is-pc-device .userinfo .userinfo_content_item_name .name_form .word-limit-input { flex: 1; min-width: 0; overflow: hidden; } .is-pc-device .userinfo .userinfo_content_item_name .name_form .word-limit { flex-shrink: 0; font-size: 1.2rem; color: #646566; padding-right: 8px; white-space: nowrap; } .is-pc-device .userinfo .userinfo_content_item_name .name_form input { width: 100%; height: 40px; border: none !important; border-radius: 0; padding: 10px 16px; text-align: left; } .is-pc-device .userinfo .userinfo_content_item_email .email_form { display: flex; align-items: center; text-align: left; width: 640px; height: 40px; border: 1px solid #E5E5E5; border-radius: 4px; overflow: hidden; box-sizing: border-box; } .is-pc-device .userinfo .userinfo_content_item_email .email_form .word-limit-input { flex: 1; min-width: 0; overflow: hidden; } .is-pc-device .userinfo .userinfo_content_item_email .email_form .word-limit { flex-shrink: 0; font-size: 1.2rem; color: #646566; padding-right: 8px; white-space: nowrap; } .is-pc-device .userinfo .userinfo_content_item_email .email_form input { width: 100%; height: 40px; border: none !important; border-radius: 0; padding: 10px 16px; text-align: left; } .is-pc-device .userinfo .userinfo_content_item_phone .phone_form { display: flex; align-items: center; text-align: left; width: 640px; height: 40px; border: 1px solid #E5E5E5; border-radius: 4px; overflow: hidden; box-sizing: border-box; } .is-pc-device .userinfo .userinfo_content_item_phone .phone_form .word-limit-input { flex: 1; min-width: 0; overflow: hidden; } .is-pc-device .userinfo .userinfo_content_item_phone .phone_form .word-limit { flex-shrink: 0; font-size: 1.2rem; color: #646566; padding-right: 8px; white-space: nowrap; } .is-pc-device .userinfo .userinfo_content_item_phone .phone_form input { width: 100%; height: 40px; border: none !important; border-radius: 0; padding: 10px 16px; text-align: left; } .is-pc-device .userinfo .userinfo_save_wrapper__pc { padding: 20px 0; } .is-pc-device .userinfo .userinfo_save_wrapper__pc .userinfo_save_btn { padding: 0 44px; height: 44px; background-color: var(--themcolor); color: #fff; font-size: 1.6rem; border: none; border-radius: 4px; cursor: pointer; } .is-pc-device .userinfo .userinfo_save_wrapper__pc .userinfo_save_btn:hover { opacity: 0.9; } .is-pc-device .userinfo .userinfo_save_wrapper__pc .userinfo_save_btn:active { opacity: 0.8; } .is-pc-device .userinfo .userinfo_content_item_wrapper { flex-direction: row; border-bottom: none; } .is-pc-device .userinfo .userinfo_content_item_wrapper .userinfo_form_item_error { flex-shrink: 0; width: 220px !important; min-height: 20px; margin-top: 0; margin-left: 8px; padding-bottom: 0; display: flex; align-items: center; color: #FF6F6F; text-align: left; font-size: 1.2rem; visibility: hidden; } .is-pc-device .userinfo .userinfo_content_item_wrapper .userinfo_form_item_error.is-show { visibility: visible; } .is-pc-device .userinfo .userinfo_address_wrapper { flex-direction: column; align-items: stretch; } .is-pc-device .userinfo .userinfo_address_wrapper .userinfo_form_item_error { width: auto !important; margin-left: 80px; align-self: flex-start; } .is-pc-device .userinfo .name_wrapper_error, .is-pc-device .userinfo .email_wrapper_error, .is-pc-device .userinfo .phone_wrapper_error { box-shadow: none; } .is-pc-device .userinfo .name_wrapper_error > .userinfo_content_item > .name_form, .is-pc-device .userinfo .name_wrapper_error > .userinfo_content_item > .email_form, .is-pc-device .userinfo .name_wrapper_error > .userinfo_content_item > .phone_form, .is-pc-device .userinfo .email_wrapper_error > .userinfo_content_item > .name_form, .is-pc-device .userinfo .email_wrapper_error > .userinfo_content_item > .email_form, .is-pc-device .userinfo .email_wrapper_error > .userinfo_content_item > .phone_form, .is-pc-device .userinfo .phone_wrapper_error > .userinfo_content_item > .name_form, .is-pc-device .userinfo .phone_wrapper_error > .userinfo_content_item > .email_form, .is-pc-device .userinfo .phone_wrapper_error > .userinfo_content_item > .phone_form { border-color: #FF6F6F !important; } .is-pc-device .userinfo .address_region_error .select_input_wrapper { border-color: #FF6F6F !important; } .is-pc-device .userinfo .address_detail_error.detail-address-wrapper { border-color: #FF6F6F !important; } .is-pc-device .userinfo .cashedsite_list_item_address.address_pc { width: 100%; display: flex; flex-direction: row; align-items: flex-start; padding: 0; border-bottom: none; } .is-pc-device .userinfo .cashedsite_list_item_address.address_pc .title { width: 80px; flex-shrink: 0; margin-top: 8px; font-size: 1.4rem; color: #000; margin-right: 8px; } .is-pc-device .userinfo .cashedsite_list_item_address.address_pc .address_pc_right { flex: 1; max-width: 640px; } .is-pc-device .userinfo .cashedsite_list_item_address.address_pc .address_pc_right .address_cascader_pc { display: flex; flex-direction: row; align-items: center; gap: 8px; width: 100%; } .is-pc-device .userinfo .cashedsite_list_item_address.address_pc .address_pc_right .content.address { width: 100%; margin-top: 8px; padding: 0; box-sizing: border-box; border-bottom: none; } .is-pc-device .userinfo .cashedsite_list_item_address.address_pc .address_pc_right .content.address.detail-address-wrapper { border: 1px solid #e5e5e5; border-radius: 4px; overflow: hidden; } .is-pc-device .userinfo .cashedsite_list_item_address.address_pc .address_pc_right .content.address.detail-address-wrapper textarea { width: 100%; height: 100px; padding: 10px 16px; resize: none; border: none; border-radius: 0; font-size: 1.4rem; outline: none; } .is-pc-device .userinfo .cashedsite_list_item_address.address_pc .address_pc_right .content.address.detail-address-wrapper .word-limit { padding: 0 8px 8px; text-align: right; font-size: 1.2rem; color: #646566; } .is-pc-device .userinfo .cashedsite_list_item_address.address_pc .address_pc_right .cashedsite_agree { width: 100%; margin-top: 8px; box-sizing: border-box; padding: 0; } .is-pc-device .exam { min-width: 1200px; min-height: 100%; padding-top: 146px; } .is-pc-device .exam > div { width: 1200px; margin: auto; margin-top: 24px; } .is-pc-device .exam .myslides { padding-top: 0; } .is-pc-device .exam_testpaper { min-height: calc(100vh - 146px); padding: 0; padding-bottom: 40px; border-radius: 8px; background-color: unset; } .is-pc-device .exam .exam_testpaper { padding-top: 0; } .is-pc-device .exam_testpaper .exam_testpaperlist { min-height: calc(100vh - 186px); padding: 0 24px; border: 1px solid transparent; border-radius: 8px; background-color: white; } .is-pc-device .exam_testpaper .exam_testpaperlist .exam_testpaper_list { margin-top: 0; } .is-pc-device .exam_testpaper_list > div > div { position: relative; padding: 10px 0; cursor: pointer; border-bottom: 1px solid #e5e5e5; } .is-pc-device .exam_testpaper_list > div > div:last-child, .is-pc-device .pc_exam_testpaper_pastlist > div :last-child { border-bottom: 0 !important; } .is-pc-device .exam_testpaper_list > div > div > div { display: inline-block; } .is-pc-device .pc_exam_exerise_list > div { font-size: 1.4rem; color: #666; padding: 2px 0 !important; border-bottom: 0 !important; } .is-pc-device .exam_testpaper_list .pc_exam_testpaper_list_title { font-size: 1.8rem; color: #000; word-break: break-all; display: inline-block; width: 65%; padding: 5px 0; } .is-pc-device .exam_testpaper_list .pc_exam_testpaper_list_title > p { word-break: break-all; margin: 0; } .is-pc-device .exam_testpaper_list .pc_exam_testpaper_list_title > i { font-style: normal; } .is-pc-device .exam_testpaper_list .pc_exam_testpaper_list_title > span, .is-pc-device .pc_exam_testpaper_pastlist > span { display: inline-block; } .is-pc-device .exam_testpaper_list .pc_exam_testpaper_list_title > span .exam_testpaper_list_readicon1, .is-pc-device .pc_exam_testpaper_pastlist > span .exam_testpaper_list_readicon1 { color: #fff !important; float: unset; background-color: #18c884 !important; } .is-pc-device .exam_testpaper_list .pc_exam_testpaper_list_title > span .exam_testpaper_list_failicon, .is-pc-device .pc_exam_testpaper_pastlist > span .exam_testpaper_list_failicon { color: #fff !important; float: unset; background-color: #ff5d5d !important; } .is-pc-device .exam_testpaper_list .pc_exam_testpaper_list_title > span .exam_testpaper_list_Top, .is-pc-device .pc_exam_testpaper_pastlist > span .exam_testpaper_list_Top { color: #fff !important; float: unset; background-color: #ff5d5d !important; } .is-pc-device .exam_testpaper_list .pc_exam_testpaper_list_title > span .exam_testpaper_list_readicon-1, .is-pc-device .pc_exam_testpaper_pastlist > span .exam_testpaper_list_readicon-1 { color: #fff !important; float: unset; background-color: #ff8400 !important; } .is-pc-device .exam_testpaper_list .pc_exam_testpaper_list_title > span > span, .is-pc-device .pc_exam_testpaper_pastlist > span > span { font-size: 1.2rem; font-weight: 500; top: 0 !important; margin-left: 8px; padding: 1px 6px; border-radius: 4px; } .is-pc-device .exam_testpaper_list .pc_exam_testpaper_list_test, .is-pc-device .exam_testpaper_list .pc_exam_testpaper_list_practice { font-size: 1.4rem; text-align: right; float: right; width: 35%; } .is-pc-device .exam_testpaper_list .pc_exam_testpaper_list_test > span, .is-pc-device .exam_testpaper_list .pc_exam_testpaper_list_practice > span { color: var(--themcolor); vertical-align: top; display: inline-block; padding: 8px 22px; cursor: pointer; border: 1px solid var(--themcolor); border-radius: 18px; background: #fff; } .is-pc-device .exam_testpaper_list .pc_exam_testpaper_list_test > .spanMarg, .is-pc-device .exam_testpaper_list .pc_exam_testpaper_list_practice > .spanMarg { margin-right: 16px; } .is-pc-device .exam_testpaper_list .pc_exam_testpaper_list_test > button { color: #666; vertical-align: top; display: inline-block; margin-right: 16px; padding: 8px 22px; border: 1px solid transparent; border-radius: 18px; background-color: #e5e5e5; } .is-pc-device .exam_testpaper_list .pc_exam_testpaper_list_test > button:active, .is-pc-device .exam_testpaper_list .pc_exam_testpaper_list_test > button.active { color: #666; box-shadow: none; border-color: #e5e5e5; background-color: #e5e5e5; } .is-pc-device .pc_exam_testpaper_list_test .tooltip-arrow { display: none; } .is-pc-device .pc_exam_testpaper_list_test .tooltip-inner { font-size: 1.3rem; color: #000; text-align: left; letter-spacing: 1px; word-break: break-all; max-width: 100%; padding: 30px 20px; box-shadow: 0 0 7px 1px rgba(0, 0, 0, 0.2); background-color: white; } .is-pc-device .exam_testpaper_list .pc_exam_testpaper_list_test > span:hover, .is-pc-device .exam_testpaper_list > h4 > .pc_exam_testpaper_list_practice > span:hover { cursor: pointer; } .is-pc-device .exam_testpaper_list > h4 > .pc_exam_testpaper_list_practice > .pc_exam_testpaper_list_practice_mistake { background-color: #ff5d5d; } .is-pc-device .exam_testpaper_list > h4 > .pc_exam_testpaper_list_practice > .pc_exam_testpaper_list_practice_mistake:hover { background-color: #ea5757; } .is-pc-device .exam_testpaper_list > div > div > div { width: 80%; } .is-pc-device .exam_testpaper_list > div > div > div > div { font-size: 1.4rem; color: #666; margin-bottom: 10px; padding: 2px 0; } .is-pc-device .exam_testpaper_list .exam_testpaper_list_finished > img { position: absolute; right: 0; bottom: 0; width: 80px; } .is-pc-device .pc_exam_testpaper_pastlist > p { line-height: 40px; color: #666; text-align: center; height: 40px; margin-bottom: 0; background-color: #f4f4f4; } .is-pc-device .pc_exam_testpaper_pastlist .pc_exam_testpaper_list_title, .is-pc-device .pc_exam_testpaper_pastlist .exam_testpaper_list_finished > div { color: #999 !important; } .is-pc-device .pc_exam_exerise_list { padding: 10px; border-bottom: 1px solid #e5e5e5; } .is-pc-device .exam_testpaper_list > div > .exam_testpaper_list_expired { cursor: default; border-top: none; } .is-pc-device .exam_testpaper_list_expired .exam_testpaper_list_expiredtip { position: relative; top: -13px; left: -10px; width: calc(100% + 20px); } .is-pc-device .exam_testpaper_list_expired .pc_exam_testpaper_list_title, .is-pc-device .exam_testpaper_list > div > .exam_testpaper_list_expired > div > div { color: #999; } .is-pc-device .exam .materialSearch { width: auto; background-color: transparent; position: relative; top: 9px; float: right; } .is-pc-device .exam .materialSearch > div { width: calc(100% - 36px); vertical-align: middle; } .is-pc-device .exam .materialSearch > div > input { padding: 4px 30px 5px 15px; } .is-pc-device .exam .materialSearch > img { display: inline-block; vertical-align: middle; width: 26px; padding: 2px 0; margin-left: 10px; cursor: pointer; } .is-pc-device .exam_detail { min-width: 1200px; height: 100%; padding-top: 72px; padding-bottom: 40px; } .is-pc-device .exam_detail > div { width: 1200px; margin: auto; } .is-pc-device .pc_examdetail_title { font-size: 1.8rem; color: #000; padding: 24px 0 16px 0; } .is-pc-device .pc_examdetail_title > div { position: relative; display: inline-block; } .is-pc-device .pc_examdetail_title > div:nth-child(2) { font-size: 1.6rem; color: #000; float: right; cursor: pointer; border-bottom: 1px solid #000; } .is-pc-device .pc_examdetail_title > div:nth-child(2):hover { color: var(--themcolor); border-bottom: 1px solid var(--themcolor); } .is-pc-device .pc_examdetail_title > div > div { position: absolute; top: 6px; left: -20px; width: 12px; height: 12px; border: 1px solid #e83828; border-radius: 9px; background-color: #e83828; } .is-pc-device .examdetail { padding: 10px 20px; border: 1px solid transparent; border-radius: 8px; background-color: white; } .is-pc-device .examdetail_button_container { text-align: center; } .is-pc-device .examdetail_button { font-size: 1.7rem; width: 500px; min-width: 120px; margin-top: 20px; margin-right: auto; margin-bottom: 10px; margin-left: auto; background-color: var(--themcolor); border: 1px solid var(--themcolor); } .is-pc-device .examdetail_button:hover { background-color: var(--active-themeColor); border: 1px solid var(--active-themeColor); } .is-pc-device .examdetail_button_tip { display: inline-block; width: auto; min-width: 120px; margin-top: 20px; margin-right: auto; margin-bottom: 10px; margin-left: auto; cursor: default; background-color: #f4f4f4; } .is-pc-device .examdetail_button_tip:hover { background-color: #f4f4f4; } .is-pc-device .examdetail_header > h4 { font-size: 1.8rem; } .is-pc-device .examdetail .dl-horizontal dt { color: #666; margin-top: 10px; padding: 0 0 0 10px; } .is-pc-device .dl-horizontal dd { color: #555; margin-top: 21px; padding: 0; } .is-pc-device .examdetail .dl-horizontal .dt-first { margin-top: 0; } .is-pc-device .examtest { min-width: 1200px; min-height: 100%; padding-top: 24px; padding-bottom: 40px; } .is-pc-device .examtest > div { width: 1200px; margin: auto; } .is-pc-device .examtest .water_mark { position: absolute !important; z-index: 1; } .is-pc-device .examtest .pointmodal_box, .is-pc-device .surveytest .pointmodal_box, .is-pc-device app-passthroughcourse .pointmodal_box { background: transparent; } .is-pc-device .examtest .pointmodal_box .closedown, .is-pc-device .surveytest .pointmodal_box .closedown, .is-pc-device app-passthroughcourse .pointmodal_box .closedown { width: 32px; position: absolute; right: 0; cursor: pointer; z-index: 99999; } .is-pc-device .examtest .pointmodal_box .pointmodal_content > div > div img:nth-child(1), .is-pc-device .surveytest .pointmodal_box .pointmodal_content > div > div img:nth-child(1), .is-pc-device app-passthroughcourse .pointmodal_box .pointmodal_content > div > div img:nth-child(1) { width: 249px; } .is-pc-device .examtest .pointmodal_box .pointmodal_content .pointmodal_content_button, .is-pc-device .surveytest .pointmodal_box .pointmodal_content .pointmodal_content_button, .is-pc-device app-passthroughcourse .pointmodal_box .pointmodal_content .pointmodal_content_button { width: 196px; cursor: pointer; } .is-pc-device .pointmodal_box .pointmodal_content > div > div img:nth-child(2) { top: -34%; } .is-pc-device .pc_examtest_title { padding: 31px 25px; margin-bottom: 18px; font-size: 1.8rem; text-align: center; border-bottom: 1px solid #e5e5e5; } .is-pc-device .pc_examtest { position: relative; min-height: 450px; position: relative; } .is-pc-device .pc_examtest_content { padding-top: 16px; padding-bottom: 16px; border-bottom: 1px dashed #e5e5e5; } .is-pc-device .pc_examtest_content .assembly_test { padding: 0 48px; } .is-pc-device .pc_examtest_content .assembly_test .pc_examtest_content_question { padding-top: 12px; } .is-pc-device .pc_examtest_content .assembly_test .pc_examtest_content_question .pc_examtest_content_question_difficulty { top: 12px; } .is-pc-device .examdetail_testmessage { font-size: 1.4rem; } .is-pc-device .pc_examtest_left > div:last-child .pc_examtest_content { border: none; } .is-pc-device .pc_examtest_content_question { width: 100%; margin-bottom: 16px; } .is-pc-device .pc_examtest_content_difficulty { position: relative; } .is-pc-device .pc_examtest_content_question > p { font-size: 1.6rem; color: #000; word-break: break-all; width: calc(100% - 54px - 8px); margin: 0; max-height: 15em; overflow: auto; word-break: break-word; line-height: 1.5; } .is-pc-device .pc_examtest_content_question > p::-webkit-scrollbar { width: 8px; } .is-pc-device .pc_examtest_content_question > p::-webkit-scrollbar-button { display: none; } .is-pc-device .pc_examtest_content_question > p::-webkit-scrollbar-track { background: #f1f1f1; border-radius: 4px; } .is-pc-device .pc_examtest_content_question > p::-webkit-scrollbar-thumb { background: #c1c1c1; border-radius: 4px; } .is-pc-device .pc_examtest_content_question > p::-webkit-scrollbar-thumb:hover { background: #a8a8a8; } .is-pc-device .pc_examtest_content_question > p .app-svg-themebox, .is-pc-device .pc_examtest_content_question > p img { position: relative; top: -2px; width: 18px; height: 18px; margin-right: 5px; } .is-pc-device .pc_examtest_content_question > .pc_examtest_content_questionimage { width: 100%; } .is-pc-device .pc_examtest_content_question > .pc_examtest_content_questionimage > img { display: block; min-width: 33.33%; max-width: 100%; max-height: 460px; margin-top: 10px; border-radius: 4px; cursor: pointer; } .is-pc-device .pc_examtest_content_question > .pc_examtest_content_questionvideo { width: 100%; margin-top: 10px; } .is-pc-device .pc_examtest_content_question > .pc_examtest_content_questionvideo .mejs__container, .is-pc-device .pc_examtest_content_question > .pc_examtest_content_questionvideo .mejs__layer, .is-pc-device .pc_examtest_content_question > .pc_examtest_content_questionvideo .mejs__mediaelement video { width: 480px !important; height: 270px !important; } .is-pc-device .pc_examtest_content_question > .pc_examtest_content_questionvideo .mejs__container-fullscreen, .is-pc-device .pc_examtest_content_question > .pc_examtest_content_questionvideo .mejs__container-fullscreen .mejs__layer, .is-pc-device .pc_examtest_content_question > .pc_examtest_content_questionvideo .mejs__container-fullscreen .mejs__mediaelement video { width: 100% !important; height: 100% !important; } .is-pc-device .pc_examtest_content_question > p > span:nth-child(1) { color: #999; display: inline-block; } .is-pc-device .pc_examtest_content_question > p > span:nth-child(2) { color: var(--themcolor); float: right; margin-left: 16px; cursor: pointer; } .is-pc-device .pc_examtest_content_question > p > .pc_examtest_content_question_value { display: inline-block !important; margin: 0 !important; color: #999 !important; float: none !important; cursor: default !important; } .is-pc-device .pc_examtest_content_question > p > .pc_examtest_content_question_showanswer { display: inline-block; padding: 3px 12px 1px 8px; font-size: 1.3rem; color: #000; background-color: rgba(0, 0, 0, 0.05); border-radius: 30px; cursor: pointer; } .is-pc-device .pc_examtest_content_showanswer_wrapper { display: flex; justify-content: flex-end; padding: 10px 0; } .is-pc-device .pc_examtest_content_showanswer_wrapper > .pc_examtest_content_question_showanswer { display: inline-block; padding: 3px 12px 1px 8px; font-size: 1.3rem; color: #000; background-color: rgba(0, 0, 0, 0.05); border-radius: 30px; cursor: pointer; } .is-pc-device .pc_examtest_content_showanswer_wrapper > .pc_examtest_content_question_showanswer .app-svg-themebox { width: 18px; height: 18px; margin-right: 5px; } .is-pc-device .pc_examtest_content_question_difficulty { width: 54px; height: 24px; border-radius: 4px; display: flex; justify-content: center; align-items: center; background: rgba(153, 153, 153, 0.1); top: 0; position: absolute; right: 0; } .is-pc-device .pc_examtest_content_question_difficulty > span { font-family: Source Han Sans CN; font-size: 14px; font-weight: normal; text-align: center; color: #999999; } .is-pc-device .pc_examtest_content_list { width: 100%; padding: 0 16px; } .is-pc-device .pc_examtest_content_list > .pc_examtest_content_list_child1 { font-size: 1.4rem; color: #666; position: relative; width: 100%; padding-top: 8px; padding-bottom: 8px; } .is-pc-device .pc_examtest_content_list > .pc_examtest_content_list_child2 { font-size: 1.4rem; color: #666; position: relative; width: 100%; padding-top: 8px; padding-bottom: 8px; } .is-pc-device .pc_examtest_content_list > div > .pc_examtest_content_list_des { text-align: left; word-break: break-all; display: inline-block; width: 100%; padding: 5px 15px 5px 46px; cursor: pointer; } .is-pc-device .pc_examtest_content_list > div > .pc_examtest_content_list_des .examtest_content_list_des_optionsort { display: flex; width: 25px; height: 25px; border: 1px solid #dddddd; border-radius: 50%; text-align: justify; justify-content: center; align-items: center; position: absolute; top: 10px; left: 10px; } .is-pc-device .pc_examtest_content_list > div > .pc_examtest_content_list_des .examtest_content_list_des_multiplesort { border-radius: 4px; } .is-pc-device .pc_examtest_content_list > div > .examtest_content_list_des_checked { color: var(--themcolor); } .is-pc-device .pc_examtest_content_list > div > .examtest_content_list_des_checked .examtest_content_list_des_optionsort { color: white; background-color: var(--themcolor); border: 1px solid transparent; } .is-pc-device .pc_examtest_content_list > div > .pc_examtest_content_list_des:hover { background-color: #f4f4f4; } .is-pc-device .pc_examtest_content_list > div:last-child > .pc_examtest_content_list_des { border: none; } .is-pc-device .pc_examtest_content_list > div > .pc_examtest_content_list_img { width: 100%; padding-left: 46px; } .is-pc-device .pc_examtest_content_list > div > .pc_examtest_content_list_img > img { display: block; min-width: 33.33%; max-width: 100%; max-height: 460px; margin-top: 10px; border-radius: 4px; cursor: pointer; } .is-pc-device .pc_examtest_content_answer { font-size: 1.4rem; color: #303030; margin-top: 16px; padding: 0 16px; word-break: break-all; } .is-pc-device .pc_examtest_content_answer > .pc_examtest_content_answer_top { display: inline-block; width: 100%; } .is-pc-device .pc_examtest_content_answer > .pc_examtest_content_answer_top > .answer { color: #3ac893; } .is-pc-device .pc_examtest_content_answer > .pc_examtest_content_answer_top > .right { color: #3ac893; float: right; } .is-pc-device .pc_examtest_content_answer > .pc_examtest_content_answer_top > .wrong { color: #ff5d5d; float: right; } .is-pc-device .pc_examtest_content_answer > .pc_examtest_content_resolve { display: inline-block; width: 100%; margin-top: 16px; white-space: pre-wrap; } .is-pc-device .pc_examtest_content_text { position: relative; width: calc(100% - 32px); height: 150px; padding: 10px; border: 1px solid #e5e5e5; margin: 0 16px; } .is-pc-device .pc_examtest_content_text > textarea { word-break: break-all; overflow: hidden; width: 100%; height: 100%; padding: 0 0 20px; resize: none; border: 0 solid white; } .is-pc-device .pc_examtest_content_text > textarea:disabled { background-color: #f4f4f4; } .is-pc-device .pc_examtest_content_text_filling { position: relative; width: 100%; } .is-pc-device .pc_examtest_content_text_filling > div { padding: 0 16px; margin-bottom: 16px; } .is-pc-device .pc_examtest_content_text_filling > div > p { font-size: 14px; font-weight: normal; line-height: 22px; letter-spacing: 0px; color: #999999; margin-bottom: 8px; } .is-pc-device .pc_examtest_content_text_filling > div .pc_examtest_content_text_filling_textarea { position: relative; width: 100%; border: 1px solid #e5e5e5; padding: 0 44px 0 0; height: 40px; } .is-pc-device .pc_examtest_content_text_filling > div .pc_examtest_content_text_filling_textarea > input { width: 100%; height: 100%; font-size: 1.4rem; padding-left: 12px; line-height: 40px; border: 0; } .is-pc-device .pc_examtest_content_text_filling > div .pc_examtest_content_text_filling_textarea > input:disabled { background-color: #e5e5e5; } .is-pc-device .pc_examtest_content_text_filling > div .pc_examtest_content_text_filling_textarea .feedback_content_text_icon { position: absolute; right: 12px; top: 50%; transform: translateY(-50%); bottom: unset; } .is-pc-device .pc_examtest_content_text_filling > div .pc_examtest_content_text_filling_textarea .examtest_content_text_showanswer { width: 100%; height: 100%; font-size: 1.4rem; padding-left: 12px; line-height: 40px; background-color: #e5e5e5; } .is-pc-device .pc_examtest_content_text_filling > div .filling_textarea_disabled { background-color: #e5e5e5; } .is-pc-device .pc_examtest_content_text_filling > div:nth-last-of-type(1) { margin-bottom: 0; } .is-pc-device .surveytest .pc_examtest_content .examtest_content_des { width: 100%; padding: 0 16px; } .is-pc-device .pc_examtest_content_outer { margin-bottom: 25px; } .is-pc-device .pc_examtest_content_outer > h3 { font-size: 1.4rem; color: #666; word-break: break-all; margin-top: 0 !important; margin-bottom: 15px !important; } .is-pc-device .pc_examtest_content_outer > div > span { line-height: 30px; color: #999; text-align: center; display: inline-block; width: 30px; height: 30px; margin-right: 10px; cursor: pointer; border-radius: 4px; background-color: #f4f4f4; } .is-pc-device .pc_examtest_content_outer .colorfirst { color: #fff; background-color: #e02d1a; } .is-pc-device .pc_examtest_content_outer .colorsecond { color: #fff; background-color: #f85a14; } .is-pc-device .pc_examtest_content_outer .colorthird { color: #fff; background-color: #fe8100; } .is-pc-device .pc_examtest_content_outer .colorfourth { color: #fff; background-color: #fa9e06; } .is-pc-device .pc_examtest_content_outer .colorfifth { color: #fff; background-color: #ffc902; } .is-pc-device .pc_examtest_content_outer .colorsixth { color: #fff; background-color: #c6ce01; } .is-pc-device .pc_examtest_content_outer .colorseventh { color: #fff; background-color: #9ec600; } .is-pc-device .pc_examtest_content_outer .coloreighth { color: #fff; background-color: #6bbe07; } .is-pc-device .pc_examtest_content_outer .colorninth { color: #fff; background-color: #47b41e; } .is-pc-device .pc_examtest_content_outer .colortenth { color: #fff; background-color: #04a72b; } .is-pc-device .pc_examtest_content_form_disabled { border: 1px solid #e5e5e5; } .is-pc-device .pc_examtest_content_form_disabled .examtest_content_text_showanswer { width: 100%; height: 100%; padding: 10px; background-color: #f4f4f4; } .is-pc-device .pc_examtest_content_form_disabled .examtest_content_text_showanswer > div { width: 100%; height: 100%; overflow: auto; word-break: break-all; white-space: pre-wrap; } .is-pc-device .pc_examtest_content_form_disabled .feedback_content_text_icon, .is-pc-device .pc_examtest_content_form_disabled .feedback_content_text_icon > span { color: #999; } .is-pc-device .pc_examtest_left { width: calc(100% - 340px); padding: 5px 24px 20px 24px; background-color: white; border: 1px solid transparent; border-radius: 8px; overflow: hidden; } .is-pc-device .pc_examtest_right { width: 316px; position: absolute; top: 0px; right: 0px; } .is-pc-device .pc_examtest_right > div { padding: 24px; margin-top: 24px; background-color: white; border: 1px solid transparent; border-radius: 8px; } .is-pc-device .pc_examtest_right > div:first-child { margin: 0; } .is-pc-device .pc_examtest_countdown { font-size: 1.4rem; color: #999; padding: 0px 0 24px 0; margin-bottom: 24px; border-bottom: 1px solid #e5e5e5; display: flex; justify-content: space-between; } .is-pc-device .pc_examtest_countdown .pc_examtest_limit { margin-bottom: 0; margin-left: 8px; align-items: center; white-space: nowrap; } .is-pc-device .pc_examtest_countdown .pc_examtest_limit > span { background-color: unset; padding: 0; } .is-pc-device .pc_examtest_countdown > .time { font-size: 2.2rem; color: #000; } .is-pc-device .pc_examtest_right_col { text-align: center; } .is-pc-device .pc_examtest_right_col h4 { font-size: 1.8rem; } .is-pc-device .pc_examtest_right_col p { margin: 0; color: #999; position: relative; } .is-pc-device .pc_examtest_right_col p .pc_examtest_right_col_separator1 { position: absolute; top: 2px; right: 0; display: inline-block; width: 2px; height: 15px; background-color: #bbb; } .is-pc-device .pc_examtest_right_col p .pc_examtest_right_col_separator2 { position: absolute; top: 2px; right: 0; display: inline-block; width: 2px; height: 15px; background-color: #bbb; } .is-pc-device .pc_examtest_right_col .pc_examtest_right_col_question_tips { margin: 10px auto 0; } .is-pc-device .pc_examtest_card { overflow: hidden; height: calc(100% - 120px); padding-top: 0px; } .is-pc-device .pc_examtestcard_count { width: 100%; max-height: calc(100vh - 578px); min-height: 100px; overflow-x: hidden; overflow-y: auto; padding: 20px 0; } .is-pc-device .pc_examtestcard_count > div { margin-bottom: 10px; } .is-pc-device .pc_examtestcard_count > div > p { margin-bottom: 2px; } .is-pc-device .pc_examtestcard_count > div > div > div { text-align: center; display: inline-block; width: 36px; height: 36px; margin: 8px calc((100% - 180px) / 4) 8px 0; padding: 8px 1px; cursor: pointer; border-radius: 50px; } .is-pc-device .pc_examtestcard_count > div > div > div:nth-child(5n) { margin-right: 0; } .is-pc-device .pc_assembly_exam { width: 100%; max-height: calc(100vh - 578px); min-height: 100px; overflow-x: hidden; overflow-y: auto; padding: 20px 0; } .is-pc-device .pc_assembly_exam .assembly_card > div > p { margin-bottom: 2px; } .is-pc-device .pc_assembly_exam .assembly_card > div > div > div { text-align: center; display: inline-block; width: 36px; height: 36px; margin: 8px calc((100% - 180px) / 4) 8px 0; padding: 8px 1px; cursor: pointer; border-radius: 50px; } .is-pc-device .pc_assembly_exam .assembly_card > div > div > div:nth-child(5n) { margin-right: 0; } .is-pc-device .pc_assembly_exam .no_assembly_card > p { margin-bottom: 2px; } .is-pc-device .pc_assembly_exam .no_assembly_card > div > div { text-align: center; display: inline-block; width: 36px; height: 36px; margin: 8px calc((100% - 180px) / 4) 8px 0; padding: 8px 1px; cursor: pointer; border-radius: 50px; } .is-pc-device .pc_assembly_exam .no_assembly_card > div > div:nth-child(5n) { margin-right: 0; } .is-pc-device .pc_assembly_exam > div { margin-bottom: 10px; } .is-pc-device .pc_examtestcard_exercisecount { max-height: calc(100vh - 280px); } .is-pc-device .pc_examtestcard_title { padding: 0px 0 18px 0; font-size: 1.6rem; font-weight: bold; border-bottom: 1px solid #e5e5e5; } .is-pc-device .examtestcard_count_defult { background-color: #f4f4f4; color: #999; border: 1px solid transparent; } .is-pc-device .examtestcard_count_assignment { color: white; background-color: var(--themcolor) !important; } .is-pc-device .examtestcard_count_right { color: white; background-color: #18c884; } .is-pc-device .examtestcard_count_mistake { color: white; background-color: #ff5d5d; } .is-pc-device .pc_examtest_commit { font-size: 1.4rem; color: white; text-align: center; width: 210px; height: 32px; margin: 16px auto 0px; padding: 5px; cursor: pointer; border: 1px solid transparent; border-radius: 5px; background-color: var(--themcolor); } .is-pc-device #examtestDisabled { pointer-events: none; color: rgba(0, 0, 0, 0.3); border: none; background: rgba(0, 0, 0, 0.08); } .is-pc-device .pc_examtest_commitdefult { width: 210px; height: 32px; margin: 16px auto; text-align: center; padding: 5px; border: 1px solid transparent; border-radius: 5px; background-color: #f4f4f4; color: #999; font-size: 1.4rem; text-align: center; cursor: default; } .is-pc-device .pc_examtest_card_fixed { position: fixed; top: 24px; right: calc((100% - 1200px) / 2); height: 100%; overflow-y: auto; } .is-pc-device .pc_examtest_limit { margin-left: 25px; margin-bottom: 25px; font-size: 1.4rem; display: flex; justify-content: space-between; } .is-pc-device .pc_examtest_limit > span { padding: 4px 12px 4px 8px; font-size: 1.3rem; color: #000; background-color: rgba(0, 0, 0, 0.05); border-radius: 30px; cursor: pointer; } .is-pc-device .pc_examtest_limit > span > .app-svg-themebox { width: 16px; height: 16px; margin-right: 6px; } .is-pc-device .pc_examtest_limit > span > span { display: inline-block; vertical-align: middle; } .is-pc-device .examine_box .modal-dialog { max-width: 800px; margin-top: calc(50vh - 210px); } .is-pc-device .examine_box .modal-dialog .modal-content { border-radius: 8px; } .is-pc-device .examine_box .modal-dialog .modal-content > img { width: 36px; position: absolute; right: -52px; cursor: pointer; } .is-pc-device .examine_box .examine { width: 100%; height: 420px; padding: 16px 24px; overflow: auto; } .is-pc-device .examine_box .examine .examine_examinfo > div { margin-bottom: 15px; display: flex; justify-content: space-between; align-items: center; } .is-pc-device .examine_box .examine .examine_examinfo > div > span { display: inline-block; vertical-align: middle; min-width: 50%; font-size: 1.4rem; color: #666; position: relative; word-break: break-all; white-space: pre-wrap; } .is-pc-device .examine_box .examine .examine_examinfo > div > span > span { color: #000; } .is-pc-device .examine_box .examine .examine_examinfo .examine_examinfo_other > span { color: var(--themcolor); } .is-pc-device .examine_box .examine .examine_examinfo .examine_examinfo_other > span > span { color: var(--themcolor); } .is-pc-device .examine_box .examine .examine_examinfo .examine_title { display: flex; flex-direction: column; } .is-pc-device .examine_box .examine .examine_examinfo .examine_title > div { font-size: 1.8rem; font-weight: 700; text-align: center; margin: 24px 24px 16px; word-break: break-all; } .is-pc-device .exam_qrcode_box .modal-dialog { max-width: 800px; margin-top: calc(50vh - 210px); } .is-pc-device .exam_qrcode_box .modal-dialog .modal-content { border-radius: 8px; } .is-pc-device .exam_qrcode_box .modal-dialog .modal-content > img { width: 36px; position: absolute; right: -52px; cursor: pointer; } .is-pc-device .exam_qrcode_box .exam-qrcode { height: 430px; background-color: white; border-radius: 16px; display: flex; flex-direction: column; } .is-pc-device .exam_qrcode_box .exam-qrcode .exam-qrcode-title { font-size: 1.8rem; font-weight: 700; text-align: center; margin: 24px 24px 16px; } .is-pc-device .exam_qrcode_box .exam-qrcode .exam-qrcode-content { display: flex; flex-direction: column; margin: 16px 12px 0; } .is-pc-device .exam_qrcode_box .exam-qrcode .exam-qrcode-content .exam-qrcode-tips { font-size: 1.6rem; font-weight: 400; text-align: center; margin-bottom: 10px; } .is-pc-device .exam_qrcode_box .exam-qrcode .exam-qrcode-content .exam-qrcode-canvas { display: flex; flex-direction: row; margin: auto; } .is-pc-device .exam_qrcode_box .exam-qrcode .exam-qrcode-bottom { margin-top: 16px; } .is-pc-device .exam_qrcode_box .exam-qrcode .exam-qrcode-bottom .exam-qrcode-bottom-buttons { display: flex; flex-direction: row; justify-content: center; align-items: center; margin: auto; padding: 8px 32px 16px; } .is-pc-device .exam_qrcode_box .exam-qrcode .exam-qrcode-bottom .exam-qrcode-bottom-buttons .exam-qrcode-bottom-buttons-button { font-size: 1.5rem; font-weight: 400; padding: 6px 32px; color: white; background-color: var(--themcolor); border-radius: 99px; cursor: pointer; } .is-pc-device .traincourse { min-width: 1200px; min-height: 100%; padding: 0; padding-top: 146px; } .is-pc-device .traincourse .myslides { padding: 0; } .is-pc-device .traincourse > div { width: 1200px; margin: auto; padding-bottom: 30px; } .is-pc-device .traincourse .next-navbar-padding ul .pc_title > div, .is-pc-device .traincourse .next-navbar-padding ul .pc-right-btn > div, .is-pc-device .traincourse .next-navbar-padding ul .pc_title > div > a:hover { padding-left: 0; cursor: default; border: none; } .is-pc-device .traincourse .next-navbar-padding ul .pc-right-btn > div > a:hover { color: #eee; border-bottom: 1px solid #eee; } .is-pc-device .traincourse .swiper-slide > div { min-height: calc(100vh - 176px); } .is-pc-device .traincourse .traincourse_list { position: relative; display: inline-block; width: 366.33px; margin: 0 20px 40px 0; padding: 0; cursor: pointer; border: none; background-color: #f4f4f4; } .is-pc-device .traincourse_list .projectImg { display: block; } .is-pc-device .traincourse .traincourse_list:nth-child(3n) { margin: 0 0 40px; } .is-pc-device .traincourse .traincourse_list:hover { background-color: #e9e9e9; } .is-pc-device .traincourse .traincourse_list h4 { white-space: nowrap; text-overflow: ellipsis; position: relative; top: 126px; overflow: hidden; width: 253px; height: 17px; padding-left: 16px; } .is-pc-device .traincourse .traincourse_list > .traincourse_list_other { position: relative; top: 125px; padding: 8px 0 10px 16px; } .is-pc-device .traincourse .traincourse_list > img { position: relative; top: -87px; left: 0; width: 100%; height: 111px; } .is-pc-device .traincourse .traincourse_list > .traincourse_list_graduation { position: absolute; top: auto; right: 0; bottom: 0; left: auto; width: 80px; height: auto; } .is-pc-device .traincourse .traincourse_list > div > span { white-space: nowrap; text-overflow: ellipsis; display: block; float: none; overflow: hidden; height: 18px; margin: 8px 16px 0 0; } .is-pc-device .traincourse .traincourse_list > div > span > img { width: 14px; height: 14px; margin-right: 3px; } .is-pc-device .traincourse .traincourse_list .traincourse_list_another { position: relative; margin: 0 0 5px; padding-top: 0; padding-left: 16px; } .is-pc-device .traincourse .traincourse_list .traincourse_list_another > span { margin: 0; margin-top: 13px; } .is-pc-device .traincourse .traincourse_list .traincourse_list_another .traincourse_list_icon { font-size: 1.6rem; color: #13ae67; position: absolute; right: 16px; bottom: 87px; height: auto; padding: 0; border: none; border-radius: unset; background-color: transparent; } .is-pc-device .traincourse .traincourse_list .traincourse_list_another .traincourse_list_icon_ready { color: #ff8500; } .is-pc-device .traincourse .traincourse_list .traincourse_list_another .traincourse_list_icon_end { color: #999; } .is-pc-device .traincourse .traincourse_list .traincourse_list_another .traincourse_list_icon_reject { color: #e83928; } .is-pc-device .train_banner_contrainer { position: absolute; right: 0; bottom: 88px; width: 92px !important; height: 22px; background-image: url("./media/train_tag_bg-U53TJZNV.png"); } .is-pc-device .train_banner_contrainer .train_banner_title_left { font-size: 1.5rem; color: white; position: relative; left: 20px; } .is-pc-device .homework { min-height: 540px; padding-top: 20px; border: 1px solid #dfdfdf; background-color: white; } .is-pc-device .homework .homework_tutor_mar { min-height: 0 !important; } .is-pc-device .homework .homework_tutor { width: calc(100% - 48px); margin: 39px auto 0 auto; border-top: 1px dashed #e5e5e5; padding: 40px 0; } .is-pc-device .homework .homework_tutor .homework_tutor_comment, .is-pc-device .homework .homework_tutor .homework_tutor_fraction { width: 100%; display: flex; flex-direction: row; flex-wrap: nowrap; align-items: flex-start; } .is-pc-device .homework .homework_tutor .homework_tutor_comment p, .is-pc-device .homework .homework_tutor .homework_tutor_fraction p { font-size: 1.6rem; color: #000; padding: 0 24px 0 0; margin: 0; } .is-pc-device .homework .homework_tutor .homework_tutor_comment span, .is-pc-device .homework .homework_tutor .homework_tutor_fraction span { padding: 20px; background-color: #f8f8f8; color: #000; font-size: 1.6rem; word-break: break-all; } .is-pc-device .homework .homework_tutor .homework_tutor_comment span { width: calc(100% - 124px); min-height: 154px; } .is-pc-device .homework .homework_tutor .homework_tutor_fraction { margin-top: 25px; } .is-pc-device .homework .homework_tutor .homework_tutor_fraction span { color: #ff8400; width: 258px; padding: 9px 16px; min-height: 40px; } .is-pc-device .homework > form > textarea { color: #333; word-break: break-all; overflow: auto; width: 100%; height: 165px; padding: 8px; resize: none; border: 0 solid #aaa; } .is-pc-device .homework > form { position: relative; height: 100%; margin: 0 50px 30px; border: 1px solid #dfdfdf; } .is-pc-device .homework_choose { color: var(--themcolor); text-align: center; position: relative; display: inline-block; width: 302px !important; margin-left: 50px; padding: 7px 10px; border: 1px solid var(--themcolor); border-radius: 2px; } .is-pc-device .homework_choose > input { font-size: 0; position: absolute; top: 0; left: 0; width: 300px; height: 100%; opacity: 0; cursor: pointer; border: 1px solid rgba(0, 0, 0, 0); border-radius: 5px; } .is-pc-device .homework_name { min-height: 60px; margin: 15px 20px; } .is-pc-device .homework_name > span:nth-child(1) { font-size: 1.4rem; color: #333; word-break: break-all; float: left; height: 70px; padding: 20px; } .is-pc-device .homework_name > span:nth-child(2) { font-size: 1.4rem; color: #999; color: #0463c1; text-decoration: underline; float: left; margin-left: 10px; padding: 20px 20px 20px 0; cursor: pointer; } .is-pc-device .homework_name > span:nth-child(3) { font-size: 1.4rem; color: #999; color: #0463c1; text-decoration: underline; float: left; margin-left: 10px; padding: 20px 20px 20px 0; cursor: pointer; } .is-pc-device .homework_submit { top: 180px; float: left; } .is-pc-device .homework_submit > button { color: white; width: 300px; margin-left: 50px; padding: 9px; border: 1px solid #efefef; border-color: var(--themcolor); border-radius: 5px; background-color: var(--themcolor); } .is-pc-device .traincourseregistrationhistory { min-width: 1200px; min-height: 100%; padding: 0; padding-top: 86px; } .is-pc-device .traincourseregistrationhistory > div { width: 1200px; margin: auto; } .is-pc-device .traincourseregistrationhistory .traincourse { padding-top: 10px; } .is-pc-device .traincourseregistrationhistory .traincourse .traincourse_list .traincourse_list_another .traincourse_list_icon { position: absolute; bottom: 57px; } .is-pc-device .traincourse_detail { min-width: 1200px; min-height: 100%; padding-top: 86px; background-color: #f4f4f4; } .is-pc-device .traincourse_detail > div { width: 1200px; margin: auto; padding-bottom: 40px; } .is-pc-device .pc_traincoursedetail_title { margin-bottom: 5px; } .is-pc-device .pc_traincoursedetail_title > span:nth-child(2) { font-size: 1.6rem; float: right; cursor: pointer; border-bottom: 1px solid #444; } .is-pc-device .pc_traincoursedetail_title > span:nth-child(2):hover { color: var(--themcolor); border-bottom: 1px solid var(--themcolor); } .is-pc-device .traincoursedetail, .is-pc-device .project_signdetail { min-height: 300px; padding: 10px 20px; border: 1px solid transparent; border-radius: 8px; background-color: white; } .is-pc-device .traincoursedetail .train_apply_status { position: relative; padding-top: 15px; padding-bottom: 10px; } .is-pc-device .traincoursedetail .train_sign_content, .is-pc-device .project_signdetail .project_sign_operation { position: relative; bottom: 15px; } .is-pc-device .traincoursedetail > div > div, .is-pc-device .project_signdetail > div > div { margin: auto; } .is-pc-device .traincoursedetail > div > div > button, .is-pc-device .project_signdetail > div > div > button { display: block !important; width: 500px !important; margin: 5px auto; } .is-pc-device .traincoursedetail .train_apply_section { margin-bottom: 0; padding-bottom: 0; } .is-pc-device .traincoursedetail .train_apply_section > div { overflow-y: auto; height: calc(100vh - 350px); border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; } .is-pc-device .traincoursedetail .train_apply_section > div > div { border-bottom: none; } .is-pc-device .traincoursedetail .train_apply_section > div > div > p { font-size: 1.4rem; color: #999; } .is-pc-device .traincoursedetail .traincourseapply, .is-pc-device .projectsigndetail .traincourseapply { background-color: var(--themcolor); } .is-pc-device .traincoursedetail .traincourseapply:hover, .is-pc-device .projectsigndetail .traincourseapply:hover { background-color: var(--active-themeColor); } .is-pc-device .projectsigndetail .project_signdetail { padding: 10px 20px; } .is-pc-device .projectsigndetail .sign_title > .sign_cast_screen { float: right; position: relative; top: -14.1px; display: inline-flex; justify-content: center; align-items: center; margin-left: 20px; border-radius: 50px; cursor: pointer; } .is-pc-device .projectsigndetail .sign_title > .sign_cast_screen .icon-screen { width: 20px; height: 20px; line-height: 1; } .is-pc-device .projectsigndetail .sign_title > .sign_cast_screen .icon-screen .app-svg-themebox { color: #000; } .is-pc-device .projectsigndetail .sign_title > img { position: relative; top: -18px; float: right; width: 25px; margin-left: 20px; cursor: pointer; } .is-pc-device .projectsigndetail .sign_title > .sign_title_excitationexplain { position: relative; width: 16px; float: none; margin-left: 40px; top: -2px; } .is-pc-device .traincoursedetail .train_apply_section > h4 { border-bottom: none; } .is-pc-device .traincoursedetail .train_apply_section > div > div { padding: 10px; } .is-pc-device .traincoursedetail .train_sign_section, .is-pc-device .project_signdetail .project_sign_section { margin-bottom: 96px; } .is-pc-device .traincoursedetail .train_sign_section .train_sign_section_signin { position: relative; top: -10px; left: -20px; width: calc(100% + 40px); } .is-pc-device .traincoursedetail .train_sign_section > div > p { font-size: 1.4rem; color: #999; } .is-pc-device .mytraincourse { min-width: 1200px; min-height: 100%; padding-top: 206px; background-color: #f4f4f4; } .is-pc-device .mytraincourse > div { width: 1200px; margin: auto; } .is-pc-device .mytraincourse .next-navbar-padding ul .pc_title > div, .is-pc-device .mytraincourse .next-navbar-padding ul .pc_title > div > a:hover, .is-pc-device .mytraincourse .next-navbar-padding ul .pc-right-btn > div { color: white; padding-right: 0; padding-left: 0; cursor: default; border: none; } .is-pc-device .mytraincourse .pc-next-navbar-padding ul { position: relative; } .is-pc-device .mytraincourse .pc-next-navbar-padding ul .pc-right-btn { position: absolute; right: 0; } .is-pc-device .mytraincourse .next-navbar-padding ul .pc_title > div > a { font-size: 1.8rem; vertical-align: text-bottom; white-space: nowrap; text-overflow: ellipsis; display: inline-block; overflow: hidden; max-width: 960px; } .is-pc-device .mytraincourse .next-navbar-padding ul .pc-right-btn > div > a:hover { color: #eee; border-bottom: 1px solid #eee; } .is-pc-device .mytraincourse .pc-next-navbar-padding { text-align: center; } .is-pc-device .mytraincourse .pc-next-navbartab-padding { top: 125px; height: 58px; background-color: white; } .is-pc-device .mytraincourse .pc-next-navbartab-padding .next-navbar { background-color: white; } .is-pc-device .mytraincourse .pc-next-navbartab-padding .next-navbar > .active { background-color: transparent; } .is-pc-device .mytraincourse .pc-next-navbartab-padding .next-navbar > .active > div, .is-pc-device .mytraincourse .pc-next-navbartab-padding .next-navbar > li > div:hover { border-bottom: 2px solid var(--themcolor); } .is-pc-device .mytraincourse .pc-next-navbartab-padding .next-navbar > li div a { font-size: 1.6rem; color: #000; } .is-pc-device .mytraincourse .pc-next-navbartab-padding .next-navbar > .active div a { color: var(--themcolor); } .is-pc-device .mytraincourse .mytraincourse_paper { min-height: calc(100vh - 206px); padding-top: 0; padding-bottom: 40px; background-color: #f4f4f4; } .is-pc-device .mytraincourse .mytraincourse_paper .exam_testpaper { min-height: 300px; padding: 0; border: none; } .is-pc-device .mytraincourse .mytraincourse_paper .exam_testpaper .exam_testpaperlist { padding: 10px 20px; border: 1px solid #dfdfdf; background-color: white; } .is-pc-device .mytraincourse .forum { min-height: 0; padding-top: 0; padding-bottom: 0; } .is-pc-device .mytraincourse .forum .pc_forum_button > div { padding-top: 0; } .is-pc-device .mytraincourse .forum .pc_forum_button div, .is-pc-device .mytraincourse .forum .pc_forum_list_navbar div, .is-pc-device .mytraincourse .forum .qa_list, .is-pc-device .mytraincourse .forum .forum_list_list_buttonlist, .is-pc-device .mytraincourse .forum .forum_list_list_buttonlist div { width: auto !important; } .is-pc-device .mytraincourse_paper .forum .nomessage_defult > img { margin-top: 0; } .is-pc-device .mytraincourse .exam_testpaper_list { position: relative; } .is-pc-device .mytraincourse .exam_testpaper_list > div > div { padding: 0; border-bottom: 0; } .is-pc-device .mytraincourse .exam_testpaper_list > div { width: 80%; } .is-pc-device .mytraincourse .exam_testpaper_list > div > div { font-size: 1.4rem; color: #666; padding: 2px 0; } .is-pc-device .mytraincourse .exam_testpaper_list > div > img { position: absolute; right: 0; bottom: 0; width: 80px; } .is-pc-device .mytraincourse_sign { padding: 10px 20px; background-color: white; border-radius: 8px; } .is-pc-device .mytraincourse_sign_list:hover { background-color: #f4f4f4; } .is-pc-device .tojoin_signup > div .mytraincourse_sign .mytraincourse_sign_list .sign_address { padding-top: 8px; } .is-pc-device .tojoin_signup > div .nomessage_defult { position: relative !important; background-color: #fff; width: 1200px; height: calc(100vh - 200px); display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 8px; } .is-pc-device .mytraincoursesigndetail, .is-pc-device .projectsigndetail { width: 100%; min-width: 1200px; min-height: 100%; padding-bottom: 40px; background-color: unset; } .is-pc-device .mytraincoursesigndetail > div, .is-pc-device .projectsigndetail > div { width: 1200px; margin: auto; padding-top: 72px; } .is-pc-device .mytraincourse_detail { min-width: 1200px; min-height: 100%; padding-top: 86px; background-color: #f4f4f4; } .is-pc-device .mytraincourse_detail > div { width: 1200px; margin: auto; } .is-pc-device .mytraincoursedetail { min-height: 300px; padding: 10px 20px; border: 1px solid #e5e5e5; background-color: white; } .is-pc-device .mytraincoursedetail > div > div { height: auto; padding: 20px; border: none; } .is-pc-device .mytraincoursedetail > div > div:nth-child(3):hover { cursor: pointer; background-color: #eee; } .is-pc-device .mytraincoursedetail > div > div:nth-child(1) { margin: 0; border-bottom: 1px solid #e5e5e5; } .is-pc-device .mytraincoursedetail .mytraincoursedetail_right > div:nth-child(1) { top: 20px; } .is-pc-device .traincourse_usercount { min-width: 1200px; min-height: 100%; padding-top: 86px; padding-bottom: 40px; background-color: #f4f4f4; } .is-pc-device .traincourse_usercount > div { width: 1200px; margin: auto; } .is-pc-device .traincourseusercount { min-height: 100px; margin-top: 5px; padding: 20px 0; border-top: 1px solid #e5e5e5; background-color: transparent; } .is-pc-device .traincourseusercount > li { display: inline-block; width: 562px; height: auto; margin-bottom: 20px; padding: 15px 10px; cursor: pointer; border: 1px solid #e5e5e5; background-color: white; } .is-pc-device .traincourseusercount > li:last-child { border: 1px solid #e5e5e5; } .is-pc-device .traincourseusercount > li:nth-child(2n+1) { margin-right: 15px; } .is-pc-device .traincourseusercount > li:hover { background-color: #e9e9e9; } .is-pc-device .traincourseusercount > li > img { width: 40px; height: 40px; } .is-pc-device .traincourseusercount > li > div > h4 { font-size: 1.6rem; } .is-pc-device .traincourse_usercount .dialog_box { width: 400px; margin-top: 20vh; } .is-pc-device .traincourse_usercount .dialog_box .modal-content { border-top-left-radius: 8px !important; border-top-right-radius: 8px !important; } .is-pc-device .traincourse_usercount .dialog_box .contact_message { width: 100%; margin: 0; border: none; border-radius: 5px; border-top-left-radius: 8px; border-top-right-radius: 8px; } .is-pc-device .mytraincourse_paper .newslist { border: 1px solid #e5e5e5; } .is-pc-device .mytraincourse_paper .newslist ul { padding: 0 12px; } .is-pc-device .mytraincourse_paper .newslist .list-group-item { width: 541px; } .is-pc-device .mytraincourse_paper .newslist .list-group-item:nth-child(2n+1) { margin: 20px 16px 20px 0 !important; } .is-pc-device .mytraincourse_paper .newslist .list-group-item:nth-child(2n) { margin: 20px 0 20px 16px !important; } .is-pc-device .mytraincourse_paper .mytraincourse_course { border: 1px solid #e5e5e5; } .is-pc-device .mytraincourse_paper .mytraincourse_course ul { padding: 0 12px; } .is-pc-device .mytraincourse_paper .mytraincourse_course ul .list-group-item { width: 212px; margin: 20px 7px !important; } .is-pc-device .mytraincourse_paper .mytraincourse_course ul .list-group-item:nth-child(5n+1) { margin: 20px 7px 20px 0 !important; } .is-pc-device .mytraincourse_paper .mytraincourse_course ul .list-group-item:nth-child(5n) { margin: 20px 0 20px 5px !important; } .is-pc-device .mytraincourse_paper .mytraincourse_course ul .list-group-item .media-left > img { width: 212px; height: 212px; } .is-pc-device .mytraincourse_paper .comment { margin-bottom: 50px; padding: 10px 20px; border: 1px solid #e5e5e5; background-color: white; } .is-pc-device .comment_footer_block { position: fixed; right: 0; left: 0; width: 1198px; height: 90px; margin: auto; padding: 20px; border: none; background-color: inherit; } .is-pc-device .comment_footer_block > textarea { float: left; height: 100%; padding: 13px 10px; } .is-pc-device .comment_footer_block > button { color: white; position: relative; top: 0; height: 100%; border: 1px solid transparent; background-color: var(--themcolor); } .is-pc-device .comment_footer_block > button:hover { background-color: var(--active-themeColor); } .is-pc-device .comment_footer_block .coursecommonsubmit { color: white; background-color: var(--themcolor); } .is-pc-device .mytraincourse .myslides { min-height: calc(100vh - 206px); } .is-pc-device .mytraincourse .qa { min-height: calc(100vh - 186px); } .is-pc-device .mytraincourse .circlefriendsclassify { position: relative; top: -25px; width: 100%; margin-bottom: 15px; background-color: #f5f5f5; } .is-pc-device .mytraincourse .circlefriendsclassify > div { width: 1200px; margin: auto; padding: 10px 0; } .is-pc-device .mytraincourse .circlefriendsclassify > div > div { font-size: 1.4rem; color: #666; display: inline-block; padding: 8px 25px 8px 0; cursor: pointer; } .is-pc-device .mytraincourse .circlefriendsclassify > div > .active { color: var(--themcolor); } .is-pc-device .mytraincourse .circlefriendsclassify > div > div:hover { color: var(--themcolor); } .is-pc-device .mytraincourse .qa > .qa_button { width: 100%; height: 40px; padding: 0 0 56px; } .is-pc-device .mytraincourse .qa > .qa_button > h4 { font-size: 1.6rem; position: relative; top: 10px; display: inline-block; margin: 0; } .is-pc-device .mytraincourse .qa > .qa_button > div { float: right; width: auto; height: 100%; } .is-pc-device .mytraincourse .qa > .qa_button > div > div { font-size: 1.6rem; color: white; display: inline-block; width: auto; margin-right: 10px; padding: 5px 15px; cursor: pointer; border: 1px solid transparent; border-radius: 5px; } .is-pc-device .mytraincourse .qa > .qa_button > div > div:nth-child(1) { background-color: var(--themcolor); } .is-pc-device .mytraincourse .qa > .qa_button > div > div:nth-child(2) { background-color: #13ae67; } .is-pc-device .mytraincourse .qa > .qa_button > div > div:nth-child(3) { background-color: #ff9000; } .is-pc-device .mytraincourse .qa > .qa_button > div > div > img { position: relative; top: -1px; width: 20px; height: 20px; margin-right: 5px; } .is-pc-device .mytraincourse .qa > .qa_line { width: 100%; border-bottom: 1px solid #e5e5e5; } .is-pc-device .mytraincourse .qa > .qa_content { position: relative; padding: 10px 20px; border: 1px solid #e5e5e5; background-color: white; } .is-pc-device .pc_contact_search { background-color: #303332 !important; } .is-pc-device .contact_search { margin-bottom: 8px; padding: 35px 0 35px 30px; background-color: #f4f4f4; height: auto !important; } .is-pc-device .contact_list { min-width: 1200px; height: inherit; min-height: 100%; padding-top: 72px; background-color: unset; } .is-pc-device .contact_list .contact_form { width: 600px; height: 60px; margin: auto; background-color: transparent; } .is-pc-device .contact_list > div { position: relative; width: 1200px; min-height: calc(100vh - 174px); margin: auto; padding-bottom: 40px; } .is-pc-device .contact_list .contact_form > div > .contact_form_icon1 { top: 21px; left: 15px; } .is-pc-device .contact_list .contact_form > div > .contact_form_icon2 { top: 21px; } .is-pc-device .contact_list .contact_form > div > input { width: 480px; height: 60px; padding: 3px 30px 3px 46px; border: 1px solid transparent; border-radius: 0; } .is-pc-device .contact_list .contact_form > button { font-size: 2rem; color: white; text-align: center; position: absolute; top: 0; right: 0; width: 120px; height: 60px; padding: 15px; cursor: pointer; border: none; border-radius: 0; background-color: var(--themcolor); } .is-pc-device .contact_list .contact_form > button:hover { background-color: var(--active-themeColor); } .is-pc-device .contact_list .contact_form > .coursecommonsubmit { background-color: var(--themcolor); } .is-pc-device .contact_list .dialog_box { width: 400px; margin-top: 20vh; } .is-pc-device .contact_list .dialog_box .modal-content { padding: 0; border-top-left-radius: 8px !important; border-top-right-radius: 8px !important; } .is-pc-device .contact_list .dialog_box .contact_message { width: 100%; margin: 0; border: none; border-radius: 5px; border-top-left-radius: 8px; border-top-right-radius: 8px; } .is-pc-device .contact_content { min-height: unset; padding: 0; border: none; background-color: transparent; } .is-pc-device .contact_content > div { padding: 10px 0; } .is-pc-device .contact_content .comment_list { display: inline-block; width: 562px; margin-bottom: 15px; padding: 10px; border: 1px solid #e5e5e5; background-color: white; } .is-pc-device .contact_content .comment_list:nth-child(2n+1) { margin-right: 15px; } .is-pc-device .contact_content .comment_list:hover { cursor: pointer; background-color: #e9e9e9; } .is-pc-device .contact_content .comment_list:last-child { margin-bottom: 0; } .is-pc-device .contact_content .comment_list .comment_list_right .comment_list_right_top .comment_list_user_message > div:nth-child(1) { font-size: 1.6rem; width: calc(100% - 205px); } .is-pc-device .contact_content .comment_list .comment_list_right .comment_list_right_top .comment_list_user_message > div:nth-child(2) { font-size: 1.4rem; } .is-pc-device .contact_content .comment_list .comment_list_right .comment_list_right_top .comment_list_user_img { left: 10px; } .is-pc-device .contact_content .comment_list .comment_list_right .comment_list_right_top > p { font-size: 1.4rem; color: #666; } .is-pc-device .contact_content .comment_list .comment_list_left { width: 80px; } .is-pc-device .contact_content .comment_list .comment_list_right { width: calc(100% - 90px); } .is-pc-device .comment_list .comment_list_right .comment_list_right_top .comment_list_user_img > img { width: 50px; height: 50px; margin: 0; } .is-pc-device .contact_content .reply_comment .comment_list .comment_list_right { width: calc(100% - 92px); } .is-pc-device .contacts { width: 1200px; margin: auto; min-height: 100%; padding-top: 72px; padding-bottom: 40px; background-color: unset; } .is-pc-device .pc_contact_title { font-size: 1.8rem; color: #000; width: 700px; margin: auto; padding: 5px 0; } .is-pc-device .contact_message { width: 700px; min-height: 450px; margin: auto; margin-top: 5px; padding: 0; border: 1px solid #e5e5e5; background-color: white; } .is-pc-device .contact_message > img { position: absolute; z-index: 2; top: 10px; right: 10px; width: 32px; opacity: 0.8; cursor: pointer; } .is-pc-device .contact_message > img:hover { opacity: 1; } .is-pc-device .contact_message .comment_list { width: 100%; height: 220px; margin: 0; border-top-left-radius: 5px; border-top-right-radius: 5px; background-image: url("./media/grzx-bg-JRXP3RJG.jpg"); } .is-pc-device .contact_message .comment_list .comment_list_left { width: 0; height: 0; } .is-pc-device .contact_message .comment_list .comment_list_right { text-align: center; width: 100%; } .is-pc-device .contact_message .comment_list .comment_list_right .comment_list_right_top .comment_list_user_img { position: relative; width: 110px; height: 110px; margin: auto; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 60px; background-color: rgba(255, 255, 255, 0.2); } .is-pc-device .contact_message .comment_list .comment_list_right .comment_list_right_top .comment_list_user_img > img { position: relative; top: 4px; width: 100px; height: 100px; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 50px; } .is-pc-device .contact_message .comment_list .comment_list_right .comment_list_right_top .comment_list_user_message { color: white; text-align: center; -webkit-text-emphasis-color: white; text-emphasis-color: white; padding: 10px 20px 0; } .is-pc-device .contact_message .comment_list .comment_list_right .comment_list_right_top .comment_list_user_message > span:nth-child(1) { color: white; } .is-pc-device .contact_message .comment_list .comment_list_right .comment_list_right_top > p { font-size: 1.4rem; color: white; width: 100%; margin: 0; padding: 0 20px; } .is-pc-device .contact_message .comment_list .comment_list_right .comment_list_right_top > p > span { position: relative; left: 0; } .is-pc-device .contact_info_margintop { padding: 10px 20px; } .is-pc-device .pcleft { padding-top: 60px; padding-bottom: 40px; background-color: #f4f4f4; } .is-pc-device .pcleft .qa_outer { width: 1200px; margin: 0 auto; } .is-pc-device .pc_qa_list_title { width: 1200px; margin: auto; padding: 0 0 34px; border-bottom: 1px solid #e5e5e5; } .is-pc-device .pc_qa_list_title .pc_static_title { position: relative; top: 16px; display: inline-block; } .is-pc-device .pc_qa_list_title .head_list_btn { float: right; padding: 10px 0 6px; } .is-pc-device .pc_qa_list_title .head_btn_menu { font-size: 1.6rem; color: white; display: inline-block; margin-right: 10px; padding: 5px 15px; cursor: pointer; border: 1px solid transparent; border-radius: 5px; } .is-pc-device .pc_qa_list_title .head_btn_menu > a { color: white; padding: 2.5px 5px; } .is-pc-device .pc_qa_list_title .head_btn_menu > a:hover { text-decoration: none; } .is-pc-device .head_list_btn > div:nth-child(1) { background-color: var(--themcolor); } .is-pc-device .head_list_btn > div:nth-child(2) { background-color: #13ae67; } .is-pc-device .head_list_btn > div:nth-child(3) { background-color: #ff9000; } .is-pc-device .pc_qa_list_title .head_btn_menu > a > img { position: relative; top: -2px; width: 20px; height: 20px; margin-right: 5px; } .is-pc-device .pc_qa_list { width: 1200px; margin: auto; padding: 10px 20px 40px; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; background-color: white; } .is-pc-device .qa_list:hover { cursor: pointer; } .is-pc-device .pc_newslist .qa { padding-bottom: 40px; background-color: #f4f4f4; } .is-pc-device .qa { min-width: 1200px; padding: 0; } .is-pc-device .qa .qa_list .qa_list_right { padding-bottom: 20px; border-bottom: 1px solid #e5e5e5; } .is-pc-device .pcleft .qa { min-height: calc(100vh - 186px); padding: 10px; border: 1px solid #e5e5e5; background-color: #fff; } .is-pc-device .qacheckmore .triangle { right: 18px; } .is-pc-device .qa_list .qa_list_right .qa_list_right_down > h4 { font-size: 1.6rem; } .is-pc-device .qa_list .qa_list_right .qa_list_right_down > section > span { font-size: 1.4rem; } .is-pc-device .qa_list .qa_list_right .qa_list_right_down > section > div:nth-child(1) { width: 50%; } .is-pc-device .qa_list .qa_list_right .qa_list_right_down > section > div:nth-child(2) { max-width: 50%; } .is-pc-device .qa_list .qa_list_right .qa_list_right_down > p > .question_isresolved { font-size: 1.4rem; } .is-pc-device .question_and_answer { min-width: 1200px; min-height: 100%; padding-top: 86px; background-color: #f4f4f4; } .is-pc-device .question_and_answer > div { width: 1200px; margin: auto; padding-bottom: 40px; } .is-pc-device .question_and_answer .putquestions_question_form_message { width: 100%; } .is-pc-device .questionandanswer { min-height: 600px; padding: 10px; border: 1px solid #e5e5e5; background-color: white; } .is-pc-device .questionandanswer_question { margin-bottom: 20px; border: none; } .is-pc-device .questionandanswer_question_button_answer:hover { cursor: pointer; background-color: var(--active-themeColor); } .is-pc-device .questionandanswer_question_button_follow:hover { cursor: pointer; background-color: #f4f4f4; } .is-pc-device .questionandanswer_answer { height: 307px; background-color: white; } .is-pc-device .questionandanswer_answer_form { border: none; } .is-pc-device .questionandanswer_answer_form_message { margin-bottom: 30px; } .is-pc-device .questionandanswer_answer_form_message div > textarea { height: 110px; padding: 0; } .is-pc-device .questionandanswer_answer_form_button_anonymous { top: -25px; cursor: pointer; } .is-pc-device .questionandanswer_answer_form_button_submit > img { display: none; border-radius: 5px; } .is-pc-device .questionandanswer_answer_form_button_submit > .app-svg-themebox { display: none; border-radius: 5px; } .is-pc-device .questionandanswer_answer_form_button_submit > button { color: white; width: 150px; height: 40px; border-radius: 5px; background-color: var(--themcolor); } .is-pc-device .questionandanswer_answer_form_button_submit > button:hover { background-color: var(--active-themeColor); } .is-pc-device .questionandanswer_answer_list { padding: 0 10px; } .is-pc-device .questionandanswer_answer_list_header { border-top: none; } .is-pc-device .put_questions { min-width: 1200px; min-height: 100%; padding-top: 86px; background-color: #f4f4f4; } .is-pc-device .put_questions > div { width: 1200px; margin: auto; padding-bottom: 40px; } .is-pc-device .put_questions .pqcheck { width: 354px; } .is-pc-device .put_questions .pqcheck > button { vertical-align: top; float: none; width: 300px; padding: 13px; } .is-pc-device .pqcheck > button > .caret { position: absolute; top: 20px; right: 13px; float: none; } .is-pc-device .putquestions { min-height: 540px; margin-top: 10px; padding: 10px 20px; border: 1px solid #e5e5e5; background-color: white; } .is-pc-device .putquestions .modal-dialog { margin: 130px auto; } .is-pc-device .reward .modal-dialog { position: relative; top: 0; width: 420px; margin: 130px auto; } .is-pc-device .reward .modal-dialog .modal-content { border-radius: 8px; } .is-pc-device .reward .modal-content .modal-header { padding: 20px !important; } .is-pc-device .reward .modal-content .reward_value > div { width: 85px; margin: 0 15px 30px; } .is-pc-device .pqcheck > button { margin-bottom: 5px; border: 1px solid #e5e5e5; } .is-pc-device .pqcheck > ul { z-index: 10; left: 112px !important; overflow: auto; overflow-x: hidden; width: 300px; height: 240px; padding: 0 10px; border: 1px solid #e5e5e5; } .is-pc-device .pqcheck > ul > li { font-size: 1.4rem; } .is-pc-device .pqcheck > ul > li > a { padding-left: 2px; padding-right: 2px; } .is-pc-device .putquestions_question_form { padding: 6px 0 0; } .is-pc-device .put_questions .putquestions_question_form_message div > textarea { height: 110px; } .is-pc-device .putquestions_question_form_message div > span { font-size: 1.4rem; } .is-pc-device .putquestions_question_form_button > div:hover { color: #666; } .is-pc-device .putquestions_question_form_message { vertical-align: top; display: inline-block; width: 905px; height: 217px; padding: 10px; border: 1px solid #e5e5e5; } .is-pc-device .pc_putquestions_question_form_submit { float: right; width: 150px; height: 40px; margin-top: 70px; } .is-pc-device .pc_putquestions_question_form_submit > button { font-size: 1.5rem; color: white; width: 100%; height: 100%; border: 1px solid var(--themcolor); border-radius: 5px; background-color: var(--themcolor); } .is-pc-device .pc_putquestions_question_form_submit > button:hover { background-color: var(--active-themeColor); } .is-pc-device .putquestions_question_form_button { width: 900px; margin-left: 40px; border: none; } .is-pc-device .qacheckmore .modal-dialog { width: 1130px; margin: 30px auto; } .is-pc-device app-myqa .next-navbar-padding .next-navbar { width: 300px; } .is-pc-device app-myqa .myslides { padding-top: 85px; } .is-pc-device app-myqa .next-navbar-padding ul .pc_title > div { padding-left: 0; } .is-pc-device app-myqa .next-navbar-padding ul .pc_title > div:hover, .is-pc-device app-myqa .next-navbar-padding ul .pc_title > div > a:hover { cursor: default; border: none; } .is-pc-device .myqa { min-height: calc(100vh - 85px); padding-top: 61px; background-color: #f4f4f4; } .is-pc-device .myqa > div { width: 1200px !important; margin: auto; padding-bottom: 40px; } .is-pc-device .myqa > div > .myqa_list { padding: 10px 20px; border: 1px solid #e5e5e5; background-color: white; } .is-pc-device .photo_magnifier_block { width: 100%; height: 100%; } .is-pc-device .photo_magnifier_block .swiper-container .swiper-wrapper .swiper-slide img { width: auto; max-width: 70%; max-height: 90%; } .is-pc-device .photo_magnifier_block .swiper-container .swiper-wrapper .swiper-slide img:after { display: none; } .is-pc-device .photo_magnifier_block .swiper-button-prev, .is-pc-device .photo_magnifier_block .swiper-button-next { width: 46px; height: 68px; background-size: 46px; } .is-pc-device .photo_magnifier_block .swiper-button-prev:after, .is-pc-device .photo_magnifier_block .swiper-button-next:after { display: none; } .is-pc-device .forum { min-height: 100vh; padding-top: 72px; padding-bottom: 40px; background-color: unset; } .is-pc-device .pc_forum { position: fixed; z-index: 2; top: 72px; left: 0; width: 100%; z-index: 0; } .is-pc-device .forum .pc_forum_top { position: relative; height: 268px; } .is-pc-device .forum .pc_forum_top .pc_forum_top_bg { display: block; width: 100%; margin: auto; } .is-pc-device .forum .pc_forum_top .pc_forum_top_search { position: absolute; top: 44px; right: 0; left: 0; width: 350px; margin: auto; } .is-pc-device .forum .pc_forum_top .pc_forum_top_search .search_form_seaarchicon { position: absolute; top: 11px; left: 12px; width: 17px; } .is-pc-device .forum .pc_forum_top .pc_forum_top_search .search_form input { width: 100%; padding: 8px 106px 8px 40px; border: 1px solid transparent; border-radius: 50px; } .is-pc-device .forum .pc_forum_top .pc_forum_top_search .search_form_cleanicon { position: absolute; top: 11px; right: 78px; width: 17px; cursor: pointer; } .is-pc-device .forum .pc_forum_top .pc_forum_top_search .search_form_search { color: #fff; position: absolute; top: 0; right: -1px; padding: 8px 18px; border: 1px solid var(--themcolor); border-top-right-radius: 50px; border-bottom-right-radius: 50px; background-color: var(--themcolor); outline: none; } .is-pc-device .forum .pc_forum_top .pc_forum_top_search .search_form_search:hover { border: 1px solid var(--active-themeColor); background-color: var(--active-themeColor); } .is-pc-device .forum .pc_forum_button { position: absolute; bottom: 105px; left: 0; width: 100%; height: 45px; } .is-pc-device .forum .pc_forum_button > div { width: 100%; max-width: 1200px; margin: auto; padding: 10px 0 4px; } .is-pc-device .forum .pc_forum_button > div > div, .is-pc-device .forum .pc_forum_button > div > div > div { font-size: 1.6rem; color: white; display: inline-block; padding: 0; } .is-pc-device .forum .pc_forum_button .pc_forum_button_left > div { height: 29px; margin-right: 48px; cursor: pointer; } .is-pc-device .forum .pc_forum_button .pc_forum_button_left > div > div { width: 20px; height: 2px; margin: 5px auto 0; background-color: transparent; } .is-pc-device .forum .pc_forum_button .pc_forum_button_left .active { font-size: 1.6rem; color: white; } .is-pc-device .forum .pc_forum_button .pc_forum_button_left .active > div { background-color: white; } .is-pc-device .forum .pc_forum_button .pc_forum_button_right { float: right; } .is-pc-device .forum .pc_forum_button .pc_forum_button_right > div { position: relative; top: -2px; margin-left: 30px; padding: 3px 10px; cursor: pointer; border: 1px solid transparent; border-radius: 30px; } .is-pc-device .forum .pc_forum_button .pc_forum_button_right > div:nth-child(1) { background-color: #18c884; } .is-pc-device .forum .pc_forum_button .pc_forum_button_right > div:nth-child(2) { background-color: var(--themcolor); } .is-pc-device .forum .pc_forum_button .pc_forum_button_right > div > img { position: relative; top: -1px; width: 18px; margin-right: 6px; } .is-pc-device .forum .pc_forum_category { position: relative; padding: 8px 24px; background-color: #fff; border-radius: 8px; margin-bottom: 16px; } .is-pc-device .forum .pc_forum_category > div { margin: auto; } .is-pc-device .forum .pc_forum_category > div > div { display: inline-block; } .is-pc-device .forum .pc_forum_category .pc_forum_category_dropdown .dropdown-toggle { font-size: 1.6rem; cursor: pointer; } .is-pc-device .forum .pc_forum_category .pc_forum_category_dropdown .dropdown-toggle .caret { margin-left: 5px; } .is-pc-device .forum .pc_forum_category .pc_forum_category_dropdown .open > .dropdown-menu { top: 32px; overflow: auto; width: 1200px; height: 292px; padding: 18px; border: none; left: -24px !important; } .is-pc-device .forum .pc_forum_category .pc_forum_category_dropdown .open > .dropdown-menu > div { font-size: 1.3rem; color: #000; vertical-align: middle; white-space: nowrap; text-overflow: ellipsis; display: inline-block; overflow: hidden; width: calc((100% - 48px) / 3); margin: 12px 24px 12px 0; cursor: pointer; background-color: #f4f4f4; } .is-pc-device .forum .pc_forum_category .pc_forum_category_dropdown .open > .dropdown-menu > div:nth-child(3n) { margin-right: 0; } .is-pc-device .forum .pc_forum_category .pc_forum_category_dropdown .open > .dropdown-menu > div > div { padding: 10px 16px; } .is-pc-device .forum .pc_forum_category .pc_forum_category_dropdown .open > .dropdown-menu > div > div > img { vertical-align: middle; display: inline-block; width: 44px; height: 44px; margin-right: 12px; border-radius: 4px; } .is-pc-device .forum .pc_forum_category .pc_forum_category_dropdown .open > .dropdown-menu > div > div > div { vertical-align: middle; display: inline-block; width: calc(100% - 58px); } .is-pc-device .forum .pc_forum_category .pc_forum_category_dropdown .open > .dropdown-menu > div > div > div > p { font-size: 1.6rem; color: #000; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-bottom: 2px; } .is-pc-device .forum .pc_forum_category .pc_forum_category_dropdown .open > .dropdown-menu > div > div > div > span { font-size: 1.2rem; color: #666; white-space: nowrap; text-overflow: ellipsis; display: block; overflow: hidden; } .is-pc-device .forum .pc_forum_category .pc_forum_category_dropdown .open > .dropdown-menu > .is_customize > div { text-align: center; } .is-pc-device .forum .pc_forum_category .pc_forum_category_dropdown .open > .dropdown-menu > .is_customize > div > div { width: 100%; } .is-pc-device .forum .pc_forum_category .pc_forum_category_dropdown .open > .dropdown-menu > .is_customize > div > div > p { margin: 10px 0; } .is-pc-device .forum .pc_forum_category .pc_forum_category_dropdown .open > .dropdown-menu > .active > div > div > p, .is-pc-device .forum .pc_forum_category .pc_forum_category_dropdown .open > .dropdown-menu > div:hover > div > div > p { color: var(--themcolor); } .is-pc-device .forum .pc_forum_category .projectforum_excitationexplain { width: 16px; margin-left: 12px; cursor: pointer; } .is-pc-device .forum .pc_forum_category .pc_forum_category_lists { float: right; position: relative; top: 3px; } .is-pc-device .forum .pc_forum_category .pc_forum_category_lists > span { color: #000; margin-left: 26px; padding: 5px; cursor: pointer; } .is-pc-device .forum .pc_forum_category .pc_forum_category_lists > .active { color: var(--themcolor); } .is-pc-device .forum .topic { width: 1200px; margin: auto; padding-top: 172px; } .is-pc-device .forum .pc_topic { padding-top: 172px; } .is-pc-device .forum .pc_qa_list { min-height: calc(100vh - 326px); padding: 0; border: none; background-color: transparent; } .is-pc-device .forum .pc_qa_list > .forum_list_stick, .is-pc-device .forum .pc_qa_list > .forum_list_list { vertical-align: top; display: inline-block; margin: 0; border-radius: 8px; } .is-pc-device .forum .pc_qa_list > .forum_list_stick { width: 320px; border: none; padding: 24px 24px 16px; background-color: white; } .is-pc-device .forum .pc_qa_list > .forum_list_stick > div { padding-bottom: 0; } .is-pc-device .forum .pc_qa_list > .forum_list_stick > p { font-size: 1.6rem; margin-bottom: 16px; padding: 0; cursor: pointer; } .is-pc-device .forum .forum_list_stick > div > .forum_forumHotClassifys { white-space: unset; width: 100%; } .is-pc-device .forum .forum_list_stick > div > .forum_forumHotClassifys > div { width: calc((100% - 60px) / 4); margin: 0 20px 16px 0; cursor: pointer; } .is-pc-device .forum .forum_list_stick > div > .forum_forumHotClassifys > div:nth-child(4n) { margin-right: 0; } .is-pc-device .forum .forum_list_stick > div > .forum_forumHotClassifys > div > img { width: 53px; height: 53px; } .is-pc-device .forum .forum_list_stick > div > .forum_forumHotClassifys_toggle { font-size: 1.2rem; color: #000; text-align: center; padding: 8px 0; cursor: pointer; border: 1px solid transparent; border-radius: 4px; background-color: #f4f4f4; } .is-pc-device .forum .pc_qa_list > .forum_list_list { width: 100%; min-height: 400px; position: relative; } .is-pc-device .forum .pc_qa_list > .forum_list_list_narrow { width: calc(100% - 344px); margin-right: 24px; } .is-pc-device .forum .pc_qa_list .pc_forum_list_navbar { border-bottom: 1px solid #e5e5e5; } .is-pc-device .forum .pc_qa_list .pc_forum_list_navbar > div { font-size: 1.4rem; color: #000; display: inline-block; margin-right: 30px; padding: 10px 0; cursor: pointer; } .is-pc-device .forum .pc_qa_list .pc_forum_list_navbar > div > img { position: relative; top: -1px; } .is-pc-device .forum .pc_qa_list .pc_forum_list_navbar_checknew { border-bottom: 2px solid #3fb27b; } .is-pc-device .forum .pc_qa_list .pc_forum_list_navbar_checknew > span { color: #3fb27b; } .is-pc-device .forum .pc_qa_list .pc_forum_list_navbar_checkhot { border-bottom: 2px solid #ea5514; } .is-pc-device .forum .pc_qa_list .pc_forum_list_navbar_checkhot > span { color: #ea5514; } .is-pc-device .forum .pc_qa_list .pc_forum_list_navbar_checkdigest { border-bottom: 2px solid #f39800; } .is-pc-device .forum .pc_qa_list .pc_forum_list_navbar_checkdigest > span { color: #f39800; } .is-pc-device .forum_list_list_buttonlist { position: absolute; top: 10px; right: 10px; } .is-pc-device .forum_list_list_buttonlist > div { font-size: 1.4rem; display: inline-block; cursor: pointer; } .is-pc-device .forum_list_list_buttonlist > div { font-size: 1.4rem; display: inline-block; } .is-pc-device .forum_list_list_buttonlist > div > a { color: #666; text-decoration: none; padding: 5px 7px; } .is-pc-device .forum_list_list_buttonlist > div > .forumisliked, .is-pc-device .forum_list_list_buttonlist > div > .forumisliked, .is-pc-device .forum_list_list_buttonlist > div > a:hover { color: var(--themcolor); } .is-pc-device .forum_list_list .qa_list { padding: 24px; border: none; margin-bottom: 16px !important; border-radius: 8px; } .is-pc-device .pc_qa_list_forum_nodata .forum_list_list .qa_list { margin-bottom: 12px !important; } .is-pc-device .pc_course .forum_list_list .qa_list { padding: 0 !important; border: none; margin-bottom: 16px !important; } .is-pc-device .forum_list_list .qa_list .qa_list_left > img { margin: 2px 20px 4px 0; width: 36px; height: 36px; } .is-pc-device .forum_list_list .qa_list .qa_list_right { width: 100%; padding-left: 56px; } .is-pc-device .forum_list_list .qa_list .qa_list_right_down { background-color: transparent; } .is-pc-device .forum_list_list > div:last-child .qa_list_right .qa_list_right_down { border: none; } .is-pc-device .forum_list_list .qa_list .qa_list_right_down .forum_list_list_icon > div { margin-right: 10px; } .is-pc-device .forum_list_list .qa_list .qa_list_right_down .forum_list_list_name { margin: 0; } .is-pc-device .forum_list_list .qa_list .qa_list_right_down .forum_list_list_name > div > span { font-size: 1.2rem; } .is-pc-device .forum_list_list .qa_list .qa_list_right_down .forum_list_list_name > .forum_list_list_name_fullname { max-width: none; font-size: 1.4rem; } .is-pc-device .forum_list_list .qa_list .qa_list_right_down .forum_list_list_pc_resolve { color: green !important; } .is-pc-device .forum_list_list .qa_list_left > img, .is-pc-device .forumdetail .qa_list_left > img, .is-pc-device .myforum .qa_list_left > img { width: 50px; height: 50px; } .is-pc-device .forumimg > div > img { cursor: pointer; } .is-pc-device .forumimg > .oneImg, .is-pc-device .forumimg > .wideimg, .is-pc-device .forumimg > .narrowimg { max-height: 98.4375px; width: calc((100% - 48px) / 4) !important; max-width: calc((100% - 48px) / 4); margin-right: 16px; } .is-pc-device .forumimg > .oneImg:nth-child(4n), .is-pc-device .forumimg > .wideimg:nth-child(4n), .is-pc-device .forumimg > .narrowimg:nth-child(4n) { margin-right: 0px; } .is-pc-device .ordersign_norecommend .forumimg > .oneImg, .is-pc-device .ordersign_norecommend .forumimg > .wideimg, .is-pc-device .ordersign_norecommend .forumimg > .narrowimg { max-height: 146.8125px; } .is-pc-device .cardmodal .modal-dialog { position: relative; top: auto; left: auto; bottom: auto; width: 250px; margin: calc(50vh - 172px) auto; } .is-pc-device .cardmodal .modal-dialog .modal-content, .is-pc-device .cardmodal .modal-dialog .modal-content .modal-header { border: 1px solid transparent; border-radius: 16px; } .is-pc-device .cardmodal .modal-dialog .modal-content > img { position: absolute; z-index: 1; top: 10px; right: 10px; width: 30px; opacity: 0.6; cursor: pointer; } .is-pc-device .cardmodal .modal-dialog .modal-content > img:hover { opacity: 1; } .is-pc-device app-forum .cardmodal .modal, .is-pc-device app-train-forum .cardmodal .modal { margin-top: 60px; } .is-pc-device app-forum .cardmodal .fade > .modal-dialog > .modal-content > .modal-body, .is-pc-device app-train-forum .cardmodal .fade > .modal-dialog > .modal-content > .modal-body { margin-top: 0; padding: 30px 20px; } .is-pc-device app-forum .cardmodal .modal-dialog .modal-content .modal-body > div, .is-pc-device app-train-forum .cardmodal .modal-dialog .modal-content .modal-body > div { display: inline-block; width: 50%; border: none; } .is-pc-device app-forum .cardmodal .modal-dialog .modal-content .modal-body > div > img, .is-pc-device app-train-forum .cardmodal .modal-dialog .modal-content .modal-body > div > img { width: 50px; height: 50px; } .is-pc-device app-forum .cardmodal .modal-dialog .modal-content .modal-body > div > p, .is-pc-device app-train-forum .cardmodal .modal-dialog .modal-content .modal-body > div > p { display: block; margin: 10px 0 0; } .is-pc-device .forumthemecard { min-width: 1200px; min-height: 100%; padding-top: 86px; background-color: unset; } .is-pc-device .forumthemecard > div { width: 1200px; margin: auto; padding-bottom: 24px; box-sizing: border-box; } .is-pc-device .forumthemecard .ngx_emoji { top: -195px; height: 193px; } .is-pc-device .forumthemecard > div > form { position: relative; height: auto; padding: 20px; padding-bottom: 24px; border: 1px solid transparent; border-radius: 8px; background-color: white; } .is-pc-device .forumthemecard > div > form > div { margin: 20px 0; } .is-pc-device .forumthemecard > div > form > div { margin: 20px 0; } .is-pc-device .forumthemecard .pqcheck > button { vertical-align: top; float: none; box-sizing: border-box; width: 640px; height: 40px; margin: 0; padding: 0 12px; line-height: 38px; border: 1px solid #e5e5e5; border-radius: 4px; cursor: pointer; } .is-pc-device .forumthemecard .forumthemecard_input input { vertical-align: top; box-sizing: border-box; width: 640px; height: 40px; border: 1px solid #e5e5e5; border-radius: 4px; } .is-pc-device .forumthemecard_input_disabled { left: 112px; width: 640px; background-color: white; } .is-pc-device .forumthemecard .forumthemecard_textarea { height: auto; min-height: 0; max-height: none; padding-bottom: 0; border: none; margin: 0px; } .is-pc-device .forumthemecard .forumthemecard_textarea > textarea { width: 905px; border: 1px solid #e5e5e5; } .is-pc-device .forumcard_footer > section { animation: none; } .is-pc-device .forumcard_footer > section > div { overflow: hidden; padding-top: 10px; } .is-pc-device .forumcard_footer > section > div > div > span { top: -4px; } .is-pc-device .forumcard_footer .photoframe_imgTips { display: inline-block; width: 100%; overflow: hidden; font-size: 1.2rem; margin: 8px 0 0 10px; color: #999; } .is-pc-device .forumcard_footer_input { bottom: 0 !important; } .is-pc-device .pc_forumthemecard_textarea { display: flex; align-items: flex-start; border: none; } .is-pc-device .pc_forumthemecard_textarea > .pc_forumthemecard_title { top: 0; flex: none; } .is-pc-device .pc_forumthemecard_main { flex: 1; min-width: 0; display: flex; flex-direction: column; } .is-pc-device .pc_forumthemecard_compose { flex: none; width: 100%; min-width: 0; display: flex; flex-direction: column; gap: 8px; box-sizing: border-box; padding: 8px 16px; border: 1px solid #e5e5e5; border-radius: 4px; background: #fff; } .is-pc-device .pc_forumthemecard_compose > textarea { flex: none; word-break: break-all; width: 100%; height: 160px; margin: 0; padding: 0; box-sizing: border-box; resize: none; border: none; font-size: 1.4rem; overflow-y: auto; } .is-pc-device .pc_forumthemecard_compose > textarea::-webkit-scrollbar { width: 4px; } .is-pc-device .pc_forumthemecard_compose > textarea::-webkit-scrollbar-thumb { border-radius: 99px; -webkit-box-shadow: inset 0 0 5px #e5e5e5; background: rgba(0, 0, 0, 0.4); } .is-pc-device .pc_forumthemecard_compose > textarea::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 5px #e5e5e5; border-radius: 99px; background: rgba(0, 0, 0, 0.08); } .is-pc-device .pc_forumthemecard_compose > .ngx_emoji { flex: none; } .is-pc-device .pc_forumcard_attach_row { display: flex; align-items: flex-end; justify-content: space-between; gap: 12px; flex: none; box-sizing: border-box; padding: 0; min-height: 18px; } .is-pc-device .pc_forumcard_attach_row > .pc_forumcard_attach_area { flex: 1; min-width: 0; padding: 0; } .is-pc-device .pc_forumcard_attach_row > .feedback_content_text_icon { flex: none; position: static; display: block; margin-left: auto; padding: 0; text-align: right; right: auto; bottom: auto; z-index: auto; } .is-pc-device .pc_forumthemecard_main > .pc_forumthemecard_textarea_another { flex: none; width: 100%; box-sizing: border-box; margin-left: 0; padding: 10px 0; } .is-pc-device .pc_forumthemecard_main > .pc_forumthemecard_textarea_another > .pc_forumdetail_footer_emoji { top: 0; } .is-pc-device .pc_forumthemecard_textarea_another > span { font-size: 1.4rem; color: #000; margin-right: 44px; cursor: pointer; } .is-pc-device .pc_forumthemecard_textarea_another > span:hover { color: #666; } .is-pc-device .pc_forumthemecard_textarea_another > .forumthemecard_allowanonymtytextarea_public { color: #666; cursor: pointer; } .is-pc-device .pc_forumthemecard_textarea_another > .forumthemecard_allowanonymtytextarea_public > span { font-size: 1.2rem; color: #999; margin-right: 40px; } .is-pc-device .pc_forumthemecard_textarea_another > .forumthemecard_allowanonymtytextarea_public > span:nth-child(1) { margin-right: 0; } .is-pc-device .pc_forumdetail_footer_integral, .is-pc-device .pc_forumdetail_footer_integrals { left: auto !important; } .is-pc-device .pc_forumthemecard_textarea_another .expertvalue_bule, .is-pc-device .pc_forumdetail_footer_integrals .expertvalue_bule { color: var(--themcolor); } .is-pc-device .pc_forumthemecard_textarea_another > span > img { position: relative; top: -1px; width: 28px; height: 28px; margin-right: 5px; } .is-pc-device .pc_forumthemecard_textarea_another > span > .app-svg-themebox { position: relative; top: -1px; width: 16px; height: 16px; margin-right: 8px; display: inline-block; } .is-pc-device .forumthemecard .displayreward { position: relative; display: unset; height: unset; line-height: unset; font-size: 1.4rem; padding: 5px 12px; border-radius: 15px; background-color: rgba(0, 0, 0, 0.04); } .is-pc-device .forumthemecard .displayreward > img { vertical-align: sub; height: 15px; width: 15px; } .is-pc-device .forumthemecard .displayreward .closereward { width: 12px; height: 12px; position: absolute; z-index: 9; top: -4px; left: unset; right: -8px; } .is-pc-device .forumthemecard .displayreward > span { color: #000; } .is-pc-device .forumthemecard .edit_displayreward, .is-pc-device .forumvotecard .edit_displayreward { top: auto; } .is-pc-device .forumthemecard_allowanonymtytextarea_allowanonymty { float: right; margin: 0 !important; } .is-pc-device .forumthemecard_allowanonymtytextarea_allowanonymty > img { width: 16px !important; height: 16px !important; margin-right: 8px !important; } .is-pc-device .forumthemecard .forum-submit--pc { display: flex; align-items: center; margin: 48px 0 0; } .is-pc-device .forumthemecard .forum-submit--pc > .pc_forumthemecard_title { top: 0; flex: none; } .is-pc-device .forumthemecard .forum-submit--pc .pc_forumdetail_footer_submit { margin-top: 0; } .is-pc-device .forumthemecard .pc_forumdetail_footer_submit { position: static; display: block; margin-top: 0; left: auto; right: auto; bottom: auto; } .is-pc-device .forumthemecard .ngx_emoji .emoji-mart-scroll { height: 112px; } .is-pc-device .forumvotecard { padding-bottom: 0; } .is-pc-device .forumvotecard > div > form { height: auto; padding-bottom: 24px; } .is-pc-device .forumvotecard .forumvotecard_option_title { position: relative; width: 90%; } .is-pc-device .forumvotecard .forumvotecard_option_title .header_title { top: 1px; left: -20px; } .is-pc-device .pc_forumvotecard_option { padding: 0px; display: inline-block; vertical-align: top; width: calc(100% - 156px); } .is-pc-device .forumvotecard .forumvotecard_option_list { display: inline-block; width: 45%; margin: 20px 20px 0 0; border: none; } .is-pc-device .forumvotecard .forumvotecard_option_list:first-of-type, .is-pc-device .forumvotecard .forumvotecard_option_list:nth-of-type(2) { margin-top: 0; } .is-pc-device .forumvotecard .forumvotecard_option_list > input { width: 90%; padding: 11.5px 10px; border: 1px solid #e5e5e5; border-radius: 4px; } .is-pc-device .forumvotecard .forumvotecard_option_list > img { right: 15px; opacity: 0.7; } .is-pc-device .forumvotecard .forumvotecard_option_list > img:hover { opacity: 1; } .is-pc-device .forumvotecard .forumvotecard_option_list > .forumthemecard_input_disabled { left: 0; width: 90%; } .is-pc-device .forumvotecard .forumvotecard_option_addnewlist { color: var(--themcolor); display: inline-flex; width: 40.5%; margin: 20px 20px 0 0; padding: 11px 10px; cursor: pointer; border: 1px solid #e5e5e5; border-radius: 4px; } .is-pc-device .forumvotecard .forumvotecard_option_addnewlist:hover { background-color: #f5f5f5; } .is-pc-device .forumvotecard .forumvotecard_another { height: 150px; margin: 0; padding: 0; } .is-pc-device .forumvotecard .forumvotecard_another > div { margin-right: 0px; border-top: none; border-bottom: none; padding-left: 0; display: flex; white-space: nowrap; } .is-pc-device .forumvotecard .forumvotecard_another .forumvotecard_another_check > div { position: absolute; left: 150px; } .is-pc-device .forumvotecard .forumvotecard_another .forumvotecard_another_expirydate > span:nth-child(2) { color: #000; float: none; } .is-pc-device .forumvotecard .forumvotecard_another .forumvotecard_another_expirydate > span:nth-child(3) { float: right; } .is-pc-device .forumvotecard .forumvotecard_another .forumvotecard_another_expirydate > span:nth-child(3) > img { width: 20px; height: 20px; } .is-pc-device .forumvotecard .forumvotecard_another .forumvotecard_another_expirydate > input { border: 1px solid #e5e5e5; padding: 10px; border-radius: 4px; } .is-pc-device .forumvotecard_option_editcard { margin: 60px 0 40px !important; } .is-pc-device .forumdetail .qa_list, .is-pc-device .forumdetail .qa_list_right_down { border-bottom: none !important; padding: 0; } .is-pc-device app-forumdetail-theme > .contact_list > div { min-height: 0; padding-bottom: 0; } .is-pc-device app-forumdetail-theme .forumdetail .forumdetail_theme .forumimg > .narrowimg, .is-pc-device app-forumdetail-theme .forumdetail .forumdetail_theme .forumimg > .wideimg, .is-pc-device app-forumdetail-theme .forumdetail .forumdetail_theme .forumimg > .oneImg, .is-pc-device app-forumdetail-theme .forumdetail .forumdetail_vote .forumimg > .narrowimg, .is-pc-device app-forumdetail-theme .forumdetail .forumdetail_vote .forumimg > .wideimg, .is-pc-device app-forumdetail-theme .forumdetail .forumdetail_vote .forumimg > .oneImg, .is-pc-device app-forumdetail-vote .forumdetail .forumdetail_theme .forumimg > .narrowimg, .is-pc-device app-forumdetail-vote .forumdetail .forumdetail_theme .forumimg > .wideimg, .is-pc-device app-forumdetail-vote .forumdetail .forumdetail_theme .forumimg > .oneImg, .is-pc-device app-forumdetail-vote .forumdetail .forumdetail_vote .forumimg > .narrowimg, .is-pc-device app-forumdetail-vote .forumdetail .forumdetail_vote .forumimg > .wideimg, .is-pc-device app-forumdetail-vote .forumdetail .forumdetail_vote .forumimg > .oneImg { width: calc((100% - 80px) / 6) !important; max-width: calc((100% - 80px) / 6); margin-right: 16px; max-height: 106.6875px; margin-bottom: 16px; } .is-pc-device app-forumdetail-theme .forumdetail .forumdetail_theme .forumimg > .narrowimg:nth-child(6n), .is-pc-device app-forumdetail-theme .forumdetail .forumdetail_theme .forumimg > .wideimg:nth-child(6n), .is-pc-device app-forumdetail-theme .forumdetail .forumdetail_theme .forumimg > .oneImg:nth-child(6n), .is-pc-device app-forumdetail-theme .forumdetail .forumdetail_vote .forumimg > .narrowimg:nth-child(6n), .is-pc-device app-forumdetail-theme .forumdetail .forumdetail_vote .forumimg > .wideimg:nth-child(6n), .is-pc-device app-forumdetail-theme .forumdetail .forumdetail_vote .forumimg > .oneImg:nth-child(6n), .is-pc-device app-forumdetail-vote .forumdetail .forumdetail_theme .forumimg > .narrowimg:nth-child(6n), .is-pc-device app-forumdetail-vote .forumdetail .forumdetail_theme .forumimg > .wideimg:nth-child(6n), .is-pc-device app-forumdetail-vote .forumdetail .forumdetail_theme .forumimg > .oneImg:nth-child(6n), .is-pc-device app-forumdetail-vote .forumdetail .forumdetail_vote .forumimg > .narrowimg:nth-child(6n), .is-pc-device app-forumdetail-vote .forumdetail .forumdetail_vote .forumimg > .wideimg:nth-child(6n), .is-pc-device app-forumdetail-vote .forumdetail .forumdetail_vote .forumimg > .oneImg:nth-child(6n) { margin-right: 0px; } .is-pc-device .pc_forumreplies .forumimg > .narrowimg, .is-pc-device .pc_forumreplies .forumimg > .wideimg, .is-pc-device .pc_forumreplies .forumimg > .oneImg { width: calc((100% - 80px) / 6) !important; max-width: calc((100% - 80px) / 6); margin-right: 16px; max-height: 106.6875px; margin-bottom: 16px; } .is-pc-device .pc_forumreplies .forumimg > .narrowimg:nth-child(6n), .is-pc-device .pc_forumreplies .forumimg > .wideimg:nth-child(6n), .is-pc-device .pc_forumreplies .forumimg > .oneImg:nth-child(6n) { margin-right: 0px; } .is-pc-device .forumdetail { min-width: 1200px; min-height: 100%; padding-top: 72px; padding-bottom: 40px; } .is-pc-device .forumdetail > div { width: 1200px; margin: auto; } .is-pc-device .forumdetailtop .forumdetail_header { border-bottom: none; } .is-pc-device .forumdetailtop .forumdetail_header > .forumdetail_header_right > h4 > div { max-width: none; } .is-pc-device .forumdetailtop .forumdetail_header > .forumdetail_header_right > div > span:nth-child(2) { float: none; } .is-pc-device .forumdetailtop .forumdetail_header > .forumdetail_header_right > div > span:nth-child(2) > span:first-child { padding-left: 0; } .is-pc-device .forumdetail .pc_forumdetail { border: 1px solid #e5e5e5; } .is-pc-device .forumdetail_theme { padding: 24px; border: 1px solid transparent; border-radius: 8px; background-color: white; margin-top: 0; } .is-pc-device .forumdetail_theme .nomessage_defult > img { width: 110px; height: 110px; } .is-pc-device .pc_forumthemecard_title { display: inline-block; vertical-align: middle; min-width: 96px; font-size: 1.6rem; color: #000; white-space: nowrap; position: relative; top: 9px; margin-right: 16px; } .is-pc-device .pc_forumthemecard_title2 { margin-right: 35px; vertical-align: top; } .is-pc-device .pc_forumthemecard_title3 { margin-right: 20px; vertical-align: top; } .is-pc-device .forumdetail_theme .forumdetaildown { margin-top: 30px; } .is-pc-device .forumdetaildown .qa_list:hover { cursor: default; background-color: white; } .is-pc-device .forumdetail_themelist .forum_list_list .qa_list .qa_list_right { padding-left: 0; } .is-pc-device .forumdetail_themelist .forum_list_list .qa_list .qa_list_right .qa_list_right_down { padding-bottom: 0; border: none; } .is-pc-device .forumdetail_themelist .forum_list_list .qa_list_right_down .forum_list_list_explain > span:nth-child(2) { cursor: pointer; } .is-pc-device .forumreplies .forumreplies_down .forumdetail_themelist_reply { border: none; } .is-pc-device .forumreplies .forumreplies_down .forumdetail_themelist_reply > .all_replies { font-weight: normal; } .is-pc-device .forumdetail_themelist_reply { background-color: #f4f4f4; margin-bottom: 8px !important; } .is-pc-device .forumdetail_themelist_reply .forumdetail_themelist_reply_message { padding: 8px 0; } .is-pc-device .forumdetail_themelist_reply .forumdetail_themelist_reply_message > div > span:nth-child(3) { margin-right: 20px; } .is-pc-device .forumdetail_themelist .forum_list_list_null { font-size: 1.4rem; color: #666; text-align: center; width: 100%; padding: 30px 10px 10px; } .is-pc-device .forumdetail_theme .forumcard_footer, .is-pc-device .forumdetail_vote .forumcard_footer { position: relative; height: 346px; margin-top: 10px; padding-bottom: 30px; border-bottom: 1px dashed #e5e5e5; } .is-pc-device .forumdetail_theme .forumcard_footer.forumcard_footer--pc-compose, .is-pc-device .forumdetail_vote .forumcard_footer.forumcard_footer--pc-compose { display: flex; flex-direction: column; padding-bottom: 60px; } .is-pc-device .forumdetail_theme .forumcard_footer > div:not(.pc_forumdetail_footer_compose), .is-pc-device .forumdetail_vote .forumcard_footer > div:not(.pc_forumdetail_footer_compose) { border-top: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; background-color: white; } .is-pc-device .forumdetail_theme .forumdetail_footer > div:not(.pc_forumdetail_footer_compose) > textarea, .is-pc-device .forumdetail_vote .forumdetail_footer > div:not(.pc_forumdetail_footer_compose) > textarea { word-break: break-all; z-index: 100; width: calc(100% - 6px) !important; height: 72px; margin: auto 3px; padding: 10px 10px 0px; resize: none; border: none; } .is-pc-device .forumdetail_theme .forumcard_footer > .pc_forumdetail_footer_compose, .is-pc-device .forumdetail_vote .forumcard_footer > .pc_forumdetail_footer_compose { display: flex !important; flex: 1; flex-direction: column; min-height: 0; position: relative; box-sizing: border-box; border-top: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; background-color: white; padding: 0; } .is-pc-device .forumdetail_theme .pc_forumdetail_footer_compose > textarea, .is-pc-device .forumdetail_vote .pc_forumdetail_footer_compose > textarea { flex: 1; min-height: 0; word-break: break-all; width: calc(100% - 6px) !important; height: auto; margin: auto 3px; padding: 10px 10px 28px; resize: none; border: none; box-sizing: border-box; } .is-pc-device .forumdetail_theme .pc_forumdetail_footer_compose > .pc_forumdetail_footer_attach_area, .is-pc-device .forumdetail_vote .pc_forumdetail_footer_compose > .pc_forumdetail_footer_attach_area { flex: none; position: relative; top: auto; height: auto; box-sizing: border-box; padding: 0 17px 12px; overflow: visible; } .is-pc-device .forumdetail_theme .pc_forumdetail_footer_compose > .pc_forumdetail_footer_attach_area app-forum-file-list, .is-pc-device .forumdetail_vote .pc_forumdetail_footer_compose > .pc_forumdetail_footer_attach_area app-forum-file-list { margin-bottom: 0; } .is-pc-device .forumdetail_theme .pc_forumdetail_footer_compose > .feedback_content_text_icon, .is-pc-device .forumdetail_vote .pc_forumdetail_footer_compose > .feedback_content_text_icon { position: absolute; right: 10px; bottom: 10px; z-index: 1; text-align: right; } .is-pc-device .forumdetail_theme .forumcard_footer > section, .is-pc-device .forumdetail_vote .forumcard_footer > section { height: 140px; padding: 15px 17px 0; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; background-color: white; position: relative; } .is-pc-device .forumdetail_theme .forumcard_footer > section > .photoframe_imgTips, .is-pc-device .forumdetail_vote .forumcard_footer > section > .photoframe_imgTips { margin: 8px 0 10px; } .is-pc-device .forumdetail_theme .forumcard_footer.forumcard_footer--pc-compose > .pc_forumdetail_footer_actions, .is-pc-device .forumdetail_vote .forumcard_footer.forumcard_footer--pc-compose > .pc_forumdetail_footer_actions { flex: none; width: 100%; box-sizing: border-box; min-height: 40px; padding-right: 166px; } .is-pc-device .forumdetail_theme .forumcard_footer.forumcard_footer--pc-compose > .pc_forumdetail_footer_submit, .is-pc-device .forumdetail_vote .forumcard_footer.forumcard_footer--pc-compose > .pc_forumdetail_footer_submit { z-index: 2; bottom: 10px; } .is-pc-device .pc_forumdetail_footer_emoji { color: #666; position: relative; top: 10px; cursor: pointer; } .is-pc-device .pc_forumdetail_footer_emoji > img { position: relative; top: -2px; width: 21px; margin-right: 5px; } .is-pc-device .pc_forumdetail_footer_exper, .is-pc-device .pc_forumdetail_footer_expertwo { color: #666; position: relative; top: 10px; left: 100px !important; cursor: pointer; } .is-pc-device .pc_forumdetail_footer_expertwo { left: 24px !important; } .is-pc-device .pc_forumdetail_footer_exper > img, .is-pc-device .pc_forumdetail_footer_expertwo > img { position: relative; top: -2px; width: 21px; margin-right: 5px; } .is-pc-device .forumdetail .forumimg > .narrowimg:nth-child(3n+3) { margin-right: 4px; } .is-pc-device .pc_forumdetail_footer_isanonymous { color: #666; position: relative; top: 10px; left: 50px; cursor: pointer; } .is-pc-device .pc_forumdetail_footer_isanonymous:hover { color: #666; } .is-pc-device .pc_forumdetail_footer_isanonymous > img { position: relative; top: -1px; width: 16px; height: 16px; margin-right: 5px; } .is-pc-device .pc_forumdetail_footer_isanonymous > .app-svg-themebox { position: relative; top: -1px; width: 16px; height: 16px; margin-right: 5px; } .is-pc-device .pc_forumdetail_footer_value { color: #666; position: relative; top: 10px; left: 24px; cursor: pointer; } .is-pc-device .pc_forumdetail_footer_value > img { position: relative; top: -2px; width: 21px; margin-right: 5px; } .is-pc-device .pc_forumdetail_footer_actions { display: inline-flex; align-items: center; gap: 24px; position: relative; top: 10px; } .is-pc-device .pc_forumdetail_footer_actions > span { display: inline-flex; align-items: center; color: #000; font-size: 1.4rem; } .is-pc-device .pc_forumdetail_footer_actions .pc_forumdetail_footer_emoji, .is-pc-device .pc_forumdetail_footer_actions .pc_forumdetail_footer_value, .is-pc-device .pc_forumdetail_footer_actions .pc_forumdetail_footer_attach, .is-pc-device .pc_forumdetail_footer_actions .pc_forumdetail_footer_isanonymous { position: static; left: auto; top: auto; } .is-pc-device .pc_forumdetail_footer_actions .pc_forumdetail_footer_emoji > img, .is-pc-device .pc_forumdetail_footer_actions .pc_forumdetail_footer_value > img, .is-pc-device .pc_forumdetail_footer_actions .pc_forumdetail_footer_attach > .app-svg-themebox { width: 24px; height: 24px; margin-right: 8px; vertical-align: middle; } .is-pc-device .pc_forumdetail_footer_actions .pc_forumdetail_footer_isanonymous > img, .is-pc-device .pc_forumdetail_footer_actions .pc_forumdetail_footer_isanonymous > .app-svg-themebox { width: 16px; height: 16px; margin-right: 8px; vertical-align: middle; } .is-pc-device .pc_forumdetail_footer_actions .pc_forumdetail_footer_attach { cursor: pointer; } .is-pc-device .pc_forumdetail_footer_actions .pc_forumdetail_footer_attach > .app-svg-themebox { color: #000; } .is-pc-device .pc_forumdetail_footer_submit { font-size: 1.6rem; color: white; position: absolute; right: 0; bottom: 30px; width: 150px; height: 40px; border: 1px solid var(--themcolor); border-radius: 5px; background-color: var(--themcolor); } .is-pc-device .pc_forumdetail_footer_submit:hover { background-color: var(--active-themeColor); } .is-pc-device .forumdetaildown .forumdetail_themelist_all_title { margin-bottom: 20px; padding: 10px 0 15px; border-bottom: 1px solid #e5e5e5; } .is-pc-device .forumdetaildown .forumdetail_themelist_all_title > span { font-size: 1.6rem; font-weight: bold; } .is-pc-device .forumdetaildown .forumdetail_themelist_all_title .repliescount { font-size: 1.4rem; font-weight: normal; color: #999; margin-left: 5px; } .is-pc-device .forumdetaildown .forumdetail_themelist_all_title > section { text-align: right; float: right; height: 32px; } .is-pc-device .forumdetaildown .forumdetail_themelist_all_title > section > div { display: inline-block; padding: 0 10px 0 20px; border: 1px solid #f4f4f4; border-radius: 19px; background-color: #f4f4f4; } .is-pc-device .forumdetaildown .forumdetail_themelist_all_title > section > div > input { color: #000; width: 165px; padding: 2px 10px 0 0; border: 1px solid transparent; background-color: #f4f4f4; } .is-pc-device .forumdetaildown .forumdetail_themelist_all_title > section > div > input::input-placeholder { text-align: center; } .is-pc-device .forumdetaildown .forumdetail_themelist_all_title > section > div > span { padding: 0 10px; cursor: pointer; border-left: 1px solid #aaa; } .is-pc-device .forumdetaildown .forumdetail_themelist_all_title > section > div > span:hover { color: var(--themcolor); } .is-pc-device .forumdetaildown .forumdetail_themelist_all_title > section > div > img { width: 16px; cursor: pointer; } .is-pc-device .forumdetaildown .forumdetail_themelist_all_title > section .forumdetail_replies_sort { background-color: transparent; border: none; } .is-pc-device .forumdetaildown .forumdetail_themelist_all_title > section .forumdetail_replies_sort > div { display: inline-block; margin-right: 20px; cursor: pointer; } .is-pc-device .forumdetaildown .forumdetail_themelist_all_title > section .forumdetail_replies_sort > div > span { display: inline-block; position: relative; top: -1px; } .is-pc-device .forumdetaildown .forumdetail_themelist_all_title > section .forumdetail_replies_sort > div > span .app-svg-themebox { width: 16px; height: 16px; } .is-pc-device .forumdetaildown .forumdetail_themelist_all_title > section .forumdetail_replies_sort > div.active { color: var(--themcolor); } .is-pc-device .forumdetaildown .forumdetailsubmit { width: 100%; margin: auto; } .is-pc-device .forumdetail_themelist .forumdetail_themelist_title { position: relative; border-radius: 4px 4px 0 0; background-color: #e1f6d5; display: flex; align-items: center; } .is-pc-device .forumdetail_themelist .forumdetail_themelist_title > div { position: relative; top: 3px; height: 16px; } .is-pc-device .forumdetail_themelist .forumdetail_themelist_bestreply { padding: 12px 12px 10px 12px; margin-bottom: 18px; border: 1px solid #e1f6d5 !important; border-radius: 0 0 8px 8px; background-color: rgba(225, 246, 213, 0.05); } .is-pc-device .forumdetail_themelist .nomessage_defult > img { width: 110px; height: 110px; } .is-pc-device .forum-file-container { margin-top: 10px; display: flex; flex-direction: column; gap: 10px; } .is-pc-device .forum-file-images { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; } .is-pc-device .forum-file-images:has(> :only-child) { grid-template-columns: 1fr; } .is-pc-device .forum-file-images .forum-file-image-item { position: relative; width: 100%; overflow: hidden; border-radius: 4px; cursor: pointer; height: 0; padding-bottom: 0; padding-top: 56.25%; } .is-pc-device .forum-file-images .forum-file-image-item:only-child { padding: 0; height: auto; max-height: 200px; display: flex; align-items: flex-start; justify-content: flex-start; background: transparent; } .is-pc-device .forum-file-images .forum-file-image-item:only-child img { position: static; width: auto; height: auto; max-width: 100%; max-height: 200px; object-fit: contain; } .is-pc-device .forum-file-images .forum-file-image-item img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .is-pc-device .forum-file-list .forum-file-item { margin-bottom: 10px; } .is-pc-device .forum-file-list .forum-file-item:last-child { margin-bottom: 0; } .is-pc-device .forum-file-list .forum-file-item .app-svg-themebox { flex-shrink: 0; width: 20px; height: 20px; } .is-pc-device .forum-file-list .forum-file-item .forum-file-item-name { flex: 1; font-size: 1.3rem; color: #000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 0 8px; } .is-pc-device .forum-file-list .forum-file-item .forum-file-item-pc { display: flex; align-items: center; padding: 8px 10px; background: #f5f5f5; border-radius: 4px; } .is-pc-device .forum-file-list .forum-file-item .forum-file-item-pc > div { flex-shrink: 0; margin-left: auto; } .is-pc-device .forum-file-list .forum-file-item .forum-file-item-pc > div > span { cursor: pointer; display: inline-flex; align-items: center; color: var(--themcolor); font-size: 1.2rem; } .is-pc-device .forum-file-list .forum-file-item .forum-file-item-pc > div > span > img { width: 16px; height: 16px; margin-right: 4px; } .is-pc-device .forum-file-list .forum-file-item .forum-file-item-pc .forum-file-item-pc-download { margin-left: 8px; } .is-pc-device .forum-file-list .forum-file-item .forum-file-item-pc .forum-file-item-pc-download > span > img { margin-right: 0px; } .is-pc-device .forumreplyreward .fade > .modal-dialog { margin: 130px auto; } .is-pc-device .forum_list_list .qa_list_right_down .forum_list_list_explain > div:nth-child(1) { max-width: 240px; } .is-pc-device .forum_list_list .qa_list_right_down .forum_list_list_explain > div:nth-child(2) { max-width: calc(100% - 240px); } .is-pc-device .forum_list_list .qa_list_right_down .forum_list_list_explain > div:nth-child(1) > span { max-width: 100px; } .is-pc-device .forumdetail_vote { padding: 24px; border: 1px solid transparent; border-radius: 8px; background-color: white; margin-top: 24px !important; } .is-pc-device .forumdetail_vote .forumdetailtop .forumdetail_vote_content .forumdetail_content_button > span:hover { cursor: pointer; background-color: var(--themcolor); } .is-pc-device .forumdetail_vote .forumdetaildown { padding-top: 15px; } .is-pc-device .forumdetail_vote .forumdetaildown .forumdetail_votelist { width: 600px; cursor: pointer; } .is-pc-device .forumdetail_vote .forumdetaildown .forumdetail_votelist:hover { background-color: #f4f4f4; } .is-pc-device .forumdetail_vote .forumdetaildown .forumdetail_votelist .forumdetail_votelist_list { border-bottom: none; padding: 5px 0; } .is-pc-device .forumdetaildown .forumdetail_votelist .forumdetail_votelist_list .progress { width: 86% !important; height: 5px; margin-left: 0px; } .is-pc-device .forumdetaildown .forumdetail_votelist_top { padding: 10px 0; } .is-pc-device .forumdetaildown .forumdetail_votelist_top > div:last-child { display: block; float: unset; float: none; } .is-pc-device .forumdetail_vote .forumdetailsubmit > div:hover { cursor: pointer; background-color: var(--themcolor); } .is-pc-device .forumdetail_footer > div > .pc_forumdetailvotereply_another { position: absolute; top: 60px; height: 32px; padding: 0 50px; } .is-pc-device .forumdetail_footer > div > .pc_forumdetailvotereply_another > span > img { width: 21px; height: 21px; margin-top: 0; } .is-pc-device .forumdetail .nomessage_defult { position: relative; } .is-pc-device .forumdetailsubmit > div, .is-pc-device .forumdetailsubmitgray > div { width: 33.33%; margin-left: 96px; } .is-pc-device .forumdetailvotereply { min-width: 1200px; min-height: 100%; padding-top: 86px; padding-bottom: 120px; } .is-pc-device .pcforumdetailvotereply_heigh { padding-bottom: 223px; } .is-pc-device .forumdetailvotereply > div { width: 1200px; margin: auto; } .is-pc-device .forumdetailvotereply .forumvotecardform_down { padding: 10px 20px; border: 1px solid #e5e5e5; background-color: white; } .is-pc-device .forumdetailvotereply .forumdetaildown { border: none; } .is-pc-device .forumdetailvotereply .forumcard_footer { position: fixed; right: 0; left: 0; width: 1138px; margin: auto; padding: 10px 20px; border: none; background-color: white; } .is-pc-device .forumdetailvotereply .pc_forumdetail_footer_face { color: #666; position: relative; top: 0; left: -15px; } .is-pc-device .forumdetailvotereply .pc_forumdetail_footer_isanonymous { top: 10px; left: 44px; } .is-pc-device .forumdetailvotereply .forumcard_footer > div > span { width: auto; padding: 13px 20px 13px 0 !important; } .is-pc-device .forumdetailvotereply .forumcard_footer > div > span > img { width: 30px; height: 30px; cursor: pointer; } .is-pc-device .forumdetailvotereply .forumcard_footer > div { position: relative; height: 90px; border: none; background-color: white; } .is-pc-device .forumdetailvotereply .forumcard_footer > section { height: 103px; padding: 15px 10px 10px 64px; background-color: white; } .is-pc-device .forumdetailvotereply .forumdetail_footer > div > textarea { word-break: break-all; position: absolute; top: 7px; left: 65px; width: 73%; height: 50px; padding: 13px 10px; resize: none; border: 1px solid #e5e5e5; border-radius: 3px; } .is-pc-device .forumdetailvotereply .forumdetail_footer > div > button { color: white; position: absolute; top: 7px; right: 9px; float: right; width: 208px; height: 50px; padding: 7px 0; border: 1px solid transparent; border-radius: 5px; background-color: var(--themcolor); } .is-pc-device .forumdetailvotereply .forumdetail_footer > div > button:hover { background-color: var(--active-themeColor); } .is-pc-device .forumreplies { min-width: 1200px; min-height: 100%; padding-top: 86px; padding-bottom: 40px; } .is-pc-device .forumreplies > div { width: 1200px; margin: auto; } .is-pc-device .pc_forumreplies { min-height: 500px; padding: 10px 20px; border: 1px solid transparent; border-radius: 4px; background-color: white; } .is-pc-device .forumreplies_top .qa_list:hover { cursor: default; background-color: white; } .is-pc-device .forumreplies .forumreplies_top .forum_list_list_explain { font-size: 1.4rem; color: #666; margin-top: 5px; padding: 0 10px; } .is-pc-device .pc_forumreplies_comment { position: relative; width: 100%; height: 220px; margin-top: 35px; padding: 0 0 30px; border-bottom: 1px dashed #e5e5e5; } .is-pc-device .pc_forumreplies_comment > textarea { color: #000; word-break: break-all; position: absolute; top: 0; width: 100%; height: 114px; padding: 10px; resize: none; border: 1px solid #e5e5e5; } .is-pc-device .pc_forumreplies_comment > span { position: absolute; top: 125px; left: 0; } .is-pc-device .pc_forumreplies_comment > .pc_forumdetail_footer_isanonymous { left: 200px; } .is-pc-device .pc_forumreplies_comment > button { font-size: 1.5rem; color: white; position: absolute; right: 0; bottom: 30px; float: right; width: 150px; height: 40px; border: 1px solid var(--themcolor); border-radius: 5px; background-color: var(--themcolor); } .is-pc-device .pc_forumreplies_comment > button:hover { background-color: var(--active-themeColor); } .is-pc-device .forumreplies .forumreplies_down { margin: 20px 0; } .is-pc-device .myforum { width: 100%; min-width: 1200px; min-height: 100vh; padding-top: 132px; padding-bottom: 40px; background: unset; } .is-pc-device .myforum > div { width: 1200px; margin: auto; } .is-pc-device .forum .forum_list_list_buttonlist, .is-pc-device .forum .forum_list_list_buttonlist > div, .is-pc-device .myforum .forum_list_list_buttonlist, .is-pc-device .myforum .forum_list_list_buttonlist > div { width: auto; } .is-pc-device .myforum .next-navbar-padding .next-navbar { width: 1200px; } .is-pc-device .myforum .next-navbar-padding ul li { position: relative; display: inline-block; } .is-pc-device .myforum .next-navbar-padding ul .pc_exam_title { font-size: 1.8rem; color: #000; display: inline-block; padding: 0 0 10px; } .is-pc-device .myforum .next-navbar-padding ul .pc_exam_title > div, .is-pc-device .myforum .next-navbar-padding ul .pc_exam_title > div > a:hover { cursor: default; border: none; } .is-pc-device .myforum .forum_list_list { min-height: calc(100vh - 198px); background-color: unset; } .is-pc-device .myforum .forum_list_list .myforum_list_list { border-radius: 8px; } .is-pc-device .ownform .forum_list_list { padding-top: 24px; } .is-pc-device .ownform .forum_list_list .myforum_list_list > div:last-child .qa_list_right .qa_list_right_down { border: none; } .is-pc-device .ownform .forum_list_list .myforum_list_list .ordersign { padding: 0px 0px; } .is-pc-device .myforum_loading, .is-pc-device .myforum_loading:hover { background-color: #f4f4f4 !important; } .is-pc-device .studentcourseware { padding-top: 146px; } .is-pc-device .studentcourseware .list-group { background-color: unset; } .is-pc-device .studentcoursewaregray { height: 100%; padding-bottom: 40px; background-color: unset; } .is-pc-device .studentcourseware > div { width: 1200px; margin: auto; } .is-pc-device .studentcourseware .pc-next-navbar-padding ul .pc_title > div { padding-left: 0; } .is-pc-device .studentcourseware .list-group-item { cursor: default; } .is-pc-device .studentcourseware .list-group-item .media-body { overflow: unset; } .is-pc-device .studentcourseware .list-group-item .media-body .one_line_text_next_one { overflow: unset; } .is-pc-device .studentcourseware .list-group-item .media-body .one_line_text_next_one > span { padding: 2px 0; } .is-pc-device .studentcourseware .list-group-item .media-body .one_line_text_next_one > .studentcourseware_list_group_item_auditinformation { position: absolute; right: 0; width: 32px; height: 32px; cursor: pointer; } .is-pc-device .studentcourseware .list-group-item .media-body .one_line_text_next_one > .studentcourseware_list_group_item_auditinformation > img { width: 100%; height: 100%; } .is-pc-device .studentcourseware .list-group-item .media-body .one_line_text_next_one > .studentcourseware_list_group_item_auditinformation > .app-svg-themebox { width: 100%; height: 100%; } .is-pc-device .studentcourseware .list-group-item .studentcourseware_list_group_item_more { position: absolute; right: 0; bottom: 30px; display: flex; flex-direction: column; width: auto; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.05); border-radius: 4px; background: #fff; z-index: 10; } .is-pc-device .studentcourseware .list-group-item .studentcourseware_list_group_item_more > div { text-align: center; padding: 8px 16px; } .is-pc-device .studentcourseware .list-group-item .studentcourseware_list_group_item_more > div:hover { color: white; background-color: var(--themcolor); } .is-pc-device .studentcourseware .list-group-item .studentcourseware_list_group_item_icon { font-size: 1.4rem; color: white; text-align: center; position: absolute; right: 0; bottom: 70px; width: 96px; padding: 2px 8px 2px 16px; background-repeat: no-repeat; } .is-pc-device .studentcourseware .list-group-item .studentcourseware_list_group_item_icon_en { width: 130px; background-size: cover; padding: 2px 8px 2px 26px; } .is-pc-device .studentcourseware .list-group-item .studentcourseware_list_group_item_passicon { background-image: url("./media/studentcourseware_tag_bg-7R6TEFNP.png"); } .is-pc-device .studentcourseware .list-group-item .studentcourseware_list_group_item_auditicon { background-image: url("./media/studentcourseware_tag_bg1-OYVXQA4C.png"); } .is-pc-device .studentcourseware .list-group-item .studentcourseware_list_group_item_notpassicon { background-image: url("./media/studentcourseware_tag_bg2-YKMDN5GN.png"); } .is-pc-device .studentcourseware .list-group-item .media-left > .layer_above .layer_above_top { margin-top: 30px; } .is-pc-device .studentcourseware .list-group-item .media-left > .layer_above .layer_above_top div:nth-child(1) { word-break: break-all; overflow: hidden; height: 96px; padding: 0 10px; } .is-pc-device .studentcourseware .list-group-item .media-left > .layer_above .layer_above_bottom { margin-top: 38px; } .is-pc-device .studentcourseware .list-group-item .media-left > .layer_above .layer_above_bottom .studentcourseware_layer_above_bottom_preview { color: white; padding: 2px 26px 4px; } .is-pc-device .studentcourseware .list-group-item .media-left > .layer_above .layer_above_bottom .studentcourseware_layer_above_bottom_transcoding { border: none; } .is-pc-device .studentcourseware .list-group-item .media-left > .layer_above .layer_above_bottom .studentcourseware_layer_above_bottom_transcoding { cursor: default; border: none; background-color: transparent; } .is-pc-device .studentcourseware .list-group-item .media-left > .layer_above .layer_above_top { text-align: center; } .is-pc-device .studentcourseware .myslides { padding-bottom: 20px; } .is-pc-device .studentcourseware .list-group-item { width: calc((1200px - 120px) / 4); height: 225px; border-radius: 8px; overflow: hidden; } .is-pc-device .studentcourseware .list-group-item .media-left > img { width: 270px; height: 151.875px; border-radius: 4px 4px 0 0; } .is-pc-device .studentcourseware .list-group-item .media-left:hover { transition: unset; transform: unset; } .is-pc-device .studentcourseware .list-group-item .media-left .layer_above { left: -270px; width: 270px; height: 151.875px; } .is-pc-device .studentcourseware .list-group-item .media-left .layer_above .layer_above_bottom { margin-top: 0; } .is-pc-device .studentcourseware .list-group-item .media-left .layer_above .layer_above_top { margin-top: 16px; } .is-pc-device .studentcourseware .list-group-item .media-left .layer_course_tag { width: 270px; background-color: white; } .is-pc-device .studentcourseware .list-group-item { margin: 0 !important; } .is-pc-device .studentcourseware .list-group-item:nth-child(5n+1) { margin: 0 !important; } .is-pc-device .studentcourseware .list-group-item:nth-child(5n) { margin: 0 !important; } .is-pc-device .studentcourseware #courseware-list-group-item { margin: 0 40px 30px 0 !important; } .is-pc-device .studentcourseware #courseware-list-group-item:nth-child(4n) { margin: 0 0 30px !important; } .is-pc-device .makenewcourseware { min-height: 580px; padding: 10px 20px; border: 1px solid transparent; border-radius: 8px; background-color: white; } .is-pc-device .makenewcourseware > div { padding: 10px 0; } .is-pc-device .makenewcourseware .makenewcourseware_title > input { font-size: 1.4rem; color: #000; display: block; width: 760px; margin-top: 5px; padding: 10px; border: 1px solid #e5e5e5; } .is-pc-device .makenewcourseware .makenewcourseware_description { position: relative; width: 758px; padding-bottom: 0; } .is-pc-device .makenewcourseware .makenewcourseware_description > textarea { font-size: 1.4rem; color: #000; word-break: break-all; display: block; overflow: hidden; width: 760px; height: 160px; margin-top: 5px; padding: 10px 10px 30px; resize: none; border: 1px solid #e5e5e5; } .is-pc-device .makenewcourseware .makenewcourseware_description .feedback_content_text_icon { right: 15px; } .is-pc-device .makenewcourseware .makenewcourseware_content { padding: 20px 54px 10px 0; } .is-pc-device .makenewcourseware .makenewcourseware_content > div { color: var(--themcolor); text-align: center; position: relative; display: inline-block; width: 300px; padding: 7px 10px; border: 1px solid var(--themcolor); border-radius: 2px; } .is-pc-device .makenewcourseware .makenewcourseware_content > div > input { font-size: 0; position: absolute; top: 0; left: 0; width: 300px; height: 100%; opacity: 0; cursor: pointer; border: 1px solid rgba(0, 0, 0, 0); border-radius: 5px; } .is-pc-device .makenewcourseware .makenewcourseware_content > span { font-size: 1.4rem; color: #000; padding-left: 16px; } .is-pc-device .makenewcourseware .makenewcourseware_tip { font-size: 1.6rem; color: #000; } .is-pc-device .makenewcourseware .makenewcourseware_submit { color: white; position: relative; top: 0; left: 0px; width: 150px; margin-top: 80px; padding: 8px 34px; border: 1px solid var(--themcolor); border-radius: 2px; background-color: var(--themcolor); } .is-pc-device .makenewcourseware .makenewcourseware_submit:hover { border: 1px solid var(--active-themeColor); background-color: var(--active-themeColor); } .is-pc-device .makenewcoursewarebtn { position: relative; } .is-pc-device .makenewcourseware_content_notice { font-size: 1.2rem; color: #999; padding: 20px 0 10px; } .is-pc-device .auditinformation { height: 100%; } .is-pc-device .auditinformation_list { padding-bottom: 26px; } .is-pc-device .auditinformation .learnrecord_content_left { width: 50px; } .is-pc-device .auditinformation .learnrecord_content_right { width: calc(100% - 60px); } .is-pc-device .auditinformation_list_icon { position: absolute; z-index: 2; top: 12px; left: -52.6px; width: 24px; height: 24px; } .is-pc-device .auditinformation .learnrecord_content_item_left_fourth { top: 28px; left: -40.6px; height: calc(100% + 26px); } .is-pc-device .auditinformation .learnrecord_content_item_right { font-size: 1.5rem; color: #000; position: relative; width: calc(100% - 100px); padding: 0 15px; } .is-pc-device .auditinformation .learnrecord_content_item_right > div > div { vertical-align: top; display: inline-block; } .is-pc-device .auditinformation .learnrecord_content_item_right .auditinformation_list_list { padding: 5px 0; } .is-pc-device .auditinformation .learnrecord_content_item_right .auditinformation_list_list > .tip-text { color: #666; } .is-pc-device .auditinformation .learnrecord_content_item_right > div > div:nth-child(1) { color: #666; width: 110px; padding-right: 14px; text-align: right; box-sizing: border-box; } .is-pc-device .auditinformation .learnrecord_content_item_right > div > div:nth-child(2) { width: calc(100% - 110px); } .is-pc-device .auditinformation .learnrecord_content_item_right > span { font-size: 1.6rem; position: absolute; top: 5px; right: -85px; } .is-pc-device .auditinformation .learnrecord_content_item_right .auditinformation_list_pass { color: #2ab777; } .is-pc-device .auditinformation .learnrecord_content_item_right .auditinformation_list_notpass { color: #ed4f48; } .is-pc-device .auditinformation .learnrecord_content_item_right .auditinformation_list_ready { color: #efae50; } .is-pc-device .luckdraw { padding-top: 208px; background: url("./media/pc_bg-SWGS4U3H.png") center center no-repeat; background-size: cover; background-attachment: fixed; } .is-pc-device .luckdraw .luckdraw_bg { z-index: 0; } .is-pc-device .luckdraw .luckdraw_content { display: flex; height: fit-content; align-items: center; } .is-pc-device .luckdraw .luckdraw_content .luckdraw_content_shadow { width: 140px; margin-left: 40px; } .is-pc-device .luckdraw .luckdraw_content > div .luckdraw_content_turntable { position: relative; } .is-pc-device .luckdraw .luckdraw_content > div .luckdraw_content_turntable > .luckdraw_content_turntable_prize { margin: 30px 0 0 40px; } .is-pc-device .luckdraw .luckdraw_content > div .luckdraw_content_turntable > .luckdraw_content_turntable_prize > div > div > span { margin-right: 32%; } .is-pc-device .luckdraw .luckdraw_content > div .luckdraw_content_turntable > .luckdraw_content_turntable_prize > div > div > .luckdraw_Winning { top: -4px; left: -136px; width: 103px; } .is-pc-device .luckdraw .luckdraw_content > div .luckdraw_content_turntable > .luckdraw_content_turntable_pointer { top: 90px; left: 134px; margin: 0; } .is-pc-device .luckdraw .luckdraw_content > div:nth-of-type(1) { margin-right: 150px; } .is-pc-device .luckdraw .luckdraw_content > div:nth-of-type(2) { width: 376px; } .is-pc-device .luckdraw .luckdraw_content > div > .luckdraw_content_awards_bg { z-index: 1; } .is-pc-device .luckdraw .luckdraw_content > div > .luckdraw_content_awards_other { padding: unset; } .is-pc-device .luckdraw .luckdraw_content > div > .luckdraw_content_awards_other > img { z-index: 1; top: -3px; } .is-pc-device .luckdraw .luckdraw_content > div > .luckdraw_content_awards_other > div { position: relative; z-index: 2; } .is-pc-device .luckdraw .luckdraw_content > div > .luckdraw_content_awards_other > div > div { width: calc(100% - 33px); padding-left: 25px; position: relative; margin-bottom: 14px; } .is-pc-device .luckdraw .luckdraw_content > div > .luckdraw_content_awards_other > div > div > span:nth-of-type(1) { left: 28px; } .is-pc-device .luckdraw .luckdraw_content > div > .luckdraw_content_awards_other > div > div > span:nth-of-type(2) { width: calc(100% - 17px); padding-bottom: 9px; border-bottom: 2px dashed #ffe1a6; margin-left: 17px; } .is-pc-device .luckdraw .luckdraw_content > div > .luckdraw_content_awards_other > div > p { width: calc(100% - 33px); padding-left: 42px; } .is-pc-device .luckdraw .luckdraw_content .luckdraw_content_title { position: absolute; top: -90px; left: 232px; margin: auto; } .is-pc-device .luckdraw_content { position: relative; width: 1200px; margin: auto; padding-left: 160px; } .is-pc-device .luckdraw_content > .luckdraw_content_turntable { width: 606px; } .is-pc-device .luckdraw_content_turntable_prize { width: 330px; height: 330px; } .is-pc-device .luckdraw_content_turntable_prize > div > div > span { font-size: 1.6rem; font-weight: 500; line-height: 18px; margin-right: 32%; } .is-pc-device .luckdraw_content_turntable_prize .luckdraw_Winning { top: -8px; left: 40px; width: 103px; } .is-pc-device .luckdraw_content_other { margin: -4px auto 40px 40px; width: calc(100% - 40px); } .is-pc-device .luckdraw_content_other .luckdraw_content_btns .luckdraw_content_btn .content_btn_bg { z-index: 1; } .is-pc-device .luckdraw_content_other .luckdraw_content_btns .luckdraw_content_btn > span { z-index: 2; position: relative; } .is-pc-device .luckdraw_content_awards { position: absolute; top: 20px; right: 137px; width: 398px; margin-right: 0; } .is-pc-device .luckdraw_content_description { position: absolute; top: 280px; right: 137px; width: 398px; margin-right: 0; padding: 0; border: none; border-radius: 0; background-color: transparent; } .is-pc-device .luckdraw_content_awards { height: 238px; background-color: rgba(0, 102, 165, 0.7); } .is-pc-device .luckdraw_content_description > div { border: none; border-radius: 0; } .is-pc-device .luckdraw_content_description > div, .is-pc-device .luckdraw_content_description > div > p { padding: 0; } .is-pc-device .luckdraw_content_description > div > div { padding: 6px 0; border: none; } .is-pc-device .luckdraw_content_description > div > div > span { display: none; } .is-pc-device .passthrough { margin: 0 auto; padding: 106px 0 40px; position: relative; } .is-pc-device .passthrough .passthrough_box { width: 100%; } .is-pc-device .passthrough .passthrough_head { font-size: 2rem; font-weight: 700; color: #000; margin-bottom: 24px; } .is-pc-device .passthrough > div { width: 1200px; margin: auto; } .is-pc-device .passthrough .passthrough_bg { position: absolute; width: 100%; top: 72px; } .is-pc-device .passthrough_bg > img { width: 100%; } .is-pc-device .passthrough > div > .passthrough_list { display: inline-block; width: calc((100% - 40px) / 3); margin: 0 20px 40px 0; padding: 0; border: none; background-color: white; cursor: pointer; border-radius: 8px; } .is-pc-device .passthrough > div > .passthrough_list .passthrough_list_content > div > div { width: 100%; } .is-pc-device .passthrough > div > .passthrough_list .passthrough_list_content span { font-size: 1.4rem; } .is-pc-device .passthrough_list > img { width: 100%; max-height: none; } .is-pc-device .passthrough > div > .passthrough_list:nth-child(3n) { margin: 0 0 40px; } .is-pc-device .passthrough > div > .passthrough_list .passthrough_list_content .passthrough_list_content_button { top: 25px; right: 15px; cursor: pointer; } .is-pc-device .passthrough > div > .passthrough_list .passthrough_list_content .passthrough_list_content_button:hover { color: white; background-color: var(--themcolor); } .is-pc-device .passthrough > div > .passthrough_list .passthrough_list_content > div > div { margin-bottom: 5px; } .is-pc-device .passthrough > div > .passthrough_list .passthrough_list_content > div > div > div { margin: 0; font-size: 1.6rem; color: #000; white-space: nowrap; text-overflow: ellipsis; word-break: break-all; display: inline-block; overflow: hidden; width: auto; max-width: calc(100% - 32px); } .is-pc-device .passthrough > div > .passthrough_list .passthrough_list_content > div > div > div > span { font-size: 1.6rem; } .is-pc-device .passthrough > div > .passthrough_list .passthrough_list_content > div > div > button { line-height: 16px; color: #666; vertical-align: top; display: inline-block; margin-left: 4px; padding: 0; cursor: default; border: 1px solid transparent; border-radius: 3px; background-color: transparent; } .is-pc-device .passthrough > div > .passthrough_list .passthrough_list_content > div > div > button:active, .is-pc-device .passthrough > div > .passthrough_list .passthrough_list_content > div > div > button.active { color: #666; box-shadow: none; border: 1px solid transparent; background-color: transparent; } .is-pc-device .passthrough > div > .passthrough_list .passthrough_list_content > div > div > .tooltip { opacity: 1; } .is-pc-device .passthrough > div > .passthrough_list .passthrough_list_content > div > div .tooltip-arrow { display: none; } .is-pc-device .passthrough > div > .passthrough_list .passthrough_list_content > div > div .tooltip-inner { font-size: 1.3rem; color: #333; text-align: left; letter-spacing: 1px; word-break: break-all; width: 360px; max-width: 360px; padding: 30px 20px; box-shadow: 0 0 7px 1px rgba(0, 0, 0, 0.2); background-color: white; } .is-pc-device .passthroughlist { width: 100%; height: 100%; padding-top: 72px; } .is-pc-device .passthroughlist > div { min-height: calc(100vh - 72px); padding: 60px 0 40px; background-image: url("./media/background-TQEKT2R4.jpg"); } .is-pc-device .passthroughlist > div > img { position: absolute; top: 121px; right: calc(50% - 500px); width: 91px; cursor: pointer; } .is-pc-device .passthroughlist > div > p { font-size: 2.2rem; width: 560px; margin: 0 auto 50px; } .is-pc-device .passthroughlist > div .passthroughlist_content { width: 913px; margin: auto; } .is-pc-device .passthroughlist > div .passthroughlist_content .pc_passthroughlist_content { width: 100%; } .is-pc-device .passthroughlist > div .passthroughlist_content .pc_passthroughlist_content .passthroughlist_content_list { display: inline-block; width: 228px; padding: 50px 0; } .is-pc-device .passthroughlist > div .passthroughlist_content .pc_passthroughlist_content:nth-child(2n) { text-align: right; } .is-pc-device .passthroughlist > div .passthroughlist_content .pc_passthroughlist_content:nth-child(2n+1) { text-align: left; } .is-pc-device .passthroughlist > div .passthroughlist_content .pc_passthroughlist_content:nth-child(2n) .passthroughlist_content_list > div { margin: 0 0 0 auto; } .is-pc-device .passthroughlist > div .passthroughlist_content .pc_passthroughlist_content:nth-child(2n+1) .passthroughlist_content_list > div { margin: 0 auto 0 0; } .is-pc-device .passthroughlist_content_list > div > .passthroughlist_content_list_point { cursor: pointer; } .is-pc-device .passthroughlist > div .passthroughlist_content .pc_passthroughlist_content .passthroughlist_content_list .passthroughlist_content_list_line { position: absolute; z-index: 0; top: 100px; width: calc(100% - 100px); margin: 0; border: none; border-top: 2px dashed rgba(255, 255, 255, 0.6); border-radius: 0; } .is-pc-device .passthroughlist_content_list:first-child .passthroughlist_content_list_line { display: block; } .is-pc-device .passthroughlist > div .passthroughlist_content .pc_passthroughlist_content:nth-child(2n) .passthroughlist_content_list .passthroughlist_content_list_line { right: -121px; left: auto; } .is-pc-device .passthroughlist > div .passthroughlist_content .pc_passthroughlist_content:nth-child(2n+1) .passthroughlist_content_list .passthroughlist_content_list_line { left: -121px; } .is-pc-device .passthroughlist > div .passthroughlist_content .pc_passthroughlist_content:nth-child(2n) .passthroughlist_content_list:last-child .passthroughlist_content_list_line { top: -131px; left: 109px; width: calc(100% - 164px); height: 181px; border-right: 2px dashed rgba(255, 255, 255, 0.6); border-top-right-radius: 160px; } .is-pc-device .passthroughlist > div .passthroughlist_content .pc_passthroughlist_content:nth-child(2n+1) .passthroughlist_content_list:first-child .passthroughlist_content_list_line { top: -131px; left: 56px; width: calc(100% - 164px); height: 181px; border-left: 2px dashed rgba(255, 255, 255, 0.6); border-top-left-radius: 160px; } .is-pc-device .passthroughlist > div .passthroughlist_content .pc_passthroughlist_content:first-child .passthroughlist_content_list:first-child .passthroughlist_content_list_line { display: none; } .is-pc-device .passthroughlist > div:nth-child(2) { padding: 0; background-image: none; } .is-pc-device .passthroughbrief { padding: 86px 0 40px; } .is-pc-device .passthroughbrief > div { width: 1200px; height: calc(100vh - 130px); margin: auto; } .is-pc-device .passthroughbrief .passthroughbrief_content_button > div { width: 500px; cursor: pointer; border-radius: 5px; } .is-pc-device .passthroughbrief .passthroughbrief_content_button > div:hover { background-color: var(--themcolor); } .is-pc-device .pc_passthrough_course .pc_course_left { vertical-align: top; display: inline-block; width: calc(100% - 310px); margin-right: 18px; } .is-pc-device .pc_passthrough_course > div { position: relative; width: 1200px; margin: auto; } .is-pc-device .pc_passthrough_course .media-left, .is-pc-device .pc_passthrough_course .media-right { width: 17%; } .is-pc-device .pc_passthrough_course .media-left { vertical-align: top; } .is-pc-device .pc_passthrough_course .big_title_next { margin-top: 36px; } .is-pc-device .passthroughexam .pc_examtest_right_col p .pc_examtest_right_col_separator1 { right: -16px; } .is-pc-device .passthrough_box > .modal-dialog { width: 340px; height: 480px; margin-top: calc(50vh - 274px); padding-top: 6vh; border-radius: 5px; } .is-pc-device .passthrough_low_box > .modal-dialog { width: 340px; height: 428px; } .is-pc-device .passthrough_box > .modal-dialog > .modal-content { border-radius: 24px; } .is-pc-device .passthrough_box > .modal-dialog > .modal-content > .modal-header { padding: 0; } .is-pc-device .passthrough_box .passthroughliststate { width: 340px; height: 480px; border-radius: 22px; background-color: white; } .is-pc-device .passthrough_low_box .passthroughliststate { width: 340px; height: 428px; } .is-pc-device .passthroughliststate .passthroughliststate_content { height: 350px; padding: 0 10px; border: 1px solid transparent; border-top-left-radius: 20px; border-top-right-radius: 20px; background-color: var(--themcolor); } .is-pc-device .passthroughliststate .passthroughliststate_content .passthroughliststate_content_integral { margin: 14px 0 0; } .is-pc-device .passthroughliststate .passthroughliststate_content > .passthroughliststate_content_state { font-size: 2.8rem; } .is-pc-device .passthroughliststate .passthroughliststate_content_test { padding: 10px 0; } .is-pc-device .passthroughliststate .passthroughliststate_content_test > span { border-right: 1px solid rgba(0, 0, 0, 0.1); } .is-pc-device .passthroughliststate .passthroughliststate_content_test > span > span { color: #000; } .is-pc-device .passthroughliststate .passthroughliststate_content_test > span > span:nth-child(2) { font-weight: 600; color: var(--themcolor); } .is-pc-device .passthroughliststate .passthroughliststate_button { text-align: center; padding: 20px 6px; border: 1px solid transparent; border-bottom-right-radius: 20px; border-bottom-left-radius: 20px; background-color: white; } .is-pc-device .passthroughliststate .passthroughliststate_button > div { display: inline-block; width: 140px; margin: 0 10px; cursor: pointer; background-color: var(--themcolor); } .is-pc-device .passthroughliststate .passthroughliststate_button > div:hover { background-color: var(--themcolor); } .is-pc-device .passthroughrank { width: 1200px; margin: auto; padding-top: 86px; padding-bottom: 40px; } .is-pc-device .passthroughrank_content > div { background-color: #303332; } .is-pc-device .passthroughrank_content > div > img { display: inline-block; width: 928px; height: 290px; } .is-pc-device .passthroughrank_content > div > div { vertical-align: middle; display: inline-block; width: 212px; height: 100%; } .is-pc-device .passthroughrank_content > div > div > p { font-size: 1.4rem; color: white; text-align: center; margin: 0; } .is-pc-device .passthroughrank_content > div > div > p:nth-child(2) { font-size: 2.4rem; font-weight: 600; color: #ff8400; margin-top: 10px; } .is-pc-device .passthroughrank_content_table { margin-top: 20px; } .is-pc-device .passthroughrank_content_table > tr:nth-child(1) { border-bottom: 1px solid #ccc; background-color: transparent; } .is-pc-device .activesign { background-color: unset; } .is-pc-device .activesign .exam_testpaper { background-color: white; min-height: calc(100vh - 190px); padding-bottom: 0; } .is-pc-device .activesign .exam_testpaper .exam_testpaperlist .exam_testpaper_list:hover { cursor: pointer; } .is-pc-device .survey .exam_testpaperlist .exam_testpaper_list { padding: 16px 0; border-bottom: 1px solid #e5e5e5; margin-bottom: 0 !important; } .is-pc-device .idp { width: 100%; margin: auto; padding-top: 132px; } .is-pc-device .idp_view { height: auto; min-height: calc(100vh - 132px); background-color: white; } .is-pc-device .idp_view_bg { position: fixed; z-index: 0; bottom: 0; left: 0; width: 100%; height: calc(100vh - 132px); object-fit: cover; } .is-pc-device .idp .next-navbar-padding ul .pc_title > div, .is-pc-device .idp .next-navbar-padding ul .pc-right-btn > div, .is-pc-device .idp .next-navbar-padding ul .pc_title > div > a:hover { padding-left: 0; cursor: default; border: none; } .is-pc-device .idp .idp_tree { overflow: unset; width: 1200px; min-height: 100%; margin: auto; padding-top: 90px; } .is-pc-device .idp .idp_tree .idp_tree_tablebar { position: fixed; z-index: 99; top: 143px; right: 0; left: 0; width: 400px; margin: auto; } .is-pc-device .idp .idp_tree .idp_tree_tablebar > div > div:hover { background-color: #f4f4f4; } .is-pc-device .idp .idp_tree .idp_tree_content .idp_tree_content_branch .idp_tree_content_branch_list > .notyet > div:nth-child(1):hover { border: 2px solid #999; } .is-pc-device .idp .postdevelopment_tree .idp_tree_tablebar > div > div:hover, .is-pc-device .idp .postdevelopment_tree .idp_tree_tablebar > .btn-group .dropdown-menu > div:hover { background-color: #f4f4f4; } .is-pc-device .idp .postdevelopment_tree .idp_tree_tablebar > .btn-group .dropdown-menu:hover { background-color: white; } .is-pc-device .idp .idp_tree .idp_tree_post { right: 0; left: 0; width: 1200px; margin: auto; } .is-pc-device .idp .idpstastic_box .modal-content { border-radius: 16px !important; } .is-pc-device .idp_stastic_title { font-size: 1.8rem; } .is-pc-device .idp_stastic_title > div > div:nth-child(2) { font-size: 1.4rem; } .is-pc-device .idp_stastic_title > img { cursor: pointer; } .is-pc-device .idp_stastic_list { max-height: 320px; } .is-pc-device .idp_stastic_list > div > div:nth-child(1) { font-size: 2rem; } .is-pc-device .idp_stastic_list > div > div:nth-child(2) { font-size: 1.4rem; } .is-pc-device .idp_postdevelopment { position: absolute; right: 0; left: 0; min-height: calc(100vh - 216px); } .is-pc-device .monthcalendar, .is-pc-device .weekcalendar { padding-bottom: 24px !important; } .is-pc-device .monthcalendar .month-calendar-title-box, .is-pc-device .weekcalendar .week-calendar-title-box { padding: 7px 0; background-color: transparent; border-bottom: 1px solid #e5e5e5; } .is-pc-device .monthcalendar .month-calendar-title-box .prev-month, .is-pc-device .monthcalendar .month-calendar-title-box .next-month, .is-pc-device .monthcalendar .month-calendar-title-box .prev-week, .is-pc-device .monthcalendar .month-calendar-title-box .next-week, .is-pc-device .weekcalendar .week-calendar-title-box .prev-month, .is-pc-device .weekcalendar .week-calendar-title-box .next-month, .is-pc-device .weekcalendar .week-calendar-title-box .prev-week, .is-pc-device .weekcalendar .week-calendar-title-box .next-week { width: 160px; cursor: pointer; } .is-pc-device .monthcalendar .month-calendar-title-box .month-calendar-title, .is-pc-device .monthcalendar .month-calendar-title-box .week-calendar-title, .is-pc-device .weekcalendar .week-calendar-title-box .month-calendar-title, .is-pc-device .weekcalendar .week-calendar-title-box .week-calendar-title { width: calc(100% - 320px); } .is-pc-device .monthcalendar .month-calendar-title-box > span:hover { color: var(--themcolor); } .is-pc-device .schedulecalendar .month-calendar-title-box > .month-calendar-title:hover { color: #000; cursor: default; } .is-pc-device .monthcalendar .month-calendar-title-box > .month-calendar-title { background-color: transparent; } .is-pc-device .month-calendar-table tr .month-calendar-table-day { width: 24px; height: 24px; } .is-pc-device .month-calendar-table tr .month-calendar-table-daytask { padding: 72px 0 6px 3px; } .is-pc-device .month-calendar-table tr .month-calendar-table-daytask > img { width: 14px; margin: 0 3px; } .is-pc-device .month-calendar-table tr .month-calendar-table-daytask img:nth-child(3n+3) { margin-right: 3px; } .is-pc-device .month-calendar-table tr > td, .is-pc-device .weekcalendar .week-calendar-table tr td { padding: 5px 5px 55px; } .is-pc-device .month-calendar-table tr > th:first-child, .is-pc-device .weekcalendar .week-calendar-table tr > th:first-child, .is-pc-device .month-calendar-table tr > td:first-child, .is-pc-device .weekcalendar .week-calendar-table tr > td:first-child { border-left: 1px solid #e5e5e5; } .is-pc-device .month-calendar-table tr > th:last-child, .is-pc-device .month-calendar-table tr > td:last-child, .is-pc-device .week-calendar-table tr > th:last-child, .is-pc-device .week-calendar-table tr > td:last-child { border-right: 1px solid #e5e5e5; } .is-pc-device .weekcalendar .week-calendar-table tr th { padding: 5px 5px 40px; } .is-pc-device .weekcalendar .week-calendar-table tr th span { width: 30px; height: 30px; padding: 6px 0; } .is-pc-device .weekcalendar .week-calendar-table tr > td img { width: 14px; margin: 0 3px; } .is-pc-device .weekcalendar .prev-week:hover, .is-pc-device .weekcalendar .next-week:hover { color: var(--themcolor); } .is-pc-device .daytask_box .modal-content .modal_content { padding: 20px; } .is-pc-device .pc_studycalendar_explain { padding: 10px 0; } .is-pc-device .pc_studycalendar_explain > div { display: inline-flex; flex-flow: row nowrap; justify-content: center; align-items: center; width: auto; margin: 0 20px 0 0; font-size: 1.4rem; } .is-pc-device .pc_studycalendar_explain > div img { width: 14px; margin-right: 5px; } .is-pc-device .study_project { padding-top: 156px; background-color: unset; } .is-pc-device .study_project > div { width: 1200px; margin: auto; } .is-pc-device .study_project .next-navbar-padding ul .pc_title > div, .is-pc-device .study_project .next-navbar-padding ul .pc-right-btn > div, .is-pc-device .study_project .next-navbar-padding ul .pc_title > div:hover { padding-left: 0; cursor: default; border: none; } .is-pc-device .study_project .myslides { padding: 0; } .is-pc-device .study_project .traincourse_list { vertical-align: top; display: inline-block; width: calc((100% - 40px) / 3); margin: 0 20px 40px 0; padding: 0; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.05); border: 0 solid transparent; border-radius: 8px; background-color: white; padding-bottom: 16px; } .is-pc-device .study_project .traincourse_list:hover { cursor: pointer; } .is-pc-device .study_project .traincourse_list:nth-child(3n) { margin-right: 0; } .is-pc-device .study_project .traincourse_list > .projectImg { float: none; width: 100%; height: auto; max-height: 320px; border-radius: 0; } .is-pc-device .study_project .traincourse_list .project_title { float: inherit; width: 100%; padding: 16px; height: 92px; padding-bottom: 0px !important; } .is-pc-device .study_project .traincourse_list .project_title_limit > h3, .is-pc-device .study_project .traincourse_list .project_title_limit .project_day, .is-pc-device .search .course_lists .project_title_limit > h3 { width: 260px; } .is-pc-device .search .course_lists .project_title .project_period_close, .is-pc-device .study_project .project_period_close { width: 48px; } .is-pc-device .study_project .project_progress { width: 60px; right: 28px; left: unset; bottom: 0px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .is-pc-device .study_project .project_progress_end { right: -3px; } .is-pc-device .study_project .traincourse_list .study_project_progressbar_box { bottom: 74px; border-radius: 0; } .is-pc-device .study_project .traincourse_list h4 { width: 253px; padding-left: 16px; } .is-pc-device .study_project .traincourse_list > .traincourse_list_other { font-size: 1.3rem; height: 40px; padding: 2px 0 14px 16px; } .is-pc-device .study_project .gap-second { font-size: 1.4rem; } .is-pc-device .study_project .study_project_missproject_box .traincourse_list:nth-child(3n) { margin-right: 0; } .is-pc-device .study_project .progress { height: 5px; margin: 6px 0 8px 6px; } .is-pc-device .study_project .pc_study_project_expired_hasmargin { margin: 0 20px 40px 0 !important; } .is-pc-device .study_project .pc_study_project_expired_nothasmargin { margin-right: 0 !important; } .is-pc-device .study_project .pc_study_project_expired_tip { display: block; width: 100%; box-shadow: unset; background-color: transparent; } .is-pc-device .study_project .pc_study_project_expired_tip:hover { cursor: default; background-color: transparent; } .is-pc-device .study_project .next-navbar-padding .next-navbar li:last-of-type { position: absolute; right: 0; } .is-pc-device .projectinfos .next-navbar-padding .next-navbar { text-align: center; } .is-pc-device .projectinfos .next-navbar-padding .next-navbar > .active div, .is-pc-device .projectinfos .next-navbar-padding .next-navbar > li div:hover { border-bottom: 2px solid transparent; } .is-pc-device .projectinfos .next-navbar-padding .next-navbar > li div a { font-size: 1.8rem; font-weight: bold; color: white; white-space: nowrap; text-overflow: ellipsis; display: inline-block; overflow: hidden; width: 1100px; cursor: default; } .is-pc-device .projectinfos { width: 1200px; margin: auto; padding: 72px 0 40px; } .is-pc-device .projectinfos .pc_projectinfo { width: 100%; margin: 0 auto 24px auto; padding: 24px; border-radius: 8px; background-color: white; } .is-pc-device .projectinfos .pc_projectinfo_left { display: inline-block; width: 70%; vertical-align: top; min-height: 394px; } .is-pc-device .projectinfos .pc_information { width: 100%; } .is-pc-device .projectinfos .pc_information_title { font-size: 2rem; width: 100%; padding: 24px 0 16px 0; font-weight: bold; } .is-pc-device .pc_project_lecturer { display: inline-block; width: calc(30% - 24px); padding: 24px; margin-left: 24px; background-color: #fff; height: 394px; overflow: auto; border-radius: 8px; } .is-pc-device .pc_project_lecturer .pc_lefturer_title { font-size: 1.8rem; width: 100%; font-weight: bold; margin-bottom: 20px; } .is-pc-device .pc_project_lecturer .each_lecturer { margin-bottom: 19px; } .is-pc-device .pc_project_lecturer .each_lecturer > img { display: inline-block; width: 50px; height: 50px; border-radius: 50%; } .is-pc-device .pc_project_lecturer .each_lecturer > div { vertical-align: top; display: inline-block; margin-left: 16px; width: calc(100% - 66px); } .is-pc-device .pc_project_lecturer .each_lecturer > div > p { font-size: 1.6rem; color: #000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .is-pc-device .pc_project_lecturer .each_lecturer > div > span, .is-pc-device .pc_project_lecturer .each_lecturer > div > span > span { font-size: 1.4rem; color: #999; } .is-pc-device .pc_project_lecturer .each_lecturer > div > span:last-child { margin-left: 16px; } .is-pc-device .pc_project_lecturer .each_lecturer > div > span > span { margin-left: 4px; } .is-pc-device .pc_project_lecturer .each_lecturer:last-of-type { margin-bottom: 0; } .is-pc-device .projectinfos .pc_project_lecturer_info { width: 100%; padding: 20px 0; } .is-pc-device .projectinfos .pc_project_lecturer_info > div { text-align: center; display: inline-block; width: 20%; padding: 8px; cursor: pointer; } .is-pc-device .projectinfos .pc_project_lecturer_info > div > img { width: 100px; height: 100px; margin-bottom: 12px; border-radius: 50%; } .is-pc-device .projectinfos .pc_project_lecturer_info > div > p { font-size: 1.6rem; color: #000; vertical-align: middle; white-space: nowrap; text-overflow: ellipsis; margin-bottom: 5px; } .is-pc-device .projectinfos .pc_project_lecturer_info > div > div { font-size: 1.4rem; color: #999; } .is-pc-device .projectinfos .pc_project_lecturer_info > div > div > span:nth-child(1) { margin-right: 12px; } .is-pc-device .projectinfos .pc_project_lecturer_info > div > div > span > span { color: #666; position: relative; top: 1px; } .is-pc-device .projectinfos .pc_project_lecturer_info > div > div > span:nth-child(2) > span { color: #ff8400; } .is-pc-device .projectinfos .pc_information_content { text-align: center; vertical-align: top; display: inline-block; width: 26%; } .is-pc-device .projectinfos .pc_information_pic { vertical-align: top; width: 100%; border-radius: 4px; } .is-pc-device .projectinfos .project_short_des { display: inline-block; width: calc(74% - 348px); position: relative; margin: 0px 24px; vertical-align: middle; } .is-pc-device .projectinfos .pc_lecturer .project_des { margin: 0; position: relative; min-height: 300px; } .is-pc-device .projectinfos .pc_lecturer .project_des > h3 { font-size: 1.8rem; color: #000; font-weight: bold; margin-bottom: 24px; } .is-pc-device .projectinfos .pc_lecturer .project_des .text_part { font-size: 1.4rem; word-break: break-all; } .is-pc-device .projectinfos .pc_lecturer .project_des > .project_excitationexplain { position: absolute; top: 2px; right: 12px; width: auto; cursor: pointer; } .is-pc-device .projectinfos .pc_lecturer .project_des > .project_excitationexplain img { width: 16px; } .is-pc-device .projectinfos .pc_lecturer .pc_information_title { font-size: 1.8rem; font-weight: bold; padding: 10px 0; } .is-pc-device .projectinfos .pc_pic_right { display: inline-block; vertical-align: middle; } .is-pc-device .projectinfos .pc_pic_right .pc_button_outer { width: 300px; text-align: right; padding-right: 16px; } .is-pc-device .projectinfos .project_name { font-size: 1.8rem; font-weight: bold; margin-bottom: 16px; word-break: break-all; } .is-pc-device .projectinfos .project_content { font-size: 1.4rem; color: #666; word-break: break-all; margin: 0 0 5px; } .is-pc-device .projectinfos .project_text { color: #999; } .is-pc-device .projectinfos .project_text > h3 { font-size: 1.5rem; margin-top: 10px; } .is-pc-device .projectinfos .project_introduction { word-break: break-all; margin-bottom: 20px; } .is-pc-device .projectinfos .pc_button_outer .project_signup, .is-pc-device .projectinfos .grey { font-size: 1.7rem; white-space: pre-wrap; width: unset; min-width: 200px; max-width: 300px; min-height: 60px; border-radius: 5px; } .is-pc-device .projectinfos .pc_button_outer .notcheack { font-size: 1.7rem; color: #999; background-color: #f8f8f8; white-space: pre-wrap; width: unset; min-width: 200px; max-width: 300px; min-height: 60px; border-radius: 5px; border: 1px solid #f8f8f8; cursor: default; } .is-pc-device .study_project .traincourse_list .traincourse_list_icon { top: inherit; right: 10px; bottom: 114px !important; left: inherit; } .is-pc-device .projectinfos .grey { color: var(--themcolor); border: 1px solid #e5e5e5; background-color: #fff; } .is-pc-device .projectinfos .pc_button_outer .project_signup:hover { cursor: pointer; } .is-pc-device .pc_synthesis .next-navbar-padding .next-navbar { text-align: center; } .is-pc-device .pc_synthesis .next-navbar-padding .next-navbar > .active div, .is-pc-device .pc_synthesis .next-navbar-padding .next-navbar > li div:hover { border-bottom: 2px solid transparent; } .is-pc-device .pc_synthesis .next-navbar-padding .next-navbar > li div div { font-size: 1.8rem; font-weight: bold; color: white; white-space: nowrap; text-overflow: ellipsis; display: inline-block; overflow: hidden; width: 1100px; max-width: 960px; cursor: default; } .is-pc-device .pc_synthesis .next-navbar-padding .next-navbar > li div div:last-child { position: absolute; right: -65px; } .is-pc-device .pc_synthesis .pc_title .info { font-weight: normal !important; position: absolute; top: 17px; right: 7px; float: right !important; width: 95px !important; cursor: pointer !important; border-bottom: 1px solid #fff; } .is-pc-device .pc_synthesis .next-navbar-padding .next-navbar > li div .info:hover { border-bottom: 1px solid #fff; } .is-pc-device .all_synthesis .idpstastic_box { width: 420px; } .is-pc-device .all_synthesis .idpstastic_box .modal-content { height: 500px; } .is-pc-device .all_synthesis .idp_stastic { height: 100%; } .is-pc-device .pc_synthesis { width: 100%; min-width: 1200px; padding-top: 86px; background-color: unset; } .is-pc-device .pc_synthesis .pc_synthesis_content { width: 1200px; margin: 0 auto; padding-bottom: 40px; background-color: unset; } .is-pc-device .pc_synthesis .pc_synthesis_content_left { vertical-align: top; display: inline-block; width: calc(100% - 300px); } .is-pc-device .pc_synthesis .pc_synthesis_content_right { vertical-align: top; display: inline-block; width: 280px; margin-left: 20px; } .is-pc-device .pc_synthesis .signal { font-size: 1.4rem; color: #fff; text-align: center; position: absolute; top: 36px; right: 0; height: fit-content; border-radius: 2px; background-color: var(--themcolor); padding: 1px 4px; width: fit-content; } .is-pc-device .pc_synthesis .task_signal { font-size: 1.4rem; line-height: 22px; height: 24px; text-align: center; position: absolute; top: 0; right: 0; border-top-right-radius: 8px; border-bottom-left-radius: 8px; } .is-pc-device .pc_synthesis .must_learn { color: #ff6f6f; background-color: rgba(255, 111, 111, 0.1); } .is-pc-device .pc_synthesis .must_not_learn { color: #ffa011; background-color: rgba(255, 160, 17, 0.1); } .is-pc-device .all_synthesis .group_select_box .idpstastic_box .modal-content { height: auto; } .is-pc-device .all_synthesis .group_select_box .idpstastic_box .modal-content .group_select_container .group_confirm { padding: 10px 0px 10px; } .is-pc-device .all_synthesis .group_select_box .idpstastic_box .modal-content .group_select_container .group_outer_empty { margin-top: 0px; } .is-pc-device .group_list .changeborder, .is-pc-device .group_list .group_item { font-size: 1.4rem; line-height: 44px; color: #666; white-space: nowrap; text-overflow: ellipsis; position: relative; overflow: hidden; width: 100%; height: 44px; margin-bottom: 20px; padding: 0 40px 0 16px; cursor: pointer; border-radius: 4px; } .is-pc-device .group_list .changeborder { border: 1px solid var(--themcolor); } .is-pc-device .announcement { padding-top: 72px; background-color: unset; } .is-pc-device .announcement .announcement_title { font-size: 2rem; width: 1200px; margin: 0 auto; margin-top: 20px; padding: 10px 0; } .is-pc-device .announcement .mytraincourse_paper { width: 1140px; margin: 0 auto; min-height: unset !important; } .is-pc-device .announcement .newslist .list-group > li:nth-child(2n+1) { margin: 20px 16px 20px 0 !important; } .is-pc-device .announcement .newslist .list-group > li:nth-child(2n) { margin: 20px 0 20px 16px !important; } .is-pc-device .announcement .mytraincourse_paper > div { display: flex; align-items: flex-start; } .is-pc-device .announcement .pc_img_content { width: 240px; display: inline-block; margin-right: 24px; } .is-pc-device .announcement .pc_text_content { display: inline-block; vertical-align: top; flex: 1; } .is-pc-device .announcement .pc_text_content > h4 { font-size: 1.8rem; font-weight: bold; word-break: break-all; } .is-pc-device .announcement .pc_text_content > p { font-size: 1.4rem; color: #666; max-height: 66px; word-break: break-all; } .is-pc-device .announcement .pc_text_content > div > span { font-size: 1.2rem; } .is-pc-device .stiatics .traincourse_list { padding: 36px; } .is-pc-device .pc_synthesis .pc_title { font-size: 1.6rem; color: #000; padding-bottom: 15px; } .is-pc-device .pc_synthesis .pc_title > div { font-size: 1.8rem; vertical-align: middle; display: inline-block; width: 92%; } .is-pc-device .pc_learningrecord > div { width: 100% !important; } .is-pc-device .pc_synthesis .pc_title > span { position: relative; top: 1px; float: right; cursor: pointer; } .is-pc-device .pc_synthesis .pc_title > span:hover { color: var(--themcolor); } .is-pc-device .pc_synthesis .pc_apps { display: block; width: 100%; padding: 15px 20px; border: 1px solid transparent; border-radius: 4px; background-color: #fff; } .is-pc-device .pc_synthesis .pc_app { width: 100%; padding: 26px 0 10px; } .is-pc-device .pc_synthesis .pc_app > div { text-align: center; vertical-align: top; display: inline-block; max-width: 70px; margin: 10px 55px 10px 0; cursor: pointer; } .is-pc-device .pc_synthesis .pc_app > div:last-child { margin-right: 0; } .is-pc-device .pc_synthesis .pc_app > div > img { width: 56px; height: 56px; margin-bottom: 10px; border-radius: 50%; } .is-pc-device .pc_synthesis .pc_app > div > p { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 100%; margin: 0; } .is-pc-device .pc_synthesis .pc_apps > h3, .is-pc-device .pc_synthesis .pc_notice > h3, .is-pc-device .pc_synthesis .pc_tasks > div > h3, .is-pc-device .pc_synthesis .pc_lecturer > h3 { font-size: 1.8rem; font-weight: bold; margin: 0; padding: 0 0 15px; border-bottom: 1px solid #e5e5e5; } .is-pc-device .pc_synthesis .pc_notice { display: block; width: 100%; padding: 15px 20px; border: 1px solid transparent; border-radius: 4px; background-color: #fff; } .is-pc-device .pc_synthesis .pc_noticelists { width: 100%; min-height: 142px; margin: 0; padding: 10px 0; list-style: none; cursor: pointer; } .is-pc-device .pc_synthesis .pc_noticelist { word-break: break-all; margin-top: 5px; } .is-pc-device .pc_synthesis .pc_noticelist > img { width: 10px; margin-right: 10px; } .is-pc-device .pc_synthesis .pc_noticelist > .app-svg-themebox { width: 10px; height: 10px; margin-right: 10px; } .is-pc-device .pc_synthesis .pc_noticelist > span { font-size: 1.5rem; } .is-pc-device .pc_synthesis .pc_noticelist > p { font-size: 1.4rem; color: #999; margin: 5px 0 0 20px; padding: 0; } .is-pc-device .pc_synthesis .notice_null { text-align: center; } .is-pc-device .pc_synthesis .notice_null > img { width: 130px; } .is-pc-device .pc_synthesis .notice_null > p { margin-top: 54px; } .is-pc-device .pc_synthesis .pc_tasks { position: relative; display: block; width: 100%; min-height: 320px; margin-top: 20px; padding: 24px 24px 8px 24px; border: 1px solid transparent; border-radius: 4px; background-color: #fff; } .is-pc-device .pc_synthesis .pc_tasks .pc_task_border { border-bottom: 1px solid #e5e5e5; } .is-pc-device .pc_synthesis .pc_tasks .pc_task_border > h3 { position: relative; display: inline-block; width: calc(100% - 560px); border-bottom: 0; } .is-pc-device .pc_synthesis .pc_tasks .pc_task_border > h3 .open .dropdown-menu { display: block !important; } .is-pc-device .pc_synthesis .pc_tasks .pc_task_border .floattop-dropdown { vertical-align: middle; display: inline-block; width: 100%; } .is-pc-device .pc_synthesis .pc_tasks .pc_task_border .floattop-dropdown .floattop-dropdown-title { cursor: pointer; } .is-pc-device .pc_synthesis .pc_tasks .pc_task_border .floattop-dropdown .floattop-dropdown-title > div { vertical-align: middle; white-space: nowrap; text-overflow: ellipsis; display: inline-block; overflow: hidden; max-width: calc(100% - 52px); } .is-pc-device .pc_synthesis .pc_tasks .pc_task_border .floattop-dropdown .floattop-dropdown-title > span { font-size: 1.4rem; font-weight: normal; color: #999; vertical-align: middle; display: inline-block; } .is-pc-device .pc_synthesis .pc_tasks .pc_task_border .floattop-dropdown .floattop-dropdown-title > img { vertical-align: middle; position: relative; top: 1px; display: inline-block; width: 16px; } .is-pc-device .pc_synthesis .pc_tasks .pc_task_border .floattop-dropdown .dropdown-menu { top: 33px; left: 0; overflow: auto; min-width: 120px; max-width: 350px; max-height: 260px; border: 1px solid #e5e5e5; border-radius: 4px; } .is-pc-device .pc_synthesis .pc_tasks .pc_task_border .floattop-dropdown .dropdown-menu > li .dropdown-item.active, .is-pc-device .pc_synthesis .pc_tasks .pc_task_border .floattop-dropdown .dropdown-menu > li .dropdown-item:active { color: #fff !important; background-color: var(--themcolor); } .is-pc-device .pc_synthesis .pc_tasks .pc_task_border .floattop-dropdown .dropdown-menu > li > a { font-weight: 400; color: #000; white-space: nowrap; text-overflow: ellipsis; position: relative; display: block; clear: both; overflow: hidden; width: 100%; padding: 10px 15px; border-bottom: 1px solid #e5e5e5; } .is-pc-device .pc_synthesis .pc_tasks .pc_task_border .floattop-dropdown .dropdown-menu > li:last-child > a { border: none; } .is-pc-device .pc_synthesis .pc_tasks .pc_task_border .floattop-dropdown .dropdown-menu > li > a > img { position: absolute; right: 0; display: none; width: 18px; } .is-pc-device .pc_synthesis .pc_tasks .pc_task_border .floattop-dropdown .dropdown-menu > li > .active > img { display: inline-block; } .is-pc-device .pc_synthesis .pc_lecturer { display: block; width: 100%; margin-top: 20px; padding: 15px 20px; border: 1px solid transparent; border-radius: 4px; background-color: #fff; } .is-pc-device .pc_synthesis .pc_lecturer .pc_lecturerlist { padding: 10px 0; } .is-pc-device .pc_synthesis .pc_lecturer .pc_lecturerlist > img { width: 46px; height: 46px; border-radius: 50%; } .is-pc-device .pc_synthesis .pc_lecturer .pc_lecturerlist > div { font-size: 1.3rem; color: #999; vertical-align: middle; white-space: nowrap; text-overflow: ellipsis; display: inline-block; overflow: hidden; width: calc(100% - 70px); margin-left: 10px; cursor: pointer; } .is-pc-device .pc_synthesis .pc_lecturer .pc_lecturerlist > div > p { font-size: 1.6rem; color: #000; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-bottom: 6px; } .is-pc-device .pc_synthesis .showswitchbtn { position: relative; top: 1px; right: 0; display: inline-block; float: right; margin-left: 12px; cursor: pointer; } .is-pc-device .pc_synthesis .showswitchbtn > span { color: #999; } .is-pc-device .pc_synthesis .showswitchbtn > img { width: 44px; height: 24px; margin-left: 10px; } .is-pc-device .pc_synthesis .showswitchbtn > .app-svg-themebox { width: 44px; height: 24px; margin-left: 10px; } .is-pc-device .pc_synthesis .learnrecord_content_right { width: 390px !important; } .is-pc-device .pc_synthesis .learnrecord_content_item { width: calc(100% - 95px); margin-bottom: 16px; border: 0; } .is-pc-device .pc_synthesis .learnrecord { min-height: calc(100vh - 224px); } .is-pc-device .pc_synthesis .learnrecord > div { padding-top: 0; } .is-pc-device .pc_synthesis .learnrecord_content_item .learnrecord_content_item_right { position: relative; display: inline-block; background-color: #f8f8f8; width: 420px; border-radius: 8px; } .is-pc-device .pc_synthesis .learnrecord_content_item .learnrecord_content_item_right .learnrecord_content_item_pc_relate_content { margin-bottom: 4px; } .is-pc-device .pc_synthesis .learnrecord_content_item .learnrecord_content_item_right .learnrecord_content_item_pc_relate_content > div { display: inline-block; cursor: pointer; width: 94px; background: rgba(var(--rgbnum), 0.1); font-weight: 400; font-size: 1.4rem; color: var(--themcolor); padding: 4px; text-align: center; margin-right: 4px; margin-top: 4px; border-radius: 2px; } .is-pc-device .pc_synthesis .learnrecord_content_item .learnrecord_content_item_right .learnrecord_content_item_pc_relate_content > div > img { width: 15px; height: 14px; margin-right: 4px; margin-top: -2px; display: none; } .is-pc-device .pc_synthesis .learnrecord_content_item .learnrecord_content_item_right .learnrecord_content_item_pc_relate_content > div:last-child { margin-right: 0; } .is-pc-device .pc_synthesis .learnrecord_content_item .learnrecord_content_item_right .learnrecord_content_item_pc_relate_content .completed_tag { color: #19df93; background: rgba(25, 223, 147, 0.1); } .is-pc-device .pc_synthesis .learnrecord_content_item .learnrecord_content_item_right .learnrecord_content_item_pc_relate_content .completed_tag > img { display: inline-block; } .is-pc-device .pc_synthesis .learnrecord_content_item_right .learnrecord_content_item_right_title { display: block !important; max-width: 540px !important; } .is-pc-device .pc_synthesis .learnrecord_content_item_right .learnrecord_content_item_right_title .task_item_info_pc { display: block !important; max-width: 400px !important; } .is-pc-device .pc_synthesis .learnrecord_content_item_right .learnrecord_content_item_right_title .task_item_info_pc > span { padding-right: 16px; } .is-pc-device .pc_synthesis .learnrecord_content_item_right .learnrecord_content_item_right_title .task_item_info_pc > span:nth-last-of-type(1) { padding-right: 0px; } .is-pc-device .pc_synthesis .learnrecord_content_item_right .task_item_info_pc { padding-top: 4px; padding-bottom: 4px; } .is-pc-device .pc_synthesis .learnrecord_content_item_right .task_item_info_pc > .task_info_details { display: block !important; white-space: unset; margin-top: 4px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 1.4rem; line-height: 22px; } .is-pc-device .pc_synthesis .learnrecord_content_item_right .learnrecord_content_item_right_title .backlive { position: relative; display: inline-block; vertical-align: middle; } .is-pc-device .pc_synthesis .learnrecord_content_item_right .learnrecord_content_item_right_title .backlive > span { margin-left: 4px; line-height: 22px; font-size: 1.4rem; } .is-pc-device .pc_synthesis .learnrecord_content_item_right .learnrecord_content_item_right_title .backlive > img { width: 13px; } .is-pc-device .pc_synthesis .learnrecord_content_item_right .learnrecord_content_item_bottom { display: flex; flex-direction: row; padding-bottom: 4px; padding-top: 4px; line-height: 22px; } .is-pc-device .pc_synthesis .learnrecord_content_item_right .learnrecord_content_item_bottom .backlive_margin { margin-left: 16px; } .is-pc-device .pc_synthesis .learnrecord_content_item_right .learnrecord_content_item_right_title .backlive > img { width: 16px; margin-top: -2px; } .is-pc-device .pc_synthesis .learnrecord_content_item_right_titletwo { font-size: 1.4rem; color: #999; } .is-pc-device .pc_synthesis .project_task_list { padding: 24px 0px 0px 8px; } .is-pc-device .pc_synthesis .learnrecord_content_time { position: absolute; top: -4px; left: -12px; } .is-pc-device .pc_synthesis .learnrecord_year_diviled { margin: 40px 0 50px; } .is-pc-device .pc_synthesis .learnrecord_year_diviled .learnrecord_year { background: #cccccc; border-radius: 12px; padding: 1px 13px; color: #fff; width: fit-content !important; } .is-pc-device .pc_synthesis .learnrecord_timestamp { top: 20px; } .is-pc-device .pc_synthesis .learnrecord_content_item { right: -45px; max-width: 80%; padding-top: 0; padding-bottom: 0; } .is-pc-device .pc_synthesis .learnrecord_content_item_left_hour { font-size: 1.2rem; color: #666; position: absolute; top: 8px; left: -116px; } .is-pc-device .pc_synthesis .learnrecord_content_item_left_first { top: 12px; left: -71.5px; } .is-pc-device .pc_synthesis .learnrecord_content_item_left_second { position: absolute; z-index: 2; top: 10px; left: -74px; opacity: 1; background-color: transparent; } .is-pc-device .pc_synthesis .learnrecord_content_item_left_second > img { position: absolute; top: 1px; left: 1px; width: 14px; } .is-pc-device .pc_synthesis .learnrecord_content_item_left_second > .app-svg-themebox { position: absolute; top: 1px; left: 1px; width: 14px; height: 14px; } .is-pc-device .pc_synthesis .learnrecord_content_item_left_third { position: absolute; top: 12px; left: -70.5px; } .is-pc-device .pc_synthesis .learnrecord_content_item_left_fourth { position: absolute; top: 22px; left: -66.1px; width: 1px !important; height: calc(100% + 30px); background-color: rgba(208, 205, 208, 0.8); } .is-pc-device .pc_synthesis .learnrecord_content_item_left_fourth_last { height: calc(100% + 16px); } .is-pc-device .pc_synthesis .learnrecord_content_item_left_fourth_blue { height: calc(100% + 30px); background-color: var(--themcolor); } .is-pc-device .pc_synthesis .countdown, .is-pc-device .pc_synthesis .countdowntwo { font-size: 1.4rem; display: inline-block; margin: 8px 0 0 28px; vertical-align: top; } .is-pc-device .pc_synthesis .countdown > img, .is-pc-device .pc_synthesis .countdowntwo > img { vertical-align: text-bottom; width: 16px; } .is-pc-device .pc_synthesis .countdown > span { color: #ecac3e; margin-left: 4px; } .is-pc-device .pc_synthesis .countdowntwo > span { color: #18c884; margin-left: 4px; } .is-pc-device .pc_synthesis .countdown_en { margin: 8px 0 0 30px; } .is-pc-device .pc_synthesis .learnrecord_content_item_right_titletwo { font-size: 1.3rem !important; color: #999; } .is-pc-device .pc_synthesis .noticecolor, .is-pc-device .pc_synthesis .signcolor, .is-pc-device .pc_synthesis .coursecolor, .is-pc-device .pc_synthesis .testcolor, .is-pc-device .pc_synthesis .studycolor, .is-pc-device .pc_synthesis .surveycolor, .is-pc-device .pc_synthesis .videoclor, .is-pc-device .pc_synthesis .traincolor, .is-pc-device .pc_synthesis .projectcolor, .is-pc-device .pc_synthesis .evalutecolor, .is-pc-device .pc_synthesis .formcolor, .is-pc-device .pc_synthesis .handscolor { padding: 0 2px; font-size: 0; text-align: center; white-space: pre-wrap; word-break: break-all; position: absolute; top: 8px; left: -44px; overflow: hidden; width: 56px; max-height: 88px; line-height: 12px; padding: 4px 4px 0px 4px; border-radius: 4px; } .is-pc-device .pc_synthesis .noticecolor > span, .is-pc-device .pc_synthesis .signcolor > span, .is-pc-device .pc_synthesis .coursecolor > span, .is-pc-device .pc_synthesis .testcolor > span, .is-pc-device .pc_synthesis .studycolor > span, .is-pc-device .pc_synthesis .surveycolor > span, .is-pc-device .pc_synthesis .videoclor > span, .is-pc-device .pc_synthesis .traincolor > span, .is-pc-device .pc_synthesis .projectcolor > span, .is-pc-device .pc_synthesis .evalutecolor > span, .is-pc-device .pc_synthesis .formcolor > span, .is-pc-device .pc_synthesis .handscolor > span { font-size: 1.2rem; } .is-pc-device .pc_synthesis .type_en { width: 58px; } .is-pc-device .pc_synthesis .noticecolor { color: #bec53f; background-color: rgba(190, 197, 63, 0.1); } .is-pc-device .pc_synthesis .signcolor { color: #84e2c5; background-color: rgba(132, 226, 197, 0.1); } .is-pc-device .pc_synthesis .coursecolor { color: #3ac0de; background-color: rgba(58, 192, 222, 0.1); } .is-pc-device .pc_synthesis .testcolor { color: #f58a41; background-color: rgba(245, 138, 65, 0.1); } .is-pc-device .pc_synthesis .studycolor { color: #ecac3e; background-color: rgba(236, 172, 62, 0.1); } .is-pc-device .pc_synthesis .surveycolor { color: #b583d5; background-color: rgba(181, 131, 213, 0.1); } .is-pc-device .pc_synthesis .videoclor { color: #f17d9f; background-color: rgba(241, 125, 159, 0.1); } .is-pc-device .pc_synthesis .traincolor { color: #8994eb; background-color: rgba(137, 148, 235, 0.1); } .is-pc-device .pc_synthesis .projectcolor { color: #6cd277; background-color: rgba(108, 210, 119, 0.1); } .is-pc-device .pc_synthesis .evalutecolor { color: #ff5f5f; background-color: rgba(255, 95, 95, 0.1); } .is-pc-device .pc_synthesis .formcolor { color: #f82e2e; background-color: rgba(248, 46, 46, 0.1); } .is-pc-device .pc_synthesis .handscolor { color: #8a93ed; background-color: rgba(138, 147, 237, 0.1); } .is-pc-device .pc_synthesis .learnrecord_content_item_right { padding: 16px 16px 12px 16px; margin-left: 28px; } .is-pc-device .pc_synthesis .learnrecord_content_item_right_titletwo { font-size: 1.4rem; } .is-pc-device .pc_synthesis .learnrecord_content_item_right_en { margin-left: 30px; } .is-pc-device .pc_synthesis .learnrecord_timestamp > span > span { display: block; margin: 10px 0 0; } .is-pc-device .pc_traincourse_list { margin-top: 72px; } .is-pc-device .project_rankings { padding: 72px 0 40px; } .is-pc-device .project_rankings .rankings { width: 1200px; min-height: calc(100vh - 224px); margin: auto; padding-bottom: 10px; background-color: white; } .is-pc-device .project_rankings .pc_project_rankings_mine { height: 116px; padding: 23px 0; background-color: #303332; } .is-pc-device .project_rankings .pc_project_rankings_mine .pc_rankings_mine_notrank { font-size: 1.6rem; color: white; width: 1200px; margin: auto; padding: 23px 0; } .is-pc-device .project_rankings .pc_project_rankings_mine .pc_rankings_mine_notrank span { font-size: 1.3rem; } .is-pc-device .pc_project_rankings_mine .pc_rankings_mine_rank { text-align: left; width: 1200px; margin: auto; padding: 16px 0; } .is-pc-device .pc_project_rankings_mine .pc_rankings_mine_rank > div { font-size: 2.6rem; font-weight: 600; color: #ff8400; display: inline-block; padding: 0 60px; } .is-pc-device .pc_project_rankings_mine .pc_rankings_mine_rank > div:nth-child(1) { padding-left: 20px; border-right: 1px solid white; } .is-pc-device .pc_project_rankings_mine .pc_rankings_mine_rank > div span { font-size: 1.4rem; font-weight: normal; color: rgba(255, 255, 255, 0.9); position: relative; top: -4px; } .is-pc-device .project_rankings .rankings .rankings_catgory { border-bottom: 1px solid #ddd; } .is-pc-device .projectinfos .changegrey:hover { cursor: default; background-color: #ddd !important; } .is-pc-device .tojoin_signup { min-width: 1200px; min-height: 100%; padding-top: 86px; padding-bottom: 40px; background-color: unset; } .is-pc-device .tojoin_signup > div { width: 1200px; margin: auto; } .is-pc-device .project_signlist { padding-top: 80px; padding-bottom: 40px; background-color: unset; } .is-pc-device .project_signlist > div { width: 1200px; min-height: calc(100vh - 120px); margin: 0 auto; background-color: #fff; border-radius: 8px; } .is-pc-device .project_signlist .myslides .swiper_one { min-height: 580px; } .is-pc-device .project_signdetail .sign_title > span { font-size: 1.4rem; } .is-pc-device .project_signdetail .sign_content > div > span:first-child { font-size: 1.4rem; } .is-pc-device .project_signdetail .sign_content > div > span:last-child { font-size: 1.4rem; } .is-pc-device .pc_project_apply { padding-top: 86px; padding-bottom: 40px; background-color: unset; } .is-pc-device .pc_project_apply .head_info { padding: 12px 0px 16px; } .is-pc-device .pc_project_apply .head_info > div { border-radius: 8px; } .is-pc-device .pc_project_apply .head_info > div > h4 { font-size: 1.8rem; } .is-pc-device .pc_project_apply .head_info > div > div > span { font-size: 1.4rem; } .is-pc-device .pc_project_apply > div { width: 1200px; margin: auto; } .is-pc-device .pc_project_apply .myslides, .is-pc-device .pc_project_apply .search_sign { background-color: #fff; } .is-pc-device .pc_project_apply .myslides .swiper_one { min-height: calc(100vh - 275px); } .is-pc-device .pc_project_apply .special_list { overflow: unset; } .is-pc-device .pc_project_apply .myslides .outer_list { padding: 8px 25px; } .is-pc-device .pc_project_apply .myslides .outer_list .info_list > span { font-size: 1.4rem; } .is-pc-device .pc_project_apply .operation { width: 1200px; } .is-pc-device .pc_sliding_item { height: 58px; padding: 10px 0; border-bottom: 1px solid #e5e5e5; background-color: #fff; border-radius: 8px 8px 0px 0px; } .is-pc-device .pc_sliding_item .next-navbar { background-color: transparent; } .is-pc-device .pc_singlist_myslides { border-radius: 0px 0px 8px 8px; } .is-pc-device .pc_sliding_item > div:first-child { display: inline-block; width: 60%; } .is-pc-device .pc_project_apply .next-navbar, .is-pc-device .project_homeworkroll .next-navbar, .is-pc-device .project_signlist .next-navbar { height: auto; padding: 0; border: none; } .is-pc-device .pc_project_apply .next-navbar > .active > div, .is-pc-device .project_homeworkroll .next-navbar > .active > div, .is-pc-device .project_signlist .next-navbar > .active > div { border-bottom: none; } .is-pc-device .pc_project_apply .next-navbar > li > div:hover, .is-pc-device .project_homeworkroll .next-navbar > li > div:hover, .is-pc-device .project_signlist .next-navbar > li > div:hover { color: var(--themcolor); cursor: pointer; border-bottom: none; } .is-pc-device .pc_sliding_item .search_sign { float: right; height: auto; background-color: #fff; } .is-pc-device .pc_sliding_item .search_sign > div > input { float: right; width: 285px; } .is-pc-device .pc_sliding_item .search_sign > div > img { position: relative; top: 5px; left: 25px; } .is-pc-device .reminder { right: 155px; bottom: 45px; } .is-pc-device .tojoin_evaluate { min-width: 1200px; min-height: 100%; padding-top: 86px; padding-bottom: 40px; background-color: unset; } .is-pc-device .tojoin_evaluate .evaluate { width: 1200px; margin: auto; background-color: unset; } .is-pc-device .tojoin_evaluate .evaluate .nomessage_defult { position: relative !important; background-color: #fff; width: 1200px; height: calc(100vh - 200px); display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 8px; } .is-pc-device .tojoin_evaluate .evaluate .exam_testpaper_list { border-top: 1px solid #e5e5e5; border-radius: 0; } .is-pc-device .tojoin_evaluate .evaluate .exam_testpaper_list > div > div { padding: 0; border-bottom: none; } .is-pc-device .tojoin_evaluate .exam_testpaperlist { padding: 10px 20px; border: 1px solid transparent; border-radius: 4px; background-color: white; } .is-pc-device .tojoin_evaluate .evaluate .exam_testpaper_list:first-child { border-top: none; } .is-pc-device .tojoin_evaluate .evaluate .exam_testpaper_list:hover { cursor: pointer; background-color: #f4f4f4; } .is-pc-device .tojoin_homework { min-width: 1200px; min-height: 100%; padding-top: 86px; padding-bottom: 32px; background-color: unset; } .is-pc-device .pc_homeworktail_title { font-size: 1.8rem; color: #333; width: 1200px; margin: auto; margin-bottom: 24px; padding: 24px; border-radius: 4px; background: white; } .is-pc-device .pc_homeworktail_title > div:nth-child(1) { position: relative; } .is-pc-device .pc_homeworktail_title > div:nth-child(1) > div:nth-child(1) { vertical-align: middle; text-overflow: ellipsis; display: inline-block; overflow: hidden; width: calc(100% - 32px); } .is-pc-device .pc_homeworktail_title .pc_homeworktail_workexplain, .is-pc-device .pc_homeworktail_title .pc_homeworktail_deadline { font-size: 1.4rem; color: #999; margin: 8px 0; } .is-pc-device .pc_homeworktail_title .pc_homeworktail_workexplain { display: flex; } .is-pc-device .pc_homeworktail_title .pc_homeworktail_workexplain > div:nth-child(1) { min-width: 75px; } .is-pc-device .pc_homeworktail_title .pc_homeworktail_workexplain > div:nth-child(2) { white-space: pre-wrap; word-break: break-all; } .is-pc-device .Putash { background-color: #f1f1f1 !important; border: #f1f1f1 !important; pointer-events: none; } .is-pc-device .tojoin_homework .homework { width: 1200px; margin: 10px auto auto; padding-top: 10px; border: none; border-radius: 4px; } .is-pc-device .tojoin_homework .homework > form { position: relative; height: 100%; margin: 10px 20px 30px; border: 1px solid #dfdfdf; } .is-pc-device .tojoin_homework .homework_choose { color: var(--themcolor); text-align: center; position: relative; display: inline-block; width: 302px !important; margin-left: 20px; padding: 7px 10px; border: 1px solid var(--themcolor); border-radius: 2px; } .is-pc-device .tojoin_homework .homework .homework_upload { margin-left: 20px; margin-right: 20px; } .is-pc-device .tojoin_homework .homework_submit > button { margin-top: 30px; margin-left: 20px; } .is-pc-device .tojoin_homework .homework_name > span:nth-child(1) { float: none; padding: 0; } .is-pc-device .tojoin_homework .homework_name > span:nth-child(2) { float: none; } .is-pc-device .tojoin_homework .homework_name > span:nth-child(3) { float: none; } .is-pc-device .project_homework_list { padding-top: 86px; background-color: unset; } .is-pc-device .project_homework_list .homework_datas { width: 1200px; min-height: calc(100vh - 72px); margin: 0 auto; background-color: unset; } .is-pc-device .project_homework_list .homework_datas .nomessage_defult { position: relative !important; background-color: #fff; width: 1200px; height: calc(100vh - 200px); display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 8px; } .is-pc-device .project_homework_list .homework_list { cursor: pointer; } .is-pc-device .project_homework_list .homework_list div { position: relative; } .is-pc-device .project_homework_list .homework_list div .tohomeworkDetail { position: absolute; font-size: 1.4rem; color: var(--themcolor); border: 1px solid var(--themcolor); border-radius: 18px; top: 0; bottom: 0; text-align: center; right: 24px; width: auto; padding: 0 22px; height: 36px; line-height: 36px; } .is-pc-device .project_homeworkroll { padding-top: 96px; padding-bottom: 40px; background-color: unset; } .is-pc-device .project_homeworkroll > div { width: 1200px; margin: 0 auto; } .is-pc-device .project_homeworkroll > div > .head_info { padding: 0; background: unset; margin-bottom: 16px; } .is-pc-device .project_homeworkroll > div > .head_info > div { padding: 24px; background-color: #fff; border-radius: 8px; } .is-pc-device .project_homeworkroll > div > .head_info > div > h4 { font-size: 1.8rem !important; } .is-pc-device .project_homeworkroll > div > .myslides { background-color: #fff; border-radius: 0px 0px 8px 8px; } .is-pc-device .project_homeworkroll .head_info > div > p { font-size: 1.4rem; } .is-pc-device .project_homeworkroll .myslides .swiper_one { min-height: calc(100vh - 275px); } .is-pc-device .pc_apply { line-height: 26px; color: #fff; width: 140px; height: 26px; margin-left: 8px; border: 0; border-radius: 4px; background-color: var(--themcolor); } .is-pc-device .pc_lecturer_name { font-size: 1.3rem; color: var(--themcolor); text-align: center; white-space: nowrap; text-overflow: ellipsis; display: inline-block; overflow: hidden; min-width: 60px; max-width: 80px; margin: 10px 0 0 10px; padding: 4px; border: 1px solid var(--themcolor); border-radius: 25px; } .is-pc-device .pc_applylecturer_content { width: 100%; height: 100%; padding-top: 80px; background-color: #f4f4f4; } .is-pc-device .pc_applylecturer { width: 100%; } .is-pc-device .pc_applytitle, .is-pc-device .pc_reason { width: 1200px; margin: 0 auto; padding: 15px; background-color: #fff; } .is-pc-device .pc_applytitle > p, .is-pc-device .pc_reason > p { font-size: 1.5rem; float: left; width: 75px; } .is-pc-device .pc_coursewarelist { display: inline-block; overflow-y: auto; width: 460px; min-height: 146px; max-height: 262px; padding: 15px; border: 1px solid #e5e5e5; } .is-pc-device .pc_coursewarelists > img { width: 18px; height: 18px; margin-right: 15px; } .is-pc-device .pc_coursewarelists > .app-svg-themebox { width: 18px; height: 18px; margin-right: 15px; } .is-pc-device .pc_coursewarelists { margin-bottom: 10px; list-style: none; cursor: pointer; } .is-pc-device .pc_reason { margin-top: 10px; } .is-pc-device .pc_right { display: inline-block; height: auto !important; border: 0; } .is-pc-device .pc_apply_textarea { position: relative; width: 460px; height: 105px; border-bottom: 1px solid #e5e5e5; background-color: #f4f4f4; } .is-pc-device .pc_apply_textarea textarea { font-size: 1.4rem; color: #333; word-break: break-all; width: 460px; height: 105px; padding: 10px; resize: none; background-color: #f4f4f4; } .is-pc-device .pc_apply_textarea .pc_feedback_content_text_icon { font-size: 1.4rem; color: #666; position: absolute; right: 10px; bottom: 5px; } .is-pc-device .pc_upload { width: 100%; height: 70px; margin-top: 40px; } .is-pc-device .pc_uploadcourseware, .is-pc-device .pc_recommand { line-height: 33px; color: var(--themcolor); text-align: center; position: relative; width: 310px; height: 33px; cursor: pointer; border: 1px solid var(--themcolor); border-radius: 2px; background-color: #fff; } .is-pc-device .pc_uploadcourseware > input { font-size: 0; position: absolute; top: 0; left: 0; width: 310px; height: 33px; opacity: 0; cursor: pointer; border: 1px solid rgba(0, 0, 0, 0); } .is-pc-device .pc_upload_name { position: relative; top: -34px; float: right; width: 125px; } .is-pc-device .pc_upload_name > span:first-child { color: #999; } .is-pc-device .pc_upload_reffer { position: relative; float: right; width: 125px; } .is-pc-device .pc_delete { color: var(--themcolor); text-decoration: underline; cursor: pointer; } .is-pc-device .pc_upload > p { font-size: 1.3rem; color: #999; margin-top: 10px; } .is-pc-device .pc_recommand { display: block; margin-top: 30px; } .is-pc-device .pc_submit { color: #fff; width: 106px; height: 32px; margin: 50px 0 30px; border: 0; border-radius: 2px; background-color: var(--themcolor); } .is-pc-device .pc_applysubmit_box { width: 100%; height: 600px; } .is-pc-device .pc_applylecturer_content .pc_loadingicon { position: relative !important; top: -270px !important; } .is-pc-device .pc_lists { width: 1200px; margin: 0 auto; } .is-pc-device .pc_lists .details { padding: 8px 0 12px; background-color: transparent; } .is-pc-device .pc_detail { min-height: 560px; padding: 0; } .is-pc-device .pc_detail .pc_details { vertical-align: top; position: relative; display: inline-block; width: calc(50% - 8px); margin: 0 16px 24px 0; padding: 24px 24px 24px 140px; list-style: none; cursor: pointer; border-radius: 8px; background-color: white; } .is-pc-device .pc_detail .pc_details > span { font-size: 1.4rem; color: #666; white-space: nowrap; text-overflow: ellipsis; display: block; overflow: hidden; margin: 0px 0 8px 0; } .is-pc-device .pc_detail .pc_details > span:nth-child(1) { position: absolute; top: 24px; left: 24px; } .is-pc-device .pc_detail .pc_details > span:nth-child(1) > span { text-align: center; display: block; margin-top: 8px; color: #999; } .is-pc-device .pc_detail .pc_details > span:nth-child(5) { margin-bottom: 0; } .is-pc-device .pc_detail .pc_details > span:nth-child(6) { position: absolute; top: 20px; right: 20px; } .is-pc-device .pc_detail .pc_details .pc_detail_name { text-align: left; margin-bottom: 16px; } .is-pc-device .pc_detail .pc_details .pc_detail_name > h3, .is-pc-device .pc_detail .pc_details .pc_detail_name > p { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin: 0; padding: 0; } .is-pc-device .pc_detail .pc_details .pc_detail_name > h3 { font-size: 1.8rem; font-weight: bold; color: #000; vertical-align: middle; white-space: nowrap; text-overflow: ellipsis; display: inline-block; overflow: hidden; width: auto; max-width: 150px; } .is-pc-device .pc_detail .pc_details .pc_detail_name > span { font-size: 1rem; font-weight: normal; vertical-align: middle; white-space: nowrap; text-overflow: ellipsis; display: inline-block; overflow: hidden; max-width: 40%; margin-left: 8px; padding: 2px 8px; border-radius: 25px; } .is-pc-device .pc_detail .pc_details span .pc_like { outline: none; } .is-pc-device .pc_detail .pc_details:nth-child(2n) { margin-right: 0; } .is-pc-device .pc_detail .pc_details:hover { box-shadow: 0 0px 11px rgba(0, 0, 0, 0.08); transition: all 0.2s ease-in-out; transform: translateY(-5px); } .is-pc-device .pc_details_pic { width: 88px; height: 88px; border-radius: 50%; } .is-pc-device .pc_like { line-height: 26px; width: 66px; height: 30px; border: 0; border: 1px solid #e5e5e5; border-radius: 25px; background-color: #fff; } .is-pc-device .pc_like > img { width: 16px; height: 16px; margin-right: 6px; cursor: pointer; } .is-pc-device .pc_like > span { font-size: 1.6rem; color: #666; vertical-align: top; } .is-pc-device .pc_lectureinfo .pc_like { line-height: 26px; width: 66px; height: 30px; border: 0; border: 1px solid #e5e5e5; border-radius: 25px; background-color: #fff; } .is-pc-device .pc_details span .pc_like { outline: none; } .is-pc-device .pc_faculty .pc_like > img, .is-pc-device .pc_lectureinfo .pc_like > img { width: 16px; height: 16px; margin-right: 6px; cursor: pointer; } .is-pc-device .pc_lectureinfo .pc_like { text-align: center; } .is-pc-device .lectureinfo_box { margin-top: 20vh; } .is-pc-device .lectureinfo_box > .modal-content { width: 410px !important; min-height: 500px; margin: 0 auto; } .is-pc-device .pc_lectureinfo, .is-pc-device .pc_myinfo { width: 100%; padding: 10px; border-radius: 6px; background-color: #fff; } .is-pc-device .pc_lectureinfo > img { float: right; width: 25px; height: 25px; cursor: pointer; } .is-pc-device .pc_topinfo > img { float: left; width: 75px; height: 75px; margin: 10px; border-radius: 50%; } .is-pc-device .pc_lectureinfo .pc_like { position: relative; top: 26px; float: right; border: 1px solid #e5e5e5; } .is-pc-device .pc_lectureinfo .pc_des { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin: 0; padding: 0 10px 30px; } .is-pc-device .pc_inforouter { display: inline; } .is-pc-device .pc_middleinfo { display: inline-block; width: 270px; height: 70px; } .is-pc-device .pc_middleinfo > div:first-child { font-size: 1.5rem; font-weight: bold; white-space: nowrap; text-overflow: ellipsis; display: inline-block; overflow: hidden; max-width: 60px; } .is-pc-device .pc_middleinfo > span { font-size: 1.2rem; white-space: nowrap; text-overflow: ellipsis; position: relative; display: inline-block; overflow: hidden; max-width: 120px; margin-left: 5px; padding: 2px; border-radius: 25px; } .is-pc-device .pc_middleinfo > div:last-child { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 270px; margin-top: 8px; } .is-pc-device .pc_middleinfo > div:last-child > span { white-space: nowrap; text-overflow: ellipsis; display: inline-block; overflow: hidden; width: 126px; } .is-pc-device .pc_middleinfo > div:last-child > span:nth-child(2) { margin-left: 10px; } .is-pc-device .pc_lecturer_interval { width: 100%; height: 10px; background-color: #f4f4f4; } .is-pc-device .pc_introduction { padding: 10px 10px 15px; border-bottom: 1px solid #e5e5e5; } .is-pc-device .pc_introduction > h3 { font-size: 1.4rem; font-weight: bold; margin: 5px 5px 5px 0; } .is-pc-device .pc_introduction > p { overflow: auto; max-height: 70px; margin: 10px 0; } .is-pc-device .pc_introduction > div { font-size: 1.3rem; color: #999; } .is-pc-device .pc_introduction > div > .grade { position: relative; top: -4px; right: 10px; float: right; } .is-pc-device .pc_introduction > div > .grade > span { font-size: 1.8rem; color: #000; } .is-pc-device .pc_history { padding: 10px; } .is-pc-device .pc_history > div:first-child { width: 100%; } .is-pc-device .pc_history > div > div { float: right; } .is-pc-device .pc_history .pattern { float: right; width: 25px; cursor: pointer; } .is-pc-device .pc_history .lookfor > input { font-size: 1.2rem; width: 120px; height: 24px; padding: 2px 2px 2px 10px; border: 0; border-radius: 25px; outline: none; background-color: #f4f4f4; } .is-pc-device .pc_history .lookfor > img { position: absolute; right: 40px; width: 20px; margin-top: 2px; cursor: pointer; } .is-pc-device .pc_history > div > p { font-weight: bold; color: #000; margin: 0; } .is-pc-device .pc_history > div > p > span { font-size: 1.2rem; font-weight: normal; color: #999; margin-left: 10px; } .is-pc-device .pc_history .pc_history_search { overflow-y: auto; height: 235px; margin-top: 10px; } .is-pc-device .pc_history_search .right { position: relative; top: 12px; float: right; width: 8px; } .is-pc-device .pc_history_search .count { font-size: 1.3rem; font-weight: normal; color: #999; position: relative; top: 1px; left: -9px; } .is-pc-device .pc_history .pc_history_search > li { padding: 10px; list-style: none; cursor: pointer; border-bottom: 1px solid #e5e5e5; } .is-pc-device .pc_history.pc_history_search > li > .pc_history_title { white-space: nowrap; text-overflow: ellipsis; display: inline-block; overflow: hidden; width: 260px; } .is-pc-device .pc_history .pc_history_search > li > .pc_history_teachingtime { color: #18c884; float: right; } .is-pc-device .pc_history .pc_history_search > li > div { font-size: 1.2rem; color: #999; margin-top: 2px; margin-left: 8px; } .is-pc-device .pc_history .pc_history_search .nomessage_defult { float: none; } .is-pc-device .lectureinfo_box .nomessage_defult { position: relative; } .is-pc-device .pc_applylecturer .modal-dialog { width: 398px; height: 300px; margin: calc(50vh - 213px) auto; } .is-pc-device .pc_applylecturer .apply_ok { text-align: center; padding-top: 30px; } .is-pc-device .pc_applylecturer .apply_ok .pc_close { float: right; width: 25px; height: 25px; margin: -15px 15px 0 0; } .is-pc-device .pc_applylecturer .apply_ok .pc_succeed { width: 40px; height: 40px; margin-right: 20px; } .is-pc-device .pc_applylecturer .firstline { font-size: 1.8rem; font-weight: bold; color: #000; display: inline-block; margin: 30px 0 12px; } .is-pc-device .pc_applylecturer .apply_ok > p:last-child { font-size: 1.3rem; color: #999; margin: 20px 0 0; } .is-pc-device .pc_applylecturer .modal-dialog .apply_submit { text-align: center; position: absolute; bottom: 8px; } .is-pc-device .pc_applylecturer .modal-dialog .apply_submit > button { width: 100px; border-radius: 4px; } .is-pc-device .pc_applylecturer_recommand .modal-dialog { width: 398px; height: 300px; margin: calc(50vh - 213px) auto; } .is-pc-device .pc_applylecturer_recommand .modal-content { min-height: 370px; } .is-pc-device .pc_applylecturer_recommand .pc_search_outter { width: 100%; height: 80px; padding: 10px; background-color: var(--themcolor); } .is-pc-device .pc_applylecturer_recommand .pc_search_outter .pc_search_form { margin-top: 20px; margin-left: 10px; } .is-pc-device .pc_applylecturer_recommand .pc_search_form > input { color: #000; width: calc(100% - 73px); height: 35px; padding-left: 10px; border: 0; border-radius: 4px; } .is-pc-device .pc_applylecturer_recommand .referrer_form_icon2 { position: absolute; top: 32px; right: 88px; width: 30px; height: 30px; } .is-pc-device .pc_applylecturer_recommand .pc_close { float: right; width: 25px; height: 25px; cursor: pointer; } .is-pc-device .pc_search_form > div { font-size: 1.5rem; line-height: 35px; color: #fff; text-align: center; display: inline-block; width: 46px; height: 35px; cursor: pointer; } .is-pc-device .pc_search_list { overflow-y: auto; width: 100%; height: 290px; padding: 10px; } .is-pc-device .pc_search_list > li { width: 100%; height: 70px; padding: 10px; list-style: none; border-bottom: 1px solid #e5e5e5; } .is-pc-device .pc_search_list > li > img { float: left; width: 40px; height: 40px; border-radius: 50%; } .is-pc-device .pc_search_list .referrers { width: calc(100% - 62px); margin-left: 64px; } .is-pc-device .pc_search_list .referrers > h3 { font-size: 1.6rem; font-weight: bold; color: #000; margin: 0 0 8px; } .is-pc-device .pc_search_list .referrers > h4 { font-size: 1.1rem; color: #999; margin: 0; } .is-pc-device .pc_search_list .checked { font-size: 1.4rem; font-weight: bold; line-height: 28px; color: #fff; float: right; width: 55px; height: 28px !important; margin-top: 10px; border: 0; border-radius: 4px; background-color: var(--themcolor); } .is-pc-device .pc_faculty .next-navbar li > div { font-size: 1.4rem; } .is-pc-device .pc_lecturerdetail .lecturerdetail .pc_history .count, .is-pc-device .synthesize .pc_history .count { position: unset; float: left; margin-right: 8px; } .is-pc-device .pc_lecturerdetail .lecturerdetail .coursewareinfo, .is-pc-device .synthesize .coursewareinfo { padding-left: 0; cursor: pointer; } .is-pc-device .pc_lecturerdetail .lecturerdetail .coursewareinfo > div, .is-pc-device .synthesize .swiper_four .coursewareinfo > div { padding-left: 15px; } .is-pc-device .pc_lecturerdetail .pc_history, .is-pc-device .synthesize .pc_history { text-indent: 0; } .is-pc-device .pc_lecturerdetail .pc_history > p, .is-pc-device .synthesize .pc_history > p { display: inline-block; width: 280px; } .is-pc-device .pc_searchfor { position: relative; top: 12px; float: right; width: unset !important; } .is-pc-device .pc_searchfor .lookfor { float: left; width: unset !important; } .is-pc-device .pc_searchfor .lookfor > input { font-size: 1.4rem; width: 185px; padding-right: 28px; } .is-pc-device .pc_searchfor .lookfor > img { right: 30px; } .is-pc-device .pc_history .pattern { position: unset !important; float: unset !important; } .is-pc-device .pc_history .nomessage_defult { top: 50%; } .is-pc-device .pc_verify .modal .modal-dialog { width: 300px; margin-top: 30vh; } .is-pc-device .pc_verify .modal-header { border-bottom: none !important; } .is-pc-device .pc_verify .modal-title { font-size: 1.6rem; font-weight: bold; text-align: center; } .is-pc-device .pc_verify .modal-body { padding-top: 0; } .is-pc-device .pc_verify .modal-body > p { color: #666; } .is-pc-device .pc_verify .modal-body div { padding: 10px; border: 1px solid #e5e5e5; } .is-pc-device .pc_verify .modal-body div > input { width: 140px; border: none; border-right: 1px solid #e5e5e5; } .is-pc-device .pc_verify .reget { font-size: 1.4rem; color: #666; margin-left: 15px; pointer-events: none; } .is-pc-device .pc_verify .light { color: var(--themcolor); cursor: pointer; pointer-events: auto; } .is-pc-device .pc_verify .cancel, .is-pc-device .pc_verify .ensure { font-size: 1.6rem; display: inline-block; margin-top: 15px; padding: 10px 45px !important; cursor: pointer; border-radius: 4px; } .is-pc-device .pc_verify .ensure { color: #fff; margin-left: 18px; background-color: var(--themcolor); } .is-pc-device .votedetail_head_item { background: #f4f4f4; } .is-pc-device .votedetail_head_item .votedetail_head_pc { width: 1200px; margin-top: 20px; padding: 20px 24px; border-radius: 8px; background: #fff; } .is-pc-device .votedetail_head_item .votedetail_head_pc > img { width: 250px; height: 125px; border-radius: 5px; } .is-pc-device .votedetail_head_item .votedetail_head_pc .votedetail_head_right { padding-left: 24px; font-size: 14px; } .is-pc-device .votedetail_head_item .votedetail_head_pc .votedetail_head_right .line_1, .is-pc-device .votedetail_head_item .votedetail_head_pc .votedetail_head_right .line_2, .is-pc-device .votedetail_head_item .votedetail_head_pc .votedetail_head_right .line_3 { font-size: 1.4rem; color: #666; } .is-pc-device .votedetail_head_item .votedetail_head_pc .votedetail_head_right .votedetail_head_right_name { margin: 0 0 16px 0; font-size: 2.4rem; font-weight: bold; color: #000; } .is-pc-device .votedetail_pc_content { position: relative; width: 1200px; } .is-pc-device .votedetail_pc_content .votedetail_content_title { font-size: 20px !important; font-weight: 700; color: #000; border-bottom: none; display: flex; align-items: center; } .is-pc-device .lecturermaterial .materialSearch { position: relative; z-index: 0; top: -5px; float: right; width: auto; background-color: transparent; } .is-pc-device .lecturermaterial .materialSearch > div { width: auto; margin-right: 5px; } .is-pc-device .lecturermaterial .materialSearch > div > input { padding: 3px 30px 3px 15px; background-color: white; } .is-pc-device .lecturermaterial .materialSearch > div .materialSearch_icon2 { top: 7px; } .is-pc-device .lecturermaterial .materialSearch > img { width: 22px; cursor: pointer; } .is-pc-device .specialtopic { padding-top: 72px; } .is-pc-device .specialtopic > div { width: 100%; height: 100%; min-height: calc(100vh - 72px); padding-top: 24px; background: url("./media/specialtopic_top_bg-IORIAA56.png") no-repeat center 0px/100% 240px; } .is-pc-device .specialtopic .specialtopic-title { font-size: 2rem; color: #000; padding-bottom: 24px; font-weight: bold; display: inline-block; margin-right: 20px; } .is-pc-device .specialtopic circle-progress { position: absolute; right: 16px; top: 13px; } .is-pc-device .specialtopic circle-progress svg { width: 50px; height: 50px; } .is-pc-device .specialtopic .pc-specialtopic-content .specialtopic-order { float: right; } .is-pc-device .specialtopic .pc-specialtopic-content .specialtopic-order > a { cursor: pointer; color: #000; font-size: 1.4rem; margin-right: 20px; } .is-pc-device .specialtopic .pc-specialtopic-content .specialtopic-order > div { cursor: pointer; color: #000; font-size: 1.4rem; padding-left: 20px; border-left: 1px solid rgba(0, 0, 0, 0.1); } .is-pc-device .specialtopic .pc-specialtopic-content .specialtopic-order .order_time img { width: 16px; margin-bottom: 2px; } .is-pc-device .specialtopic .pc-specialtopic-content .specialtopic-order .order_time .app-svg-themebox { width: 16px; height: 16px; margin-bottom: 2px; } .is-pc-device .specialtopic .filterCheck { display: inline-block; } .is-pc-device .specialtopic .filterCheck .dropdown-menu { position: absolute; width: 1200px; padding: 5px 24px 16px; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); border: none; border-radius: 8px; left: 0px !important; top: 40px !important; } .is-pc-device .specialtopic .project_period { bottom: 8px; width: auto; } .is-pc-device .specialtopic .project_day > div { display: inline-block; } .is-pc-device .specialtopic .filterCheck .dropdown-menu .specialtopic-filter-content > div { border-bottom: 1px solid #e5e5e5; font-size: 1.6rem; display: flex; align-items: flex-start; padding-top: 20px; padding-bottom: 20px; } .is-pc-device .specialtopic .filterCheck .dropdown-menu .specialtopic-filter-content > div > div:first-of-type { color: #999; margin-right: 34px; } .is-pc-device .specialtopic .filterCheck .dropdown-menu .specialtopic-filter-content > div > div:last-of-type { flex: 1; } .is-pc-device .specialtopic .filterCheck .dropdown-menu .specialtopic-filter-content > div > div:last-of-type > div { font-size: 1.4rem; vertical-align: middle; display: inline-block; margin-right: 20px; padding: 3px 12px; cursor: pointer; border-radius: 13px; background-color: transparent; color: #000; } .is-pc-device .specialtopic .filterCheck .dropdown-menu .specialtopic-filter-content > div > div:last-of-type div.active { color: white; background-color: var(--themcolor); } .is-pc-device .specialtopic .filterCheck .dropdown-menu .specialtopic-filter-content > div:last-of-type { border-bottom: 0px solid #e5e5e5; } .is-pc-device .specialtopic .filterCheck .dropdown-menu .specialtopic-filter-footer { text-align: right; margin-top: 10px; } .is-pc-device .specialtopic .filterCheck .dropdown-menu .specialtopic-filter-footer > div:first-of-type { display: inline-block; font-size: 1.4rem; padding: 6px 43px; border: 1px solid #e5e5e5; border-radius: 17px; background: white; } .is-pc-device .specialtopic .filterCheck .dropdown-menu .specialtopic-filter-footer > div:last-of-type { display: inline-block; color: white; margin-left: 24px; border: none; background-color: var(--themcolor); font-size: 1.4rem; padding: 6px 43px; border: 1px solid #e5e5e5; border-radius: 17px; } .is-pc-device .specialtopic .pc-specialtopic-content .specialtopic-order > a:hover { text-decoration: none; } .is-pc-device .specialtopic .pc-specialtopic-content .specialtopic-order img { vertical-align: middle; } .is-pc-device .specialtopic .pc-specialtopic-content .specialtopic-order .filter_tag > img { width: 16px; } .is-pc-device .specialtopic .pc-specialtopic-content .specialtopic-order .filter_tag > .app-svg-themebox { width: 16px; height: 16px; } .is-pc-device .specialtopic .pc-specialtopic-content .specialtopic-order .selected { color: var(--themcolor); cursor: pointer; } .is-pc-device .specialtopic .pc-specialtopic-content > div { width: 1200px; margin: auto; } .is-pc-device .specialtopic .pc-specialtopic-content .pc-specialtopic-content-left { font-size: 1.4rem; color: #000; position: relative; z-index: 1; width: 100%; } .is-pc-device .specialtopic .pc-specialtopic-content .pc-specialtopic-content-left .pc-specialtopic-content-left-categorytag { padding: 0 10px; border: 1px solid transparent; border-radius: 4px; background-color: white; } .is-pc-device .specialtopic .pc-specialtopic-content .pc-specialtopic-content-left .pc-specialtopic-content-left-categorytag > div { padding-bottom: 20px; } .is-pc-device .specialtopic .pc-specialtopic-content .pc-specialtopic-content-left .pc-specialtopic-content-left-categorytag > div:first-child { border-bottom: 1px dashed #e5e5e5; } .is-pc-device .specialtopic .pc-specialtopic-content .pc-specialtopic-content-left .pc-specialtopic-content-left-categorytag > div > div:nth-child(1) { font-size: 1.6rem; color: #999; padding: 20px 0 10px; } .is-pc-device .specialtopic .pc-specialtopic-content .pc-specialtopic-content-left .pc-specialtopic-content-left-categorytag > div > div:nth-child(2) { overflow: auto; max-height: calc((100vh - 440px) / 2); } .is-pc-device .specialtopic .pc-specialtopic-content .pc-specialtopic-content-left .pc-specialtopic-content-left-categorytag > div > div:nth-child(2) > div { display: inline-block; margin: 5px 4px 5px 0; padding: 2px 8px; border: 1px solid transparent; border-radius: 30px; } .is-pc-device .specialtopic .pc-specialtopic-content .pc-specialtopic-content-left .pc-specialtopic-content-left-categorytag > div > div:nth-child(2) > div:hover { color: white; cursor: pointer; background-color: var(--themcolor); } .is-pc-device .specialtopic .pc-specialtopic-content .pc-specialtopic-content-left .pc-specialtopic-content-left-categorytag > div > div:nth-child(2) > .active { color: white; background-color: var(--themcolor); } .is-pc-device .specialtopic .pc-specialtopic-content .pc-specialtopic-content-right { position: relative; width: 100%; min-height: 360px; margin-left: 0px; padding-top: 0px; } .is-pc-device .specialtopic .pc-specialtopic-content .pc-specialtopic-content-right .traincourse_list { width: calc((100% - 32px) / 3); margin: 0 16px 24px 0; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.05); border-radius: 8px; padding-bottom: 16px; } .is-pc-device .specialtopic .pc-specialtopic-content .pc-specialtopic-content-right .traincourse_list > img { max-height: 128px; min-height: 128px; } .is-pc-device .specialtopic .traincourse_list .project_title > h3 { font-size: 1.6rem; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .is-pc-device .specialtopic .traincourse_list .project_title .title_right { padding-right: 60px; } .is-pc-device .specialtopic .traincourse_list .project_title { padding: 16px; height: 70px; } .is-pc-device .specialtopic .project_title .project_period, .is-pc-device .study_project .project_period { font-size: 1.4rem; } .is-pc-device .specialtopic .project_title .project_day, .is-pc-device .study_project .project_title .project_day { font-size: 1.4rem; } .is-pc-device .specialtopic .pc-specialtopic-content .pc-specialtopic-content-right .traincourse_list:nth-child(3n) { margin-right: 0; } .is-pc-device .specialtopic .pc-specialtopic-content .pc-specialtopic-content-right .traincourse_list .project_title { background-color: white; } .is-pc-device .specialtopicdetail { position: relative; width: 100%; min-height: 100%; padding: 86px 0 40px; background: url("./media/specialtopic_top_bg-IORIAA56.png") no-repeat center 72px/100% 240px; } .is-pc-device .specialtopicdetail .pc-specialtopicdetailcontent { position: relative; } .is-pc-device .specialtopicdetail .pc-specialtopicdetail-detail { font-size: 1.4rem; color: #999; width: 1200px; min-height: 120px; margin: auto; padding: 24px; border: 1px solid transparent; border-radius: 8px; background-color: white; } .is-pc-device .specialtopicdetail .pc-specialtopicdetail-detail > img { width: 284px; margin-right: 24px; border-radius: 4px; } .is-pc-device .specialtopicdetail .pc-specialtopicdetail-detail > div { vertical-align: top; display: inline-block; width: calc(100% - 308px); } .is-pc-device .specialtopicdetail .pc-specialtopicdetail-detail > div > div { font-size: 2.4rem; color: #000; word-break: break-all; padding: 2px 0 10px; } .is-pc-device .specialtopicdetail .pc-specialtopicdetail-detail > div > span { font-size: 1.4rem; color: #999; word-break: break-all; } .is-pc-device .specialtopicdetail .pc-specialtopicdetail-content { width: 1200px; margin: auto; } .is-pc-device .specialtopicdetail .pc-specialtopicdetail-content > div { vertical-align: top; display: inline-block; } .is-pc-device .specialtopicdetail .pc-specialtopicdetail-content > div > div { margin-top: 24px; padding: 0 15px; border: 1px solid transparent; border-radius: 8px; background-color: white; } .is-pc-device .specialtopicdetail .pc-specialtopicdetail-content-title { font-size: 1.8rem; font-weight: 700; color: #000; padding: 20px 0 16px; border-bottom: 1px solid #e5e5e5; } .is-pc-device .specialtopicdetail .pc-specialtopicdetail-content-title > div { font-size: 1.4rem; color: #231815; float: right; font-weight: normal; cursor: pointer; } .is-pc-device .specialtopicdetail .pc-specialtopicdetail-content-title > p { display: inline-block; margin: 0; font-size: 1.4rem; font-weight: normal; color: #999; } .is-pc-device .specialtopicdetail .pc-specialtopicdetail-content-title > span { font-size: 1.2rem; font-weight: normal; color: #999; position: relative; top: 2px; float: right; } .is-pc-device .specialtopicdetail .pc-specialtopicdetail-content-title > span > span { font-size: 1.4rem; font-weight: 700; color: #000; margin-right: 2px; } .is-pc-device .specialtopicdetail .pc-specialtopicdetail-content-left-discuss .pc-specialtopicdetail-content-title { border: none; } .is-pc-device .specialtopicdetail .pc-specialtopicdetail-content .pc-specialtopicdetail-content-left { width: calc(100% - 308px); margin-right: 20px; } .is-pc-device .specialtopicdetail .pc-specialtopicdetail-content-left-contentlist > div:nth-child(2) { overflow: auto; max-height: 350px; } .is-pc-device .specialtopicdetail .pc-specialtopicdetail-content-left-contentlist .specialtopicdetail-content-list > div { padding: 0 0 8px; border: none; } .is-pc-device .specialtopicdetail .pc-specialtopicdetail-content-left-contentlist .specialtopicdetail-content-list .specialtopicdetail-content-list-chapter { font-weight: normal; padding: 5px 0; cursor: pointer; border-bottom: 1px dashed #e5e5e5 !important; } .is-pc-device .specialtopicdetail .pc-specialtopicdetail-content-left-contentlist .specialtopicdetail-content-list .specialtopicdetail-content-list-chapter > img { top: 7px; float: right; width: 10px; margin: 0; } .is-pc-device .specialtopicdetail .pc-specialtopicdetail-content-left-contentlist .specialtopicdetail-content-list .specialtopicdetail-content-list-item { font-size: 1.4rem; color: #000; cursor: pointer; } .is-pc-device .specialtopicdetail .pc-specialtopicdetail-content-left-contentlist .specialtopicdetail-content-list .specialtopicdetail-content-list-item-begining { color: var(--themcolor); padding: 12px 0 5px 12px; } .is-pc-device .specialtopicdetail .pc-specialtopicdetail-content-left-contentlist .specialtopicdetail-content-list .specialtopicdetail-content-list-item > span:nth-child(1) { font-size: 1rem; color: white; padding: 2.5px 4px 0px; border: 1px solid transparent; border-radius: 4px; background-color: #ccc; } .is-pc-device .specialtopicdetail .pc-specialtopicdetail-content-left-contentlist .specialtopicdetail-content-list .specialtopicdetail-content-list-item-begining > span:nth-child(1) { background-color: var(--themcolor); } .is-pc-device .specialtopicdetail .pc-specialtopicdetail-content-left-contentlist .specialtopicdetail-content-list .specialtopicdetail-content-list-item > span:nth-child(2) { margin-left: 7px; } .is-pc-device .specialtopicdetail .pc-specialtopicdetail-content-left-contentlist .specialtopicdetail-content-list .specialtopicdetail-content-list-item > div:nth-child(3) { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 520px; } .is-pc-device .specialtopicdetail .pc-specialtopicdetail-content-left-contentlist .specialtopicdetail-content-list .specialtopicdetail-content-list-item > span:nth-child(4) { float: right; } .is-pc-device .specialtopicdetail .pc-specialtopicdetail-content-left-contentlist .specialtopicdetail-content-list .specialtopicdetail-content-list-item > .specialtopicdetail-content-list-item4 > img { width: 18px; margin-right: 7px; } .is-pc-device .specialtopicdetail .pc-specialtopicdetail-content-left-contentlist .specialtopicdetail-content-list .specialtopicdetail-content-list-item > span:nth-child(4) > span { display: inline-block; vertical-align: middle; } .is-pc-device .specialtopicdetail .pc-specialtopicdetail-content-left-contentlist .specialtopicdetail-content-list .specialtopicdetail-content-list-item > .specialtopicdetail-content-list-item4 { color: #18c884; } .is-pc-device .specialtopicdetail .pc-specialtopicdetail-content-left-discuss .forumdetail_theme { padding: 0; border: none; background-color: transparent; } .is-pc-device .specialtopicdetail .pc-specialtopicdetail-content-left-discuss .forumdetail_theme .forumcard_footer { margin: 0; } .is-pc-device .specialtopicdetail .pc-specialtopicdetail-content-left-discuss .forumdetail_theme .forumcard_footer > div { padding: 14px 5px 1px; } .is-pc-device .specialtopicdetail .pc-specialtopicdetail-content-left-discuss .qa_list { padding: 10px 0; } .is-pc-device .specialtopicdetail .pc-specialtopicdetail-content-left-discuss .nomessage_defult { position: relative; margin: auto; margin-top: 0px !important; min-height: 220px; } .is-pc-device .specialtopicdetail .pc-specialtopicdetail-content-left-discuss .nomessage_defult > img { width: 110px; height: 110px; } .is-pc-device .specialtopicdetail .pc-specialtopicdetail-content .pc-specialtopicdetail-content-right { width: 288px; } .is-pc-device .specialtopicdetail .pc-specialtopicdetail-content .pc-specialtopicdetail-content-right-notices-content { font-size: 1.4rem; color: #000; word-break: break-all; padding: 20px 0; } .is-pc-device .specialtopicdetail .pc-specialtopicdetail-content .pc-specialtopicdetail-content-right-notices-content > div:nth-child(1) { min-height: 100px; max-height: 1920px; text-overflow: ellipsis; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 9; } .is-pc-device .specialtopicdetail .pc-specialtopicdetail-content .pc-specialtopicdetail-content-right-notices-content > div:nth-child(2) { text-align: right; margin-top: 20px; cursor: pointer; } .is-pc-device .specialtopicdetail .pc-specialtopicdetail-content .pc-specialtopicdetail-content-right-notices-none { font-size: 1.4rem; color: #666; text-align: center; min-height: 170px; padding: 60px 0; } .is-pc-device .specialtopicdetail .pc-specialtopicdetail-content .pc-specialtopicdetail-content-right .project_rankings { padding: 0; } .is-pc-device .specialtopicdetail .pc-specialtopicdetail-content .pc-specialtopicdetail-content-right .project_rankings .rankings { width: 100%; min-height: 300px; } .is-pc-device .specialtopicdetail .pc-specialtopicdetail-content .pc-specialtopicdetail-content-right .project_rankings .rankings .rankings_list { padding: 0; } .is-pc-device .specialtopicdetail .pc-specialtopicdetail-content .pc-specialtopicdetail-content-right .project_rankings .rankings > div > div > div:nth-child(3) { width: calc(100% - 140px); } .is-pc-device .specialtopicdetail .pc-specialtopicdetail-content .pc-specialtopicdetail-content-right .project_rankings .rankings > div > div > div:nth-child(4) { width: 54px; } .is-pc-device .specialtopicdetail .pc-specialtopicdetail-content .pc-specialtopicdetail-content-right .pc-specialtopicdetail-content-right-ranking-all { font-size: 1.4rem; color: #000; text-align: center; padding: 14px 0; cursor: pointer; border-top: 1px solid #e5e5e5; } .is-pc-device .coreading .coreading_activity:nth-child(3n) { margin-right: 0; } .is-pc-device .coreading .coreading_activity > img { width: 100%; max-height: 200px; margin-bottom: 10px; } .is-pc-device .coreading .coreading_activity .coreading_activity_title, .is-pc-device .coreading .coreading_activity .coreading_activity_time { padding: 4px 10px; } .is-pc-device .coreadetail .coreadetail_comment_item_content_pic { width: calc(16.6666666667% - 30px); height: auto; } .is-pc-device app-mycourselist .swiper-slide .courselist_item { width: calc((100% - 72px) / 4); margin-bottom: 24px; } .is-pc-device app-mycourselist .swiper-slide .courselist_item div:nth-child(2) { width: unset; padding: 16px 16px 10px 16px; } .is-pc-device app-mycourselist .swiper-slide .courselist_item .course_position_mask { display: none; width: calc(100% + 8px); } .is-pc-device app-mycourselist .swiper-slide .courselist_item:nth-child(1), .is-pc-device app-mycourselist .swiper-slide .courselist_item:nth-child(2), .is-pc-device app-mycourselist .swiper-slide .courselist_item:nth-child(3), .is-pc-device app-mycourselist .swiper-slide .courselist_item:nth-child(4) { margin-top: 8px; } .is-pc-device app-mycourselist .swiper-slide .courselist_item:hover .course_position_mask { display: block; } .is-pc-device app-mycourselist .swiper-slide .courselist_item:nth-child(4n) { margin-right: 0; } .is-pc-device .mycertificate { width: 1200px; min-height: calc(100vh - 180px); margin: 0 auto; padding-top: 72px; } .is-pc-device .course_position_mask { position: absolute; z-index: -1; top: -4px; bottom: 0; left: -4px; width: calc(100% + 8px); border-radius: 8px; background: white; } .is-pc-device .courselist_item { position: relative; display: inline-block; width: calc((100% - 72px) / 4); margin-right: 16px; padding: 0 0 16px; cursor: pointer; transition: all 0.2s ease-in-out; border-radius: 8px; background: white; } .is-pc-device .courselist_item .limitWidth { position: relative; border-radius: 8px 8px 0 0; } .is-pc-device .courselist_item .limitWidth > img { transition: all 0.2s ease-in-out; border-radius: 8px 8px 0 0; } .is-pc-device .courselist_item .limitWidth .credit_info { position: absolute; right: 10px; top: 10px; display: flex; align-items: center; background: rgba(0, 0, 0, 0.6); border-radius: 99px; padding: 0 8px; color: #fff; font-size: 1.3rem; margin: 0; height: 25px; line-height: 25px; } .is-pc-device .courselist_item .limitWidth .credit_info img { width: 16px; height: 16px; margin-right: 4px; vertical-align: text-bottom; } .is-pc-device .courselist_item .limitWidth .credit_info span { font-size: 1.4rem; padding-right: 2px; } .is-pc-device .courselist_item .limitWidth .member-icons { width: unset; display: flex; position: absolute; right: 0; bottom: 10px; padding: 2px 8px; background: rgba(0, 0, 0, 0.6); border-top-left-radius: 99px; border-bottom-left-radius: 99px; margin: 0; } .is-pc-device .courselist_item .limitWidth .member-icons .icon { width: 16px; height: 16px; } .is-pc-device .courselist_item .limitWidth .member-icons .icon:nth-of-type(n+2) { margin-left: 8px; } .is-pc-device .courselist_item div:nth-child(2) { font-size: 1.6rem; color: #000; white-space: nowrap; text-overflow: ellipsis; word-break: break-all; overflow: hidden; margin: 16px; } .is-pc-device .courselist_item .courselist_item_title { width: unset; padding: 0; } .is-pc-device .courselist_item div:nth-child(3) { font-size: 1.4rem; color: #999; width: 100%; padding: 0 16px; } .is-pc-device .courselist_item div:nth-child(3) > span { margin-right: 24px; } .is-pc-device .courselist_item div:nth-child(3) > span > img { width: 15px; margin-right: 8px; } .is-pc-device .courselist_item div:nth-child(3) > span > span { display: inline-block; vertical-align: middle; } .is-pc-device .courselist_item div:nth-child(3) > span:last-child { margin-right: 0; } .is-pc-device .courselist_item:hover { box-shadow: 0 0 11px rgba(0, 0, 0, 0.08); transition: all 0.2s ease-in-out; transform: translateY(-5px); } .is-pc-device .courselist_item:hover div:nth-child(1) { border-radius: 8px; } .is-pc-device .courselist_item:hover div:nth-child(1) > img { transform: scale(1.1); border-radius: 8px; } .is-pc-device .study_page_list .courselist_item { position: relative; } .is-pc-device .study_page_list .courselist_item .studyprogress { position: absolute; right: 0; color: #fff; width: 38px; text-align: center; font-size: 1.3rem; top: 0px; border-radius: 4px 4px 4px 4px; } .is-pc-device .study_page_list .courselist_item .color_green { background-color: #18c884; } .is-pc-device .study_page_list .courselist_item .color_orange { background-color: #ff8400; } .is-pc-device .project_progress_num_pc { right: -40px !important; bottom: -3px !important; } .is-pc-device learnrecord .pc_synthesis { padding-top: 156px; } .is-pc-device .pc_firstform_bg { width: 1200px; min-height: calc(100vh - 146px); margin: 0 auto; padding-bottom: 20px; background-color: #f8f8f8; } .is-pc-device .pc_firstform_bg_new { background-color: unset !important; } .is-pc-device .pc_firstform { margin-top: 146px; } .is-pc-device .pc_projecttutor_bg { width: 1200px; min-height: calc(100vh - 126px); margin: 0 auto; margin-top: 126px; padding-bottom: 20px; background-color: #f8f8f8; } .is-pc-device .formlist { width: 1200px; min-height: calc(100vh - 126px); margin: 0 auto; padding-bottom: 20px; background-color: #f8f8f8; } .is-pc-device .projecttutor_pc { width: 1200px; margin: 0 auto; } .is-pc-device .projecttutor_bg { background: none !important; } .is-pc-device .projecttutor_content { background: none !important; } .is-pc-device .pc_projecttutor_mustudent { font-size: 16px; color: #666; float: right; margin-top: 20px; cursor: pointer; } .is-pc-device .pc_student_record { width: 1200px; min-height: calc(100vh - 146px); margin: 0 auto; margin-top: 7px; padding-top: 0; padding-bottom: 20px; background-color: unset; } .is-pc-device .projecttutor_content_search { width: calc(100% - 20px) !important; height: 60px; margin: 20px 10px 0; } .is-pc-device .projecttutor_content_search .projecttutor_content_search_selsect { line-height: 40px; position: relative; display: inline-block; width: 30%; height: 40px; padding: 0 10px; border: none; background: #f3f3f3; } .is-pc-device .projecttutor_content_search .projecttutor_content_search_selsect > img { right: 10px; } .is-pc-device .projecttutor_content_search > input { display: inline-block; width: 30%; height: 40px; margin-left: 10px; padding: 0 10px; border: none; background: #f3f3f3; } .is-pc-device .projecttutor_content_search .projecttutor_content_searchbtn { font-size: 15px; color: var(--themcolor); position: unset; display: inline-block; width: 50px; height: unset; margin-left: 20px; cursor: pointer; background: unset; } .is-pc-device .projecttutor_item .projecttutor_item_form_person { float: left; width: calc(100% - 200px); } .is-pc-device .projecttutor_item .projecttutor_item_sure { font-size: 14px; color: #fff; text-align: center; position: absolute; top: 10px; right: 10px; display: inline-block; width: 45px; cursor: pointer; border-radius: 3px; background: var(--themcolor); } .is-pc-device .projecttutor_item .projecttutor_item_refuse { font-size: 11px; color: #999; text-align: end; display: inline-block; float: left; width: 200px; padding: 0 10px; } .is-pc-device .projecttutor_item_refuse > span { color: #000; margin-left: 10px; padding: 3px 10px; cursor: pointer; border-radius: 3px; background: #f4f4f4; } .is-pc-device .pc_addstudent_search { position: absolute; top: 6px; right: 0; display: inline-block; width: 300px; background: unset; } .is-pc-device .addstudent_pc { position: relative; width: 1200px; margin: 0 auto; padding-top: 126px; background-color: #f4f4f4; } .is-pc-device .pc_formlist { margin-top: 40px; } .is-pc-device .myintegral { background-color: unset; } .is-pc-device .myintegral .myintegral_content { width: 1200px; margin: auto; padding: 72px 0 20px; min-height: calc(100vh - 116px); } .is-pc-device .myintegral .myintegral_content .pc_myintegral_content_top > div { vertical-align: top; display: inline-block; } .is-pc-device .myintegral .myintegral_content .pc_myintegral_content_top .myintegral_content_integral { color: #000; text-align: left; width: calc((100% - 24px) * 0.6); padding: 19px 20px; background-color: white; border-radius: 8px; } .is-pc-device .myintegral .myintegral_content .pc_myintegral_content_top .myintegral_content_integral > p { color: #000; display: inline-block; margin: 5px 0 0; } .is-pc-device .myintegral .myintegral_content .pc_myintegral_content_top .myintegral_content_integral > p .exchangeable_value { display: block; font-size: 1.2rem; color: #999; font-weight: 400; text-align: left; } .is-pc-device .myintegral .myintegral_content .pc_myintegral_content_top .myintegral_content_integral > span { font-size: 1.2rem; color: #999; position: relative; top: 35px; float: right; cursor: pointer; } .is-pc-device .myintegral .myintegral_content .pc_myintegral_content_top .myintegral_content_integral > span > img { position: relative; top: -1px; width: 5px; margin-left: 8px; } .is-pc-device .myintegral .myintegral_content .pc_myintegral_content_top .myintegral_content_game { width: calc((100% - 24px) * 0.4); margin: 0 0 0 24px; padding: 39px 30px; border-radius: 8px; } .is-pc-device .myintegral .myintegral_content .pc_myintegral_content_top .myintegral_content_game > div { cursor: pointer; } .is-pc-device .myintegral .myintegral_content .myintegral_content_list { margin-top: 24px; padding: 5px 20px; border-radius: 8px; } .is-pc-device .myintegral .myintegral_content .myintegral_content_list .is_exchange_tag > span { font-size: 1.4rem; color: #999; } .is-pc-device .integral-rule { width: 1200px; margin: auto; padding: 86px 0 20px; } .is-pc-device .integral-rule .integral-rule-tips { padding: 0 0 10px; } .is-pc-device .integral-rule > div > div { padding: 10px 20px; background-color: white; } .is-pc-device .integral-rule > div > div .integral-rule-list > div { width: 8%; } .is-pc-device .integral-rule > div > div .integral-rule-list > div:nth-child(2) { width: 84%; } .is-pc-device .integral-rule > div > div .integral-rule-list > div:nth-child(3) { width: 8%; } .is-pc-device app-trainingrank .integral-rank-content-top-forward > div > div:nth-child(1) { border-radius: 4px 0 0 4px !important; } .is-pc-device app-trainingrank .integral-rank-content-top-forward > div > div:nth-child(2) { border-radius: 4px 4px 0 0 !important; } .is-pc-device app-trainingrank .integral-rank-content-top-forward > div > div:nth-child(3) { border-radius: 0 4px 4px 0 !important; } .is-pc-device .integral-rank .myslides { width: 1200px; margin: auto; padding: 130px 0 20px; } .is-pc-device .integral-rank .myslides .integral-rank-content .integral-rank-content-top { top: 0; width: 100%; padding: 0; border: none; border-radius: 0; background-color: transparent; } .is-pc-device .integral-rank .myslides .integral-rank-content .integral-rank-content-top > div { padding: 10px 20px; border: 1px solid transparent; border-radius: 4px; background-color: white; } .is-pc-device .integral-rank .myslides .integral-rank-content .integral-rank-content-top .integral-rank-content-top-forward { margin-bottom: 24px; padding: 10px 0 0; background-color: transparent; } .is-pc-device .integral-rank .myslides .integral-rank-content .integral-rank-content-top .integral-rank-content-top-forward > div { vertical-align: bottom; display: inline-block; } .is-pc-device .integral-rank .myslides .integral-rank-content .integral-rank-content-top .integral-rank-content-top-forward > div > div { text-align: left; min-height: 113px; padding: 20px 30px 30px; border: 1px solid transparent; border-radius: 4px; background-color: white; } .is-pc-device .integral-rank .myslides .integral-rank-content .integral-rank-content-top .integral-rank-content-top-forward > div > div > div { min-height: 60px; } .is-pc-device .integral-rank .myslides .integral-rank-content .integral-rank-content-top .integral-rank-content-top-forward > div > div > div > div { vertical-align: middle; position: relative; display: inline-block; } .is-pc-device .integral-rank .myslides .integral-rank-content .integral-rank-content-top .integral-rank-content-top-forward > div > div > div > div:nth-child(1) { width: 60px; min-height: 60px; } .is-pc-device .integral-rank .myslides .integral-rank-content .integral-rank-content-top .integral-rank-content-top-forward > div > div > div > div:nth-child(1) > img:nth-child(1) { width: 60px; height: 60px; } .is-pc-device .integral-rank .myslides .integral-rank-content .integral-rank-content-top .integral-rank-content-top-forward > div > div > div > div:nth-child(1) > img:nth-child(2) { top: auto; bottom: -12px; width: 26px; } .is-pc-device .integral-rank .myslides .integral-rank-content .integral-rank-content-top .integral-rank-content-top-forward > div > div > div > div:nth-child(1) > .mechanism { position: absolute; bottom: 17px; width: 26px !important; height: auto !important; } .is-pc-device .integral-rank .myslides .integral-rank-content .integral-rank-content-top .integral-rank-content-top-forward > div > div > div > div:nth-child(2) { width: calc(100% - 70px); margin-left: 10px; } .is-pc-device .integral-rank .myslides .integral-rank-content .integral-rank-content-top .integral-rank-content-top-forward > div > div > div > div:nth-child(2) > p { margin: 0 0 2px; } .is-pc-device .integral-rank .myslides .integral-rank-content .integral-rank-content-top .integral-rank-content-top-forward > div > div > div > div:nth-child(2) > span { color: #000; } .is-pc-device .integral-rank .myslides .integral-rank-content .integral-rank-content-top .integral-rank-content-top-forward > div > div > div > div:nth-child(2) > span > span { color: #999; } .is-pc-device .integral-rank .myslides .integral-rank-content .integral-rank-content-top .integral-rank-content-top-forward > div > div:nth-child(2) { z-index: 1; padding: 30px; box-shadow: 0 -1px 4px rgba(0, 0, 0, 0.1); } .is-pc-device .integral-rank .myslides .integral-rank-content .integral-rank-content-top .integral-rank-content-top-forward > div:nth-child(1) { width: calc((100% - 24px) * 0.7); } .is-pc-device .integral-rank .myslides .integral-rank-content .integral-rank-content-top .integral-rank-content-top-forward > .pc-integral-rank-mine { width: calc((100% - 24px) * 0.3); margin-left: 24px; padding: 31px 0; border: 1px solid transparent; border-radius: 4px; background-color: white; } .is-pc-device .integral-rank .myslides .integral-rank-content .integral-rank-content-top .integral-rank-content-top-forward > .pc-integral-rank-mine > div { font-size: 1.4rem; text-align: center; vertical-align: middle; display: inline-block; width: 50%; min-height: auto; padding: 0; } .is-pc-device .integral-rank .myslides .integral-rank-content .integral-rank-content-top .integral-rank-content-top-forward > .pc-integral-rank-mine > div > p { font-size: 2.4rem; margin: 0 0 3px; } .is-pc-device .integral-rank .myslides .integral-rank-content .integral-rank-content-top .integral-rank-content-top-forward > .pc-integral-rank-mine > div:nth-child(2) { z-index: 0; padding: 0; box-shadow: none; border-left: 1px solid #e5e5e5; } .is-pc-device .integral-rank .myslides .integral-rank-content .integral-rank-content-top .integral-rank-content-top-afterwards > div > div { width: 50px; } .is-pc-device .integral-rank .myslides .integral-rank-content .integral-rank-content-top .integral-rank-content-top-afterwards > div > div > img { width: 40px; height: 40px; } .is-pc-device .integral-rank .myslides .integral-rank-content .integral-rank-content-top .integral-rank-content-top-afterwards > div > div:nth-child(2) { width: calc((100% - 52px) * 0.2); } .is-pc-device .integral-rank .myslides .integral-rank-content .integral-rank-content-top .integral-rank-content-top-afterwards > div > div:nth-child(3) { width: calc((100% - 52px) * 0.5); text-align: center; } .is-pc-device .integral-rank .myslides .integral-rank-content .integral-rank-content-top .integral-rank-content-top-afterwards > div > div:nth-child(4) { width: calc((100% - 52px) * 0.3); text-align: right; } .is-pc-device .integral-rank .myslides .integral-rank-content .integral-rank-content-top .integral-rank-content-top-afterwards .integral-rank-content-top-afterwards-ellipsis { width: calc(100% - 52px); } .is-pc-device .integral-rank .myslides .integral-rank-content .integral-rank-content-top .integral-rank-content-top-null { height: 100%; margin: 0; padding: 0; border: 0; } .is-pc-device .creditstore { width: 1200px; margin: 0 auto; padding-top: 90px; } .is-pc-device .creditstore .creditstore_head_pc { width: 100%; } .is-pc-device .creditstore .creditstore_head_pc > div { vertical-align: bottom; } .is-pc-device .creditstore .creditstore_head_pc .creditstore_recom_pc { display: inline-block; width: 710px; padding: 0; } .is-pc-device .creditstore .creditstore_head_pc .creditstore_recom_pc .swiper-container .swiper-pagination { bottom: 10px !important; width: auto; } .is-pc-device .creditstore .creditstore_head_pc .creditstore_recom_pc .swiper-container .swiper-wrapper .swiper-slide { cursor: pointer; } .is-pc-device .creditstore .creditstore_head_pc .creditstore_recom_pc .swiper-container .swiper-wrapper .swiper-slide img { width: 100%; } .is-pc-device .creditstore .creditstore_head_pc .creditstore_recom_pc .swiper-container .swiper-wrapper .swiper-slide .creditstore_recom_title { position: absolute; bottom: 0; } .is-pc-device .creditstore .creditstore_head_pc .creditstore_recom_pc .swiper-container .swiper-wrapper .swiper-slide .creditstore_recom_title p { color: white; vertical-align: bottom; display: inline-block; padding: 0 0 0 24px; } .is-pc-device .creditstore .creditstore_head_pc .creditstore_recom_pc .swiper-container .swiper-wrapper .swiper-slide .creditstore_recom_title p:nth-child(1) { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 60%; } .is-pc-device .creditstore .creditstore_head_pc .creditstore_recom_user { display: inline-block; width: calc(100% - 710px); padding: 24px; background: white; } .is-pc-device .creditstore .creditstore_head_pc .creditstore_recom_user > div:nth-child(1) { padding: 32px 0 25px 27px; border-radius: 4px; background: url("./media/mygold_bg-NRKOFOI2.png"); background-size: cover; } .is-pc-device .creditstore .creditstore_head_pc .creditstore_recom_user > div:nth-child(1) > div:nth-child(1) { padding-bottom: 36px; border-bottom: 1px solid #e5e5e5; } .is-pc-device .creditstore .creditstore_head_pc .creditstore_recom_user > div:nth-child(1) > div:nth-child(1) img { width: 40px; margin-right: 16px; border-radius: 50%; } .is-pc-device .creditstore .creditstore_head_pc .creditstore_recom_user > div:nth-child(1) > div:nth-child(1) > div { font-size: 1.8rem; font-weight: 700; color: #fff; text-align: left; display: inline-block; } .is-pc-device .creditstore .creditstore_head_pc .creditstore_recom_user > div:nth-child(1) > div:nth-child(2) { color: white; margin-top: 27px; cursor: pointer; } .is-pc-device .creditstore .creditstore_head_pc .creditstore_recom_user > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) { margin-bottom: 9px; } .is-pc-device .creditstore .creditstore_head_pc .creditstore_recom_user > div:nth-child(1) > div:nth-child(2) > div:nth-child(2) div { vertical-align: top; display: inline-block; } .is-pc-device .creditstore .creditstore_head_pc .creditstore_recom_user > div:nth-child(1) > div:nth-child(2) > div:nth-child(2) > div:nth-child(1) { font-size: 3.6rem; font-weight: 700; text-align: left; width: 90%; } .is-pc-device .creditstore .creditstore_head_pc .creditstore_recom_user > div:nth-child(1) > div:nth-child(2) > div:nth-child(2) > div:nth-child(2) { transform: scale3d(1, 1.5, 1); } .is-pc-device .creditstore .creditstore_head_pc .creditstore_recom_user > div:nth-child(2) { color: #000; margin-top: 24px; padding: 20px 24px 20px 13px; cursor: pointer; background: #f4f4f4; } .is-pc-device .creditstore .creditstore_head_pc .creditstore_recom_user > div:nth-child(2) > img { width: 46px; margin-right: 13px; } .is-pc-device .creditstore .creditstore_head_pc .creditstore_recom_user > div:nth-child(2) div { display: inline-block; } .is-pc-device .creditstore .creditstore_head_pc .creditstore_recom_user > div:nth-child(2) > div:nth-child(2) { width: calc(100% - 79px); } .is-pc-device .creditstore .creditstore_head_pc .creditstore_recom_user > div:nth-child(2) > div:nth-child(3) { transform: scale3d(1, 1.5, 1); } .is-pc-device .creditstore .creditstore_head_pc .head_shop_list { display: inline-block; width: 710px; } .is-pc-device .creditstore .creditstore_head_pc .head_shop_list .creditstore_shoplist_item { display: inline-block; width: calc((100% - 72px) / 3); margin-left: 24px; border-radius: 4px; background: white; } .is-pc-device .creditstore .creditstore_head_pc .head_shop_list .creditstore_shoplist_item > div:nth-child(1) { width: 100%; padding: 7px; } .is-pc-device .creditstore .creditstore_head_pc .head_shop_list .creditstore_shoplist_item > div:nth-child(1) img { width: 100%; } .is-pc-device .creditstore .creditstore_head_pc .head_shop_list .creditstore_shoplist_item > div:nth-child(2) { padding: 8px; } .is-pc-device .creditstore .creditstore_head_pc .head_shop_list .creditstore_shoplist_item > div:nth-child(2) > div:nth-child(1) { text-overflow: ellipsis; display: -webkit-box; overflow: hidden; height: 40px; height: 40px; margin-bottom: 4px; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .is-pc-device .creditstore .creditstore_head_pc .head_shop_list .creditstore_shoplist_item > div:nth-child(2) > div:nth-child(2) { display: flex; justify-content: space-between; align-items: center; } .is-pc-device .creditstore .creditstore_head_pc .head_shop_list .creditstore_shoplist_item > div:nth-child(2) > div:nth-child(2) > div { font-size: 1rem; } .is-pc-device .creditstore .creditstore_head_pc .head_shop_list .creditstore_shoplist_item > div:nth-child(2) > div:nth-child(2) > div:nth-child(1) { font-weight: 500; color: #f7931e; padding-left: 20px; background-image: url("./media/gold-FZNZAULN.png"); background-repeat: no-repeat; background-position: left; background-size: 14px; } .is-pc-device .creditstore .creditstore_head_pc .head_shop_list .creditstore_shoplist_item > div:nth-child(2) > div:nth-child(2) .redeem_now { color: white; padding: 3px 8px; cursor: pointer; border-radius: 4px; background: linear-gradient( 270deg, #ff9000, #fdb111 3%); } .is-pc-device .creditstore .creditstore_head_pc .head_shop_list .creditstore_shoplist_item > div:nth-child(2) > div:nth-child(2) .cashed_out { color: #999; padding: 3px 14px; cursor: pointer; border-radius: 4px; background: #f4f4f4; } .is-pc-device .creditstore .creditstore_content { min-height: unset; padding: 0; background: #f4f4f4; } .is-pc-device .creditstore .creditstore_content .creditstore_shoplist { margin-top: 24px; } .is-pc-device .creditstore .creditstore_content .creditstore_shoplist .creditstore_shoplist_item { width: calc((100% - 96px) / 5); margin-right: 24px; margin-bottom: 24px; } .is-pc-device .creditstore .creditstore_content .creditstore_shoplist .creditstore_shoplist_item .redeem_now { cursor: pointer; } .is-pc-device .creditstore .creditstore_content .creditstore_shoplist .creditstore_shoplist_item:nth-child(even) { margin-right: 24px; } .is-pc-device .creditstore .creditstore_content .creditstore_shoplist .creditstore_shoplist_item:nth-child(5n) { margin-right: 0; } .is-pc-device .my_gold { width: 1200px; min-height: calc(100vh - 114px); margin: 0 auto; padding: 72px 0 32px; background: unset; } .is-pc-device .my_gold .my_gold_content { border-radius: 8px; margin-top: 24px; } .is-pc-device .my_gold .my_gold_content > .exchange_btn { cursor: pointer; } .is-pc-device .my_gold .my_gold_detail_content { padding: 16px; } .is-pc-device .my_gold .my_gold_null { min-height: 300px; position: relative; } .is-pc-device .exchangegold_classify .modal-dialog { top: 50%; left: 50%; width: 400px; transform: translate(-50%, -50%) !important; } .is-pc-device .exchangegold_classify .modal-dialog .modal-content .modal-body .check_gold_mode > div { margin-bottom: 8px; padding: 14px; border: 1px solid #e5e5e5; border-radius: 4px; } .is-pc-device .exchangegold_classify .modal-dialog .modal-content .modal-body .check_gold_mode > div:last-child { margin-bottom: 0; border: 1px solid #e5e5e5; } .is-pc-device .exchangegold_classify .modal-dialog .modal-content .modal-body .check_gold_mode .no_gold_action { pointer-events: none; background: #f4f4f4; } .is-pc-device .exchangegold_classify .modal-dialog .modal-content .modal-body .check_gold_mode .yes_gold_action { cursor: pointer; } .is-pc-device .exchangegold_classify .modal-dialog .modal-content .modal-body .check_gold_mode .yes_gold_action:hover { color: white; background: var(--themcolor); } .is-pc-device .exchangegold_classify .modal-dialog .modal-content .modal-body .check_gold_mode .yes_gold_action:hover > div { color: white; } .is-pc-device .myrecord { width: 1200px; height: unset; min-height: calc(100vh - 114px); margin: 0 auto; padding: 90px 0 24px; } .is-pc-device .myrecord .myrecord_title { font-size: 1.6rem; font-weight: 700; margin-bottom: 16px; } .is-pc-device .myrecord .myrecord_content { padding: 21px 24px; border-radius: 4px; background: white; } .is-pc-device .myrecord .myrecord_content .myrecord_list .myrecord_list_item { padding-left: 124px; cursor: pointer; } .is-pc-device .myrecord .myrecord_content .myrecord_list .myrecord_list_item .myrecord_list_item_left img { width: 80px; } .is-pc-device .myrecord .myrecord_content .myrecord_list .myrecord_list_item .myrecord_list_item_right { padding-top: 12px; padding-bottom: 32px; } .is-pc-device .pc_myrecord { width: 1200px; min-height: calc(100vh - 114px); margin: 0 auto; padding: 90px 0 24px; } .is-pc-device .pc_myrecord .pc_myrecord_top { padding: 24px; background: white; border-radius: 4px; } .is-pc-device .pc_myrecord .pc_myrecord_top > div { vertical-align: top; display: inline-block; } .is-pc-device .pc_myrecord .pc_myrecord_top .pc_myrecord_top_img { width: 320px; } .is-pc-device .pc_myrecord .pc_myrecord_top .pc_myrecord_top_img img { width: 100%; border-radius: 4px; } .is-pc-device .pc_myrecord .pc_myrecord_top .pc_myrecord_top_price { font-size: 1.8rem; width: calc(100% - 344px); padding-top: 6px; padding-left: 24px; } .is-pc-device .pc_myrecord .pc_myrecord_top .pc_myrecord_top_price > div:nth-child(1) { font-weight: 700; text-overflow: ellipsis; display: -webkit-box; overflow: hidden; margin-bottom: 24px; -webkit-box-orient: vertical; -webkit-line-clamp: 2; white-space: normal; word-break: break-all; } .is-pc-device .pc_myrecord .pc_myrecord_top .pc_myrecord_top_price > div:nth-child(2) { font-weight: 500; color: #f7931e; padding-left: 22px; background-image: url("./media/gold-FZNZAULN.png"); background-repeat: no-repeat; background-position: left center; background-size: 14px; } .is-pc-device .pc_myrecord .pc_myrecord_detail { margin-top: 20px; padding: 24px; background: white; border-radius: 4px; } .is-pc-device .pc_myrecord .pc_myrecord_detail .pc_myrecord_detail_list { font-size: 1.6rem; font-weight: 400; } .is-pc-device .pc_myrecord .pc_myrecord_detail .pc_myrecord_detail_list > div { margin-bottom: 16px; } .is-pc-device .pc_myrecord .pc_myrecord_detail .pc_myrecord_detail_list > div span:nth-child(1) { display: inline-block; width: 110px; } .is-pc-device .pc_myrecord .pc_myrecord_detail .pc_myrecord_detail_btn { margin-top: 20px; padding-left: 110px; } .is-pc-device .pc_myrecord .pc_myrecord_detail .pc_myrecord_detail_btn button { font-size: 1.6rem; margin-right: 16px; padding: 9px 29px; border-radius: 4px; } .is-pc-device .pc_myrecord .pc_myrecord_detail .pc_myrecord_detail_btn .pc_myrecord_detail_btn_confirm { color: white; border: 1px solid var(--themcolor); background: var(--themcolor); } .is-pc-device .pc_myrecord .pc_myrecord_detail .pc_myrecord_detail_btn .pc_myrecord_detail_btn_back { border: 1px solid #e5e5e5; background: white; } .is-pc-device .pc_shop_detail { display: flex; flex-direction: column; width: 1200px; min-height: calc(100vh - 114px); margin: 0 auto; padding: 90px 0 24px; } .is-pc-device .pc_shop_detail > div { border-radius: 4px; } .is-pc-device .pc_shop_detail .pc_shop_detail_top { position: relative; margin-bottom: 20px; padding: 24px; background: white; } .is-pc-device .pc_shop_detail .pc_shop_detail_top > div { vertical-align: top; display: inline-block; } .is-pc-device .pc_shop_detail .pc_shop_detail_top .pc_shop_detail_top_img { width: 320px; margin-right: 24px; } .is-pc-device .pc_shop_detail .pc_shop_detail_top .pc_shop_detail_top_img img { width: 100%; border-radius: 4px; } .is-pc-device .pc_shop_detail .pc_shop_detail_top .pc_shop_detail_title { font-size: 1.8rem; width: calc(100% - 344px); padding-top: 6px; padding-left: 24px; } .is-pc-device .pc_shop_detail .pc_shop_detail_top .pc_shop_detail_title > div:nth-child(1) { font-weight: 700; text-overflow: ellipsis; display: -webkit-box; overflow: hidden; margin-bottom: 24px; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .is-pc-device .pc_shop_detail .pc_shop_detail_top .pc_shop_detail_title > div:nth-child(2) { font-weight: 500; color: #f7931e; padding-left: 22px; background-image: url("./media/gold-FZNZAULN.png"); background-repeat: no-repeat; background-position: left center; background-size: 14px; } .is-pc-device .pc_shop_detail .pc_shop_detail_top .pc_shop_detail_title > div:nth-child(3) { position: absolute; right: 24px; bottom: 24px; } .is-pc-device .pc_shop_detail .pc_shop_detail_top .pc_shop_detail_title > div:nth-child(3) > div { font-size: 1.6rem; padding: 9px 18px; border-radius: 20px; } .is-pc-device .pc_shop_detail .pc_shop_detail_top .pc_shop_detail_title > div:nth-child(3) .redeem_now { color: white; cursor: pointer; background: #ff8400; } .is-pc-device .pc_shop_detail .pc_shop_detail_top .pc_shop_detail_title > div:nth-child(3) .cashed_out { color: #999; background: #f4f4f4; } .is-pc-device .pc_shop_detail .pc_shop_detail_desc { flex: 1; padding: 24px; background: white; } .is-pc-device .pc_shop_detail .pc_shop_detail_desc > iframe { display: block; width: 100%; height: calc(100vh - 530px); } .is-pc-device .cashedsite { display: flex; flex-direction: column; width: 1200px; height: unset; min-height: calc(100vh - 114px); margin: 0 auto; padding: 90px 0 24px; background: transparent; } .is-pc-device .cashedsite .cashedsite_shopnews { margin-bottom: 20px; padding: 24px; } .is-pc-device .cashedsite .cashedsite_shopnews img { width: 320px; } .is-pc-device .cashedsite .cashedsite_shopnews > div { width: calc(100% - 320px); padding-top: 6px; padding-left: 24px; } .is-pc-device .cashedsite .cashedsite_content { flex: 1; padding: 24px; } .is-pc-device .cashedsite .cashedsite_content .cashedsite_list .cashedsite_list_item { justify-content: left; align-items: center; border: none; } .is-pc-device .cashedsite .cashedsite_content .cashedsite_list .cashedsite_list_item .title { width: 100px; } .is-pc-device .cashedsite .cashedsite_content .cashedsite_list .cashedsite_list_item .content.contact { width: 300px; height: 40px; border: 1px solid #e5e5e5; border-radius: 4px; overflow: hidden; box-sizing: border-box; } .is-pc-device .cashedsite .cashedsite_content .cashedsite_list .cashedsite_list_item .content.contact .word-limit-input { flex: 1; min-width: 0; overflow: hidden; } .is-pc-device .cashedsite .cashedsite_content .cashedsite_list .cashedsite_list_item .content.contact .word-limit { flex-shrink: 0; font-size: 1.2rem; color: #646566; padding-right: 8px; white-space: nowrap; } .is-pc-device .cashedsite .cashedsite_content .cashedsite_list .cashedsite_list_item .content.contact input { text-align: left; width: 100%; height: 100%; padding: 10px 16px; border: none; } .is-pc-device .cashedsite .cashedsite_content .cashedsite_list .cashedsite_list_item.column { flex-direction: row; flex-wrap: wrap; } .is-pc-device .cashedsite .cashedsite_content .cashedsite_list .cashedsite_list_item.column .cashedsite_list_item_address.address_pc { width: 100%; } .is-pc-device .cashedsite .cashedsite_content .cashedsite_list .cashedsite_list_item.column .cashedsite_list_item_address.address_pc .title { width: 100px; flex-shrink: 0; margin-top: 8px; } .is-pc-device .cashedsite .cashedsite_content .cashedsite_list .cashedsite_list_item.column .cashedsite_list_item_address.address_pc .address_pc_right { width: 60%; } .is-pc-device .cashedsite .cashedsite_content .cashedsite_list .cashedsite_list_item.column .cashedsite_list_item_address.address_pc .address_pc_right .address_cascader_pc { display: flex; flex-direction: row; align-items: center; gap: 8px; width: 100%; } .is-pc-device .cashedsite .cashedsite_content .cashedsite_list .cashedsite_list_item.column .cashedsite_list_item_address.address_pc .address_pc_right .content.address { width: 100%; margin-top: 8px; box-sizing: border-box; } .is-pc-device .cashedsite .cashedsite_content .cashedsite_list .cashedsite_list_item.column .cashedsite_list_item_address.address_pc .address_pc_right .content.address.detail-address-wrapper { border: 1px solid #e5e5e5; border-radius: 4px; overflow: hidden; } .is-pc-device .cashedsite .cashedsite_content .cashedsite_list .cashedsite_list_item.column .cashedsite_list_item_address.address_pc .address_pc_right .content.address.detail-address-wrapper textarea { width: 100%; padding: 10px 16px; resize: none; border: none; border-radius: 0; } .is-pc-device .cashedsite .cashedsite_content .cashedsite_list .cashedsite_list_item.column .cashedsite_list_item_address.address_pc .address_pc_right .content.address.detail-address-wrapper .word-limit { padding: 0 8px 8px; text-align: right; font-size: 1.2rem; color: #646566; } .is-pc-device .cashedsite .cashedsite_content .cashedsite_list .cashedsite_list_item.column .cashedsite_list_item_address.address_pc .address_pc_right .cashedsite_agree { width: 100%; margin-top: 8px; box-sizing: border-box; } .is-pc-device .cashedsite .cashedsite_content .cashedsite_submit_new { padding-left: 100px; } .is-pc-device .cashedsite .cashedsite_content .cashedsite_submit_new button { color: white; padding: 9px 39px; border: none; border-radius: 4px; background: var(--themcolor); } .is-pc-device .cashedsite_tipclassify .modal-dialog { top: 50%; right: 0; bottom: 0; left: 50%; width: 600px; transform: translate(-50%, -50%) !important; } .is-pc-device .cashedsite_tipclassify .modal-dialog .modal-content { height: unset; padding-bottom: 41px; border: none; border-radius: 4px; } .is-pc-device .cashedsite_tipclassify .modal-dialog .modal-content .modal-body { padding: 0; } .is-pc-device .cashedsite_tipclassify .modal-dialog .modal-content .modal-body .exchangeresult_btn { padding: 0 120px; } .is-pc-device .cashedsite_tipclassify .modal-dialog .modal-content .modal-body .exchangeresult_info { padding: 0 120px; } .is-pc-device .pc_mytitle { width: 1200px; min-height: calc(100vh - 114px); margin: 0 auto; padding: 90px 0 24px; background: unset; } .is-pc-device .pc_mytitle .pc_mytitle_info { position: relative; display: flex; width: 100%; height: 100px; margin-top: 16px; margin-bottom: 24px; padding-top: 22px; padding-bottom: 25px; background: #fff; border-radius: 8px; } .is-pc-device .pc_mytitle .pc_mytitle_info .pc_mytitle_info_item { display: flex; flex: 1; flex-direction: column; justify-content: center; align-items: center; border-right: 1px solid #e5e5e5; } .is-pc-device .pc_mytitle .pc_mytitle_info .pc_mytitle_info_item:nth-child(3) { border: none; } .is-pc-device .pc_mytitle .pc_mytitle_info .pc_mytitle_info_item .line_1 { font-size: 1.8rem; font-weight: 700; color: #666; margin-bottom: 9px; } .is-pc-device .pc_mytitle .pc_mytitle_info .pc_mytitle_info_item .line_2 { margin-bottom: 0; } .is-pc-device .pc_mytitle .pc_mytitle_info .pc_mytitle_info_help { position: absolute; top: 16px; right: 24px; cursor: pointer; } .is-pc-device .pc_mytitle .pc_mytitle_info .pc_mytitle_info_help img { width: 16px; } .is-pc-device .pc_mytitle .pc_mytitle_content { width: 100%; padding: 24px; background: #fff; border-radius: 8px; } .is-pc-device .pc_mytitle .pc_mytitle_content .pc_mytitle_content_caption { display: flex; align-items: center; height: 41px; background: #f4f4f4; } .is-pc-device .pc_mytitle .pc_mytitle_content .pc_mytitle_content_caption .caption_item { font-size: 1.4rem; color: #999; } .is-pc-device .pc_mytitle .pc_mytitle_content .pc_mytitle_content_caption .caption_item:nth-child(1) { padding: 0 21px; } .is-pc-device .pc_mytitle .pc_mytitle_content .pc_mytitle_content_caption .caption_item:nth-child(2) { flex: 0 0 512px; width: 512px; padding: 0 20px; } .is-pc-device .pc_mytitle .pc_mytitle_content .pc_mytitle_content_caption .caption_item:nth-child(3) { text-align: left; flex: 1; } .is-pc-device .pc_mytitle .pc_mytitle_content .pc_mytitle_content_caption .caption_item:nth-child(4) { text-align: right; flex: 1; margin-right: 60px; } .is-pc-device .pc_mytitle .pc_mytitle_content .rankings_list { padding: 18px 0; } .is-pc-device .pc_mytitle .pc_mytitle_content .rankings_list .rankings_list_item { font-size: 1.6rem; color: #000; display: flex; align-items: center; margin-bottom: 24px; } .is-pc-device .pc_mytitle .pc_mytitle_content .rankings_list .rankings_list_item .rankings_list_place { color: #9e9e9f; text-align: center; padding: 0 23px; } .is-pc-device .pc_mytitle .pc_mytitle_content .rankings_list .rankings_list_item .rankings_list_place img { width: 31px; } .is-pc-device .pc_mytitle .pc_mytitle_content .rankings_list .rankings_list_item .rankings_list_place span { font-size: 1.5rem; text-align: center; display: inline-block; min-width: 31px; } .is-pc-device .pc_mytitle .pc_mytitle_content .rankings_list .rankings_list_item .rankings_list_name { display: flex; flex: 0 0 477px; align-items: center; width: 477px; padding: 0 10px; } .is-pc-device .pc_mytitle .pc_mytitle_content .rankings_list .rankings_list_item .rankings_list_name img { width: 50px; margin-right: 16px; border-radius: 50%; } .is-pc-device .pc_mytitle .pc_mytitle_content .rankings_list .rankings_list_item .rankings_list_name .word { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .is-pc-device .pc_mytitle .pc_mytitle_content .rankings_list .rankings_list_item .rankings_list_name .word .line_1 { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-bottom: 4px; } .is-pc-device .pc_mytitle .pc_mytitle_content .rankings_list .rankings_list_item .rankings_list_name .word .line_2 { font-size: 1.4rem; color: #999; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-bottom: 0; } .is-pc-device .pc_mytitle .pc_mytitle_content .rankings_list .rankings_list_item .rankings_list_value { text-align: left; flex: 1; } .is-pc-device .pc_mytitle .pc_mytitle_content .rankings_list .rankings_list_item .rankings_list_value span { text-align: center; white-space: nowrap; text-overflow: ellipsis; display: inline-block; overflow: hidden; width: 100px; } .is-pc-device .pc_mytitle .pc_mytitle_content .rankings_list .rankings_list_item .rankings_list_title { font-size: 1.4rem; text-align: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; flex: 0 0 146px; width: 146px; } .is-pc-device .pc_mytitle .mytitle-help_box .modal_content { border-radius: 4px; background: #fff; } .is-pc-device .pc_mytitle .mytitle-help_box .modal_content .modal-header { position: relative; height: auto; padding: 16px 0 0 !important; } .is-pc-device .pc_mytitle .mytitle-help_box .modal_content .modal-header img { position: absolute; top: 12px; right: 13px; width: 28px; cursor: pointer; } .is-pc-device .pc_mytitle .mytitle-help_box .modal_content .modal-header .modal-title { font-size: 1.8rem; font-weight: 700; color: #000; text-align: center; padding: 0 0 4px 12px; } .is-pc-device .pc_mytitle .mytitle-help_box .modal_content .modal-body .mytitle-help_content .mytitle-help_content_caption { display: flex; justify-content: space-between; align-items: center; width: 100%; height: 40px; padding-right: 42px; padding-left: 31px; background: #f4f4f4; } .is-pc-device .pc_mytitle .mytitle-help_box .modal_content .modal-body .mytitle-help_content .mytitle-help_content_caption .caption_item { font-size: 1.3rem; color: #999; flex: 1; } .is-pc-device .pc_mytitle .mytitle-help_box .modal_content .modal-body .mytitle-help_content .mytitle-help_content_caption .caption_item:nth-child(2) { text-align: center; margin-right: 26px; } .is-pc-device .pc_mytitle .mytitle-help_box .modal_content .modal-body .mytitle-help_content .mytitle-help_content_caption .caption_item:nth-child(3) { text-align: right; margin-right: 11px; } .is-pc-device .pc_mytitle .mytitle-help_box .modal_content .modal-body .mytitle-help_content .rule_list { padding-top: 24px; } .is-pc-device .pc_mytitle .mytitle-help_box .modal_content .modal-body .mytitle-help_content .rule_list .rule_list_item { display: flex; justify-content: space-between; align-items: center; margin-bottom: 24px; } .is-pc-device .pc_mytitle .mytitle-help_box .modal_content .modal-body .mytitle-help_content .rule_list .rule_list_item .rule_list_level { font-size: 1.4rem; color: #999; text-align: center; flex: 0 0 85px; width: 85px; margin-right: 11px; padding: 0 10px; } .is-pc-device .pc_mytitle .mytitle-help_box .modal_content .modal-body .mytitle-help_content .rule_list .rule_list_item .rule_list_title { font-size: 1.4rem; color: #000; text-align: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; flex: 1; padding: 0 10px; } .is-pc-device .pc_mytitle .mytitle-help_box .modal_content .modal-body .mytitle-help_content .rule_list .rule_list_item .rule_list_value { font-size: 1.3rem; color: #000; text-align: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; flex: 0 0 145px; width: 145px; padding: 0 10px; } .is-pc-device .pc_excitationexplain_box { width: 960px; } .is-pc-device .pc_excitationexplain_box .modal-content { border-radius: 8px !important; background: #fff; padding: 24px; } .is-pc-device .pc_excitationexplain_box .modal-content .modal-header { text-align: center; position: relative; height: auto; padding-top: 0px !important; padding-bottom: 12px !important; } .is-pc-device .pc_excitationexplain_box .modal-content .modal-header img { position: absolute; z-index: 2000; top: 0; left: 0; width: 44px; } .is-pc-device .pc_excitationexplain_box .modal-content .modal-header .modal-title { font-size: 1.8rem; font-weight: 700; color: #000; text-align: center; padding: 0; } .is-pc-device .pc_excitationexplain_box .modal-content .modal-body { max-height: 516px !important; margin-bottom: 12px; padding: 12px !important; } .is-pc-device .pc_excitationexplain_box .modal-content .modal-body table { width: 100%; border-spacing: 0; border-top: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; } .is-pc-device .pc_excitationexplain_box .modal-content .modal-body table th, .is-pc-device .pc_excitationexplain_box .modal-content .modal-body table td { text-align: center; } .is-pc-device .pc_excitationexplain_box .modal-content .modal-body table thead > tr { font-size: 1.4rem; color: #666; height: 44px; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; background: #f8f8f8; } .is-pc-device .pc_excitationexplain_box .modal-content .modal-body table tbody > tr { font-size: 1.4rem; color: #666; } .is-pc-device .pc_excitationexplain_box .modal-content .modal-body table tbody > tr th { padding: 0 5px; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; background: #f8f8f8; } .is-pc-device .pc_excitationexplain_box .modal-content .modal-body table tbody > tr td { height: 50px; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; } .is-pc-device .pc_excitationexplain_box .modal-content .modal-footer { margin: 0 auto; margin-bottom: 0px; padding-bottom: 0px; } .is-pc-device .pc_excitationexplain_box .modal-content .modal-footer .btn { width: 352px; height: 50px; cursor: pointer; border-radius: 50px; background: var(--themcolor); } .is-pc-device .pc_excitationexplain_box .modal-content .modal-footer .btn span { font-size: 1.8rem; font-weight: 700; color: #fff; text-align: center; } .is-pc-device .mylearntime { min-height: 100%; padding: 72px 0 40px; background-color: unset; } .is-pc-device .mylearntime .mylearntime_content { width: 1200px; min-height: auto; margin: auto; padding: 0; } .is-pc-device .mylearntime .mylearntime_content .mylearntime_num { font-size: 4.2rem; color: #000; padding: 24px 0; background-color: white; border-radius: 8px; margin-top: 0 !important; } .is-pc-device .mylearntime .mylearntime_content .mylearntime_num > .exchangeable_value { display: block; font-size: 1.2rem; color: #000; font-weight: 400; text-align: center; } .is-pc-device .mylearntime .mylearntime_content .mylearntime_list { min-height: 300px; padding: 10px 24px; background-color: white; border-radius: 8px; } .is-pc-device .mylearntime .mylearntime_content .mylearntime_list .mylearntime_list-header { margin-left: 0; display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding-bottom: 14px; } .is-pc-device .mylearntime .mylearntime_content .mylearntime_list .mylearntime_list-header .mylearntime_list-header-title { display: flex; flex-direction: row; align-items: center; color: #000; font-size: 1.6rem; font-weight: 700; } .is-pc-device .mylearntime .mylearntime_content .mylearntime_list .mylearntime_list-header .mylearntime_list-header-title > div:nth-child(1) { background-color: var(--themcolor); width: 4px; height: 16px; border-radius: 2px; margin-right: 8px; } .is-pc-device .mylearntime .mylearntime_content .mylearntime_list .mylearntime_list-header .mylearntime_list-header-search { font-size: 1.4rem; display: flex; align-items: center; gap: 2px; } .is-pc-device .mylearntime .mylearntime_content .mylearntime_list .mylearntime_list_item .mylearntime_list_item_left { width: 100%; } .is-pc-device .mylearntime .mylearntime_content .mylearntime_list .mylearntime_list_item .mylearntime_list_item_left > div:nth-child(1) { font-size: 1.6rem; padding-right: 172px; } .is-pc-device .mylearntime .mylearntime_content .mylearntime_list .mylearntime_list_item .mylearntime_list_item_left > div:nth-child(2) { font-size: 1.4rem; } .is-pc-device .mylearntime .mylearntime_content .mylearntime_list .mylearntime_list_item .mylearntime_list_item_right { font-size: 1.4rem; width: 160px; } .is-pc-device .myclasshour .myclasshour_filter { position: absolute; top: 62px; left: 24px; } .is-pc-device .myclasshour .myclasshour_filter > div { font-size: 1.4rem; color: #000; } .is-pc-device .myclasshour .mylearntime_num { position: relative; z-index: 0; } .is-pc-device .myclasshour .mylearntime_num .pc-timequery { position: absolute; top: 16px; left: 24px; } .is-pc-device .myclasshour .mylearntime_num .pc-timequery .dropdown-toggle > div { font-size: 1.4rem; color: #000; padding: 2px 12px; cursor: pointer; border: 1px solid transparent; border-radius: 30px; background-color: #f4f4f4; } .is-pc-device .myclasshour .mylearntime_num .pc-timequery .dropdown-toggle > div > img { width: 8px; margin-left: 6px; } .is-pc-device .myclasshour .mylearntime_num .pc-timequery .dropdown-menu { position: absolute; top: -14px !important; left: -22px !important; width: 1200px; height: 125px; margin: 0; padding: 24px; box-shadow: none; border: 1px solid transparent; border-radius: 4px; } .is-pc-device .myclasshour .mylearntime_num .pc-timequery .dropdown-menu .pc-timequery-query > div { display: inline-block; } .is-pc-device .myclasshour .mylearntime_num .pc-timequery .dropdown-menu .pc-timequery-query > div > p { font-size: 1.4rem; color: #999; margin-bottom: 24px; } .is-pc-device .myclasshour .mylearntime_num .pc-timequery .dropdown-menu .pc-timequery-query .pc-timequery-query-left > div > span { font-size: 1.4rem; color: #000; margin-right: 24px; padding: 4px 20px; cursor: pointer; border: 1px solid transparent; border-radius: 30px; background-color: #f4f4f4; } .is-pc-device .myclasshour .mylearntime_num .pc-timequery .dropdown-menu .pc-timequery-query .pc-timequery-query-left > div .timequery-select { color: white; background-color: var(--themcolor); } .is-pc-device .myclasshour .mylearntime_num .pc-timequery .dropdown-menu .pc-timequery-query .pc-timequery-query-right { margin-left: 60px; } .is-pc-device .myclasshour .mylearntime_num .pc-timequery .dropdown-menu .pc-timequery-query .pc-timequery-query-right > div > input { vertical-align: middle; display: inline-block; padding: 4px 14px; border: 1px solid #e5e5e5; border-radius: 4px; background-color: transparent; } .is-pc-device .myclasshour .mylearntime_num .pc-timequery .dropdown-menu .pc-timequery-query .pc-timequery-query-right > div > span { vertical-align: middle; display: inline-block; width: auto; margin: 0 12px; } .is-pc-device .myclasshour .mylearntime_num .pc-timequery .dropdown-menu .pc-timequery-query .pc-timequery-query-right > div .search { font-size: 1.6rem; color: white; margin-left: 16px; padding: 4px 20px; cursor: pointer; border: 1px solid transparent; border-radius: 40px; background-color: var(--themcolor); } .is-pc-device .myclasshour .mylearntime_num .pc-timequery .dropdown-menu .pc-timequery-back { position: absolute; top: 0; right: 0; width: 44px; cursor: pointer; } .is-pc-device .myclasshour .mylearntime_list_item_left { width: calc(100% - 210px) !important; } .is-pc-device .myclasshour .mylearntime_list_item_right { width: 210px !important; } .is-pc-device .myclasshour-classhour-left { left: 0; } .is-pc-device .myclasshour-classhour-right { left: 0; } .is-pc-device .pc_excitationexplain { width: 1200px; min-height: calc(100vh - 114px); margin: 0 auto; padding: 90px 0 24px; background: unset; } .is-pc-device .pc_excitationexplain .excitationexplain_title { font-size: 2rem; font-weight: 700; color: #000; padding-bottom: 16px; } .is-pc-device .pc_excitationexplain .excitationexplain_content { padding: 24px; background-color: #fff; border-radius: 8px; } .is-pc-device .pc_excitationexplain .excitationexplain_content table { width: 100%; border-spacing: 0; border-top: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; } .is-pc-device .pc_excitationexplain .excitationexplain_content table th, .is-pc-device .pc_excitationexplain .excitationexplain_content table td { text-align: center; } .is-pc-device .pc_excitationexplain .excitationexplain_content table thead > tr { font-size: 1.4rem; color: #666; height: 44px; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; background: #f8f8f8; } .is-pc-device .pc_excitationexplain .excitationexplain_content table tbody > tr { font-size: 1.4rem; color: #666; } .is-pc-device .pc_excitationexplain .excitationexplain_content table tbody > tr th { padding: 0 5px; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; background: #f8f8f8; } .is-pc-device .pc_excitationexplain .excitationexplain_content table tbody > tr td { height: 50px; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; } .is-pc-device .integral-rank-pc { width: 100%; padding-top: 72px; overflow: hidden; } .is-pc-device .integral-rank-pc .integral_rank_pc_header { width: 100%; height: 193px; background: linear-gradient( 180deg, rgba(var(--rgbnum), 0.5), rgba(var(--rgbnum), 0)); } .is-pc-device .integral-rank-pc .integral_rank_pc_header .rank_pc_header_left { width: 1200px; margin: 0 auto; display: flex; justify-content: flex-start; } .is-pc-device .integral-rank-pc .integral_rank_pc_header .rank_pc_header_left .pc_header_left_title { width: 180px; height: 120px; padding: 24px 24px 0 24px; background-color: rgba(0, 0, 0, 0.5); border-radius: 0px 0px 8px 8px; color: rgb(255, 255, 255); position: relative; } .is-pc-device .integral-rank-pc .integral_rank_pc_header .rank_pc_header_left .pc_header_left_title > h3 { font-size: 3.2rem; margin-bottom: 8px; } .is-pc-device .integral-rank-pc .integral_rank_pc_header .rank_pc_header_left .pc_header_left_title > p { font-size: 1.4rem; color: rgb(255, 255, 255); padding: 0; margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: keep-all; } .is-pc-device .integral-rank-pc .integral_rank_pc_header .rank_pc_header_left .pc_header_left_title > span { position: absolute; white-space: nowrap; word-break: keep-all; color: #666; font-size: 1.4rem; border-radius: 4px; padding: 2px 5px; z-index: 20; background-color: #fff; border: 0; left: 30%; bottom: 0px; } .is-pc-device .integral-rank-pc .integral_rank_pc_header .rank_pc_header_left .pc_header_left_select { width: calc(100% - 180px); } .is-pc-device .integral-rank-pc .integral_rank_pc_header .rank_pc_header_left .pc_header_left_select .next-navbar { position: static; width: 100%; height: 120px; display: flex; border: 0; align-items: flex-end; justify-content: flex-start; background-color: transparent; padding: 0; } .is-pc-device .integral-rank-pc .integral_rank_pc_header .rank_pc_header_left .pc_header_left_select .next-navbar > li { background-color: transparent; padding: 0 24px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .is-pc-device .integral-rank-pc .integral_rank_pc_header .rank_pc_header_left .pc_header_left_select .next-navbar > li > div { font-size: 1.6rem; color: #000; font-weight: 400; } .is-pc-device .integral-rank-pc .integral_rank_pc_header .rank_pc_header_left .pc_header_left_select .next-navbar .active > div { color: var(--themcolor); } .is-pc-device .integral-rank-pc .integral_rank_pc_header .rank_pc_header_left .pc_header_left_select .next-navbar .active > div > div { width: 27px; height: 3px; top: 7px; border-radius: 2px; } .is-pc-device .integral-rank-pc .integral_rank_pc_contant { width: 1200px; margin: 0 auto; position: relative; top: -56px; z-index: 10; display: flex; } .is-pc-device .integral-rank-pc .integral_rank_pc_contant .rank_pc_contant_left { width: 823px; min-height: 350px; margin-right: 24px; background-color: #fff; border-radius: 8px; padding: 0 24px 20px 24px; height: fit-content; } .is-pc-device .integral-rank-pc .integral_rank_pc_contant .rank_pc_contant_left .integral-rank-content-top { width: 100%; } .is-pc-device .integral-rank-pc .integral_rank_pc_contant .rank_pc_contant_left .integral-rank-content-top .rank_pc_contant_left_forward { background-color: transparent; } .is-pc-device .integral-rank-pc .integral_rank_pc_contant .rank_pc_contant_left .integral-rank-content-top .rank_pc_contant_left_forward > div { width: 100% !important; display: flex; flex-direction: row; justify-content: space-between; position: relative; align-items: flex-end; } .is-pc-device .integral-rank-pc .integral_rank_pc_contant .rank_pc_contant_left .integral-rank-content-top .rank_pc_contant_left_forward > div > div { text-align: left; min-height: 113px; min-width: 300px; width: 33.3333333333%; border-radius: 8px; background-color: #fff; display: flex; align-items: center; } .is-pc-device .integral-rank-pc .integral_rank_pc_contant .rank_pc_contant_left .integral-rank-content-top .rank_pc_contant_left_forward > div > div > div { min-height: 60px; width: 100%; } .is-pc-device .integral-rank-pc .integral_rank_pc_contant .rank_pc_contant_left .integral-rank-content-top .rank_pc_contant_left_forward > div > div > div > div { vertical-align: middle; position: relative; display: inline-block; } .is-pc-device .integral-rank-pc .integral_rank_pc_contant .rank_pc_contant_left .integral-rank-content-top .rank_pc_contant_left_forward > div > div > div > div:nth-child(1) { width: 60px; min-height: 60px; position: relative; } .is-pc-device .integral-rank-pc .integral_rank_pc_contant .rank_pc_contant_left .integral-rank-content-top .rank_pc_contant_left_forward > div > div > div > div:nth-child(1) > div:nth-child(1) { width: 60px; height: 60px; border-radius: 100%; overflow: hidden; } .is-pc-device .integral-rank-pc .integral_rank_pc_contant .rank_pc_contant_left .integral-rank-content-top .rank_pc_contant_left_forward > div > div > div > div:nth-child(1) > div:nth-child(1) > img { width: 100%; height: 100%; } .is-pc-device .integral-rank-pc .integral_rank_pc_contant .rank_pc_contant_left .integral-rank-content-top .rank_pc_contant_left_forward > div > div > div > div:nth-child(1) > div:nth-child(1) > div { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; position: relative; } .is-pc-device .integral-rank-pc .integral_rank_pc_contant .rank_pc_contant_left .integral-rank-content-top .rank_pc_contant_left_forward > div > div > div > div:nth-child(1) > div:nth-child(1) > div > img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .is-pc-device .integral-rank-pc .integral_rank_pc_contant .rank_pc_contant_left .integral-rank-content-top .rank_pc_contant_left_forward > div > div > div > div:nth-child(1) > div:nth-child(1) > div > span { position: relative; font-size: 3.4rem; font-weight: bold; color: white; } .is-pc-device .integral-rank-pc .integral_rank_pc_contant .rank_pc_contant_left .integral-rank-content-top .rank_pc_contant_left_forward > div > div > div > div:nth-child(1) > img:nth-child(2) { position: absolute; bottom: -12px; width: 26px; left: 18px; } .is-pc-device .integral-rank-pc .integral_rank_pc_contant .rank_pc_contant_left .integral-rank-content-top .rank_pc_contant_left_forward > div > div > div > div:nth-child(1) > .mechanism { position: absolute; bottom: 17px; width: 26px !important; height: auto !important; } .is-pc-device .integral-rank-pc .integral_rank_pc_contant .rank_pc_contant_left .integral-rank-content-top .rank_pc_contant_left_forward > div > div > div > div:nth-child(2) { width: calc(100% - 70px); margin-left: 10px; } .is-pc-device .integral-rank-pc .integral_rank_pc_contant .rank_pc_contant_left .integral-rank-content-top .rank_pc_contant_left_forward > div > div > div > div:nth-child(2) > p { margin: 0 0 2px; font-size: 1.6rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .is-pc-device .integral-rank-pc .integral_rank_pc_contant .rank_pc_contant_left .integral-rank-content-top .rank_pc_contant_left_forward > div > div > div > div:nth-child(2) > div { color: #666; font-size: 1.4rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .is-pc-device .integral-rank-pc .integral_rank_pc_contant .rank_pc_contant_left .integral-rank-content-top .rank_pc_contant_left_forward > div > div > div > div:nth-child(2) > span { font-size: 1.4rem; color: #000; } .is-pc-device .integral-rank-pc .integral_rank_pc_contant .rank_pc_contant_left .integral-rank-content-top .rank_pc_contant_left_forward > div > div > div > div:nth-child(2) > span > span { color: #999; } .is-pc-device .integral-rank-pc .integral_rank_pc_contant .rank_pc_contant_left .integral-rank-content-top .rank_pc_contant_left_forward > div > div:nth-child(1) { padding: 0 23px 0 11px; } .is-pc-device .integral-rank-pc .integral_rank_pc_contant .rank_pc_contant_left .integral-rank-content-top .rank_pc_contant_left_forward > div > div:nth-child(2) { position: absolute; min-width: 269px; min-height: 120px; z-index: 1; padding: 0 30px; box-shadow: 0 -6px 6px rgba(229, 229, 229, 0.5); left: 50%; transform: translateX(-50%); } .is-pc-device .integral-rank-pc .integral_rank_pc_contant .rank_pc_contant_left .integral-rank-content-top .rank_pc_contant_left_forward > div > div:nth-child(3) { padding-left: 76px; } .is-pc-device .integral-rank-pc .integral_rank_pc_contant .rank_pc_contant_left .integral-rank-content-top .rank_pc_contant_left_forward > div:nth-child(1) { width: calc((100% - 24px) * 0.7); } .is-pc-device .integral-rank-pc .integral_rank_pc_contant .rank_pc_contant_left .integral-rank-content-top .rank_pc_contant_left_forward > .pc-integral-rank-mine { width: calc((100% - 24px) * 0.3); margin-left: 24px; padding: 31px 0; border: 1px solid transparent; border-radius: 4px; background-color: white; } .is-pc-device .integral-rank-pc .integral_rank_pc_contant .rank_pc_contant_left .integral-rank-content-top .rank_pc_contant_left_forward > .pc-integral-rank-mine > div { font-size: 1.4rem; text-align: center; vertical-align: middle; display: inline-block; width: 50%; min-height: auto; padding: 0; } .is-pc-device .integral-rank-pc .integral_rank_pc_contant .rank_pc_contant_left .integral-rank-content-top .rank_pc_contant_left_forward > .pc-integral-rank-mine > div > p { font-size: 2.4rem; margin: 0 0 3px; } .is-pc-device .integral-rank-pc .integral_rank_pc_contant .rank_pc_contant_left .integral-rank-content-top .rank_pc_contant_left_forward > .pc-integral-rank-mine > div:nth-child(2) { z-index: 0; padding: 0; box-shadow: none; border-left: 1px solid #e5e5e5; } .is-pc-device .integral-rank-pc .integral_rank_pc_contant .rank_pc_contant_left .integral-rank-content-top .integral-rank-content-top-afterwards { margin-top: 4px; width: 100%; } .is-pc-device .integral-rank-pc .integral_rank_pc_contant .rank_pc_contant_left .integral-rank-content-top .integral-rank-content-top-afterwards .integral-rank-thead { width: 100%; background-color: #f8f8f8; height: 44px; border-radius: 4px; line-height: 44px; } .is-pc-device .integral-rank-pc .integral_rank_pc_contant .rank_pc_contant_left .integral-rank-content-top .integral-rank-content-top-afterwards .integral-rank-thead .integral-rank-thead-box { width: 100% !important; padding: 0 24px; border-bottom: 0 !important; display: flex; flex-direction: row; justify-content: space-between; flex-flow: nowrap; } .is-pc-device .integral-rank-pc .integral_rank_pc_contant .rank_pc_contant_left .integral-rank-content-top .integral-rank-content-top-afterwards .integral-rank-thead .integral-rank-thead-box span { display: flex; flex-direction: row; color: #999; font-size: 1.4rem; } .is-pc-device .integral-rank-pc .integral_rank_pc_contant .rank_pc_contant_left .integral-rank-content-top .integral-rank-content-top-afterwards .integral-rank-thead .integral-rank-thead-box span:nth-of-type(1) { width: 50px; } .is-pc-device .integral-rank-pc .integral_rank_pc_contant .rank_pc_contant_left .integral-rank-content-top .integral-rank-content-top-afterwards .integral-rank-thead .integral-rank-thead-box span:nth-of-type(2) { width: calc((100% - 52px) * 0.2); padding-left: 20px; } .is-pc-device .integral-rank-pc .integral_rank_pc_contant .rank_pc_contant_left .integral-rank-content-top .integral-rank-content-top-afterwards .integral-rank-thead .integral-rank-thead-box span:nth-of-type(3) { width: calc((100% - 52px) * 0.5); text-align: center; justify-content: center; } .is-pc-device .integral-rank-pc .integral_rank_pc_contant .rank_pc_contant_left .integral-rank-content-top .integral-rank-content-top-afterwards .integral-rank-thead .integral-rank-thead-box span:nth-of-type(4) { width: calc((100% - 52px) * 0.3); text-align: right; justify-content: flex-end; } .is-pc-device .integral-rank-pc .integral_rank_pc_contant .rank_pc_contant_left .integral-rank-content-top .integral-rank-content-top-afterwards .integral-rank-body { background-color: transparent; display: flex; padding: 0 24px; margin-top: 25px; } .is-pc-device .integral-rank-pc .integral_rank_pc_contant .rank_pc_contant_left .integral-rank-content-top .integral-rank-content-top-afterwards .integral-rank-body > div { display: flex; align-items: center; } .is-pc-device .integral-rank-pc .integral_rank_pc_contant .rank_pc_contant_left .integral-rank-content-top .integral-rank-content-top-afterwards .integral-rank-body > div:nth-of-type(1) { width: 50px; font-size: 1.4rem; color: rgb(153, 153, 153); } .is-pc-device .integral-rank-pc .integral_rank_pc_contant .rank_pc_contant_left .integral-rank-content-top .integral-rank-content-top-afterwards .integral-rank-body > div:nth-of-type(1) > span { min-width: 25px; text-align: center; display: inline-block; } .is-pc-device .integral-rank-pc .integral_rank_pc_contant .rank_pc_contant_left .integral-rank-content-top .integral-rank-content-top-afterwards .integral-rank-body > div:nth-of-type(2) { width: calc((100% - 52px) * 0.2); padding-left: 20px; } .is-pc-device .integral-rank-pc .integral_rank_pc_contant .rank_pc_contant_left .integral-rank-content-top .integral-rank-content-top-afterwards .integral-rank-body > div:nth-of-type(2) > img { width: 40px; height: 40px; margin-right: 12px; border-radius: 50%; } .is-pc-device .integral-rank-pc .integral_rank_pc_contant .rank_pc_contant_left .integral-rank-content-top .integral-rank-content-top-afterwards .integral-rank-body > div:nth-of-type(2) > span { color: #000; font-size: 1.6rem; font-weight: 500; } .is-pc-device .integral-rank-pc .integral_rank_pc_contant .rank_pc_contant_left .integral-rank-content-top .integral-rank-content-top-afterwards .integral-rank-body > div:nth-of-type(3) { width: calc((100% - 52px) * 0.5); font-size: 1.4rem; color: #000; text-align: center; justify-content: center; } .is-pc-device .integral-rank-pc .integral_rank_pc_contant .rank_pc_contant_left .integral-rank-content-top .integral-rank-content-top-afterwards .integral-rank-body > div:nth-of-type(4) { width: calc((100% - 52px) * 0.3); justify-content: flex-end; } .is-pc-device .integral-rank-pc .integral_rank_pc_contant .rank_pc_contant_left .integral-rank-content-top .integral-rank-content-top-afterwards .integral-rank-body > div:nth-of-type(4) > span:nth-of-type(1) { color: #000; font-size: 1.6rem; margin-right: 7px; } .is-pc-device .integral-rank-pc .integral_rank_pc_contant .rank_pc_contant_left .integral-rank-content-top .integral-rank-content-top-afterwards .integral-rank-body > div:nth-of-type(4) > span:nth-of-type(2) { color: #999; font-size: 1.4rem; } .is-pc-device .integral-rank-pc .integral_rank_pc_contant .rank_pc_contant_left .integral-rank-content-top .nomessage_defult { padding-top: 12px; position: static; } .is-pc-device .integral-rank-pc .integral_rank_pc_contant .rank_pc_contant_right { background-color: transparent; width: calc(100% - 847px); } .is-pc-device .integral-rank-pc .integral_rank_pc_contant .rank_pc_contant_right > div { width: 100%; background-color: #fff; border-radius: 8px; margin-bottom: 24px; } .is-pc-device .integral-rank-pc .integral_rank_pc_contant .rank_pc_contant_right .rank_pc_contant_right_myrank > .pc_contant_right_myrank { width: 100%; padding: 31px 0; border: 1px solid transparent; } .is-pc-device .integral-rank-pc .integral_rank_pc_contant .rank_pc_contant_right .rank_pc_contant_right_myrank > .pc_contant_right_myrank > div { font-size: 1.4rem; text-align: center; vertical-align: middle; display: inline-block; width: 50%; min-height: auto; padding: 0; } .is-pc-device .integral-rank-pc .integral_rank_pc_contant .rank_pc_contant_right .rank_pc_contant_right_myrank > .pc_contant_right_myrank > div > p { font-size: 2.4rem; margin: 0 0 3px; } .is-pc-device .integral-rank-pc .integral_rank_pc_contant .rank_pc_contant_right .rank_pc_contant_right_myrank > .pc_contant_right_myrank > div:nth-child(2) { z-index: 0; padding: 0; box-shadow: none; border-left: 1px solid #e5e5e5; } .is-pc-device .integral-rank-pc .integral_rank_pc_contant .rank_pc_contant_right .rank_pc_contant_right_schedule { padding: 16px 0; } .is-pc-device .integral-rank-pc .integral_rank_pc_contant .rank_pc_contant_right .rank_pc_contant_right_schedule .chart_pc_circle_progress { margin: 0 auto; width: fit-content; display: block; } .is-pc-device .integral-rank-pc .integral_rank_pc_contant .rank_pc_contant_right .rank_pc_contant_right_schedule .chart_pc_circle_progress svg text { transform: translateY(14px); } .is-pc-device .examRanking-PC { width: 100%; min-height: 100vh; } .is-pc-device .examRanking-PC .examRanking-PC-box { width: 1200px; overflow: hidden; min-height: calc(100% - 180vh); padding: 72px 0 0 0; margin: 0 auto; } .is-pc-device .examRanking-PC .examRanking-PC-box .examRanking-PC-header { width: 100%; height: 254px; position: relative; } .is-pc-device .examRanking-PC .examRanking-PC-box .examRanking-PC-header .examRanking-PC-header-top { width: 100%; height: 134px; display: flex; flex-direction: row; position: relative; } .is-pc-device .examRanking-PC .examRanking-PC-box .examRanking-PC-header .examRanking-PC-header-top div { height: 100%; display: flex; flex-direction: column; } .is-pc-device .examRanking-PC .examRanking-PC-box .examRanking-PC-header .examRanking-PC-header-top div p { color: #fff; } .is-pc-device .examRanking-PC .examRanking-PC-box .examRanking-PC-header .examRanking-PC-header-top div:nth-of-type(1) { width: 180px; height: 120px; background-color: rgba(0, 0, 0, 0.5); border-radius: 0px 0px 8px 8px; position: relative; padding: 24px 24px 0 24px; z-index: 11; } .is-pc-device .examRanking-PC .examRanking-PC-box .examRanking-PC-header .examRanking-PC-header-top div:nth-of-type(1) > p { text-align: center; width: 100%; display: inline-block; } .is-pc-device .examRanking-PC .examRanking-PC-box .examRanking-PC-header .examRanking-PC-header-top div:nth-of-type(1) > p:nth-of-type(1) { font-size: 3.2rem; margin-bottom: 8px; color: rgb(255, 255, 255); } .is-pc-device .examRanking-PC .examRanking-PC-box .examRanking-PC-header .examRanking-PC-header-top div:nth-of-type(1) > p:nth-of-type(2) { font-size: 1.4rem; color: rgb(255, 255, 255); padding: 0; margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: keep-all; } .is-pc-device .examRanking-PC .examRanking-PC-box .examRanking-PC-header .examRanking-PC-header-top div:nth-of-type(1) > span { position: absolute; white-space: nowrap; word-break: keep-all; color: #666; font-size: 1.4rem; border-radius: 4px; padding: 2px 5px; z-index: 20; background-color: #fff; border: 0; left: 30%; bottom: -8px; } .is-pc-device .examRanking-PC .examRanking-PC-box .examRanking-PC-header .examRanking-PC-header-top div:nth-of-type(2) { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: calc(100% - 180px); padding: 0 100px; justify-content: center; } .is-pc-device .examRanking-PC .examRanking-PC-box .examRanking-PC-header .examRanking-PC-header-top div:nth-of-type(2) p { text-align: center; } .is-pc-device .examRanking-PC .examRanking-PC-box .examRanking-PC-header .examRanking-PC-header-top div:nth-of-type(2) p:nth-of-type(1) { font-size: 3.2rem; margin-bottom: 8px; } .is-pc-device .examRanking-PC .examRanking-PC-box .examRanking-PC-header .examRanking-PC-header-top div:nth-of-type(2) p:nth-of-type(2) { font-size: 1.8rem; } .is-pc-device .examRanking-PC .examRanking-PC-box .examRanking-PC-header .examRanking-PC-header-top div:nth-of-type(3) { width: calc(100% - 847px); justify-content: flex-end; align-items: center; } .is-pc-device .examRanking-PC .examRanking-PC-box .examRanking-PC-header .examRanking-PC-header-top div:nth-of-type(3) img { position: relative; bottom: -15px; width: 128px; } .is-pc-device .examRanking-PC .examRanking-PC-box .examRanking-PC-header .examRanking-PC-header-myRank { width: 100%; height: 120px; display: flex; flex-direction: row; } .is-pc-device .examRanking-PC .examRanking-PC-box .examRanking-PC-header .examRanking-PC-header-myRank .PC-header-myRank-left { width: 823px; height: 100%; display: flex; flex-direction: row; align-items: flex-end; margin-right: 24px; justify-content: center; position: relative; } .is-pc-device .examRanking-PC .examRanking-PC-box .examRanking-PC-header .examRanking-PC-header-myRank .PC-header-myRank-left .myRank-left-item { background: #ffffff; border-radius: 4px; display: flex; flex-direction: row; align-items: center; padding: 17px 33px; } .is-pc-device .examRanking-PC .examRanking-PC-box .examRanking-PC-header .examRanking-PC-header-myRank .PC-header-myRank-left .myRank-left-item div { position: relative; display: flex; flex-direction: row; justify-content: center; } .is-pc-device .examRanking-PC .examRanking-PC-box .examRanking-PC-header .examRanking-PC-header-myRank .PC-header-myRank-left .myRank-left-item div:nth-of-type(1) { margin: 0 23px 0 0; } .is-pc-device .examRanking-PC .examRanking-PC-box .examRanking-PC-header .examRanking-PC-header-myRank .PC-header-myRank-left .myRank-left-item div:nth-of-type(2) { flex-direction: column; height: 86%; width: calc(100% - 83px); justify-content: space-around; font-size: 1.2rem; } .is-pc-device .examRanking-PC .examRanking-PC-box .examRanking-PC-header .examRanking-PC-header-myRank .PC-header-myRank-left .myRank-left-item div:nth-of-type(2) p { padding: 0; margin: 0; font-size: 1.6rem; color: #000; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 100%; } .is-pc-device .examRanking-PC .examRanking-PC-box .examRanking-PC-header .examRanking-PC-header-myRank .PC-header-myRank-left .myRank-left-item div:nth-of-type(2) p > span { font-size: 1.4rem; color: #666; } .is-pc-device .examRanking-PC .examRanking-PC-box .examRanking-PC-header .examRanking-PC-header-myRank .PC-header-myRank-left .myRank-left-item div:nth-of-type(2) > p:nth-child(2) { margin: 4px 0; font-size: 1.4rem; color: #666; } .is-pc-device .examRanking-PC .examRanking-PC-box .examRanking-PC-header .examRanking-PC-header-myRank .PC-header-myRank-left .myRank-left-item div img:nth-of-type(1) { width: 60px; height: 60px; border-radius: 60px; } .is-pc-device .examRanking-PC .examRanking-PC-box .examRanking-PC-header .examRanking-PC-header-myRank .PC-header-myRank-left .myRank-left-item div img:nth-of-type(2) { position: absolute; bottom: -6px; width: 31px; height: 26px; left: 50%; transform: translateX(-50%); } .is-pc-device .examRanking-PC .examRanking-PC-box .examRanking-PC-header .examRanking-PC-header-myRank .PC-header-myRank-left .myRank-left-item1 { width: 256px; height: 100%; position: absolute; z-index: 99; box-shadow: 0 -6px 6px rgba(229, 229, 229, 0.5); left: 50%; transform: translateX(-50%); bottom: 0; } .is-pc-device .examRanking-PC .examRanking-PC-box .examRanking-PC-header .examRanking-PC-header-myRank .PC-header-myRank-left .myRank-left-item2, .is-pc-device .examRanking-PC .examRanking-PC-box .examRanking-PC-header .examRanking-PC-header-myRank .PC-header-myRank-left .myRank-left-item3 { width: 300px; height: 112px; } .is-pc-device .examRanking-PC .examRanking-PC-box .examRanking-PC-header .examRanking-PC-header-myRank .PC-header-myRank-left .myRank-left-item2 { margin-right: 233px; } .is-pc-device .examRanking-PC .examRanking-PC-box .examRanking-PC-header .examRanking-PC-header-myRank .PC-header-myRank-right { width: calc(100% - 847px); height: 100%; background-color: #fff; border-radius: 4px; position: relative; z-index: 99; display: flex; flex-direction: row; align-items: center; justify-content: center; padding: 0 10px; font-size: 3rem; color: #e5e5e5; } .is-pc-device .examRanking-PC .examRanking-PC-box .examRanking-PC-header .examRanking-PC-header-myRank .PC-header-myRank-right div { width: 45%; font-size: 1.4rem; text-align: center; color: #000; } .is-pc-device .examRanking-PC .examRanking-PC-box .examRanking-PC-header .examRanking-PC-header-myRank .PC-header-myRank-right div p:nth-of-type(1) { font-size: 2.4rem; } .is-pc-device .examRanking-PC .examRanking-PC-box .examRanking-PC-header .examRanking-PC-header-myRank .PC-header-myRank-right div:nth-of-type(1) { margin-right: 4%; } .is-pc-device .examRanking-PC .examRanking-PC-box .examRanking-PC-header .examRanking-PC-header-myRank .PC-header-myRank-right div:nth-of-type(2) { margin-left: 4%; } .is-pc-device .examRanking-PC .examRanking-PC-box .examRanking-PC-contant { width: 100%; margin-top: 24px; border-radius: 4px; padding: 19px 24px; background-color: #fff; } .is-pc-device .examRanking-PC .examRanking-PC-box .examRanking-PC-contant .examRanking-PC-contant-tab { width: 100%; display: flex; flex-direction: column; } .is-pc-device .examRanking-PC .examRanking-PC-box .examRanking-PC-contant .examRanking-PC-contant-tab .PC-contant-tab-header { width: 100%; padding-bottom: 10px; border-bottom: 1px solid #e5e5e5; } .is-pc-device .examRanking-PC .examRanking-PC-box .examRanking-PC-contant .examRanking-PC-contant-tab .PC-contant-tab-header span { text-align: center; color: #999; font-size: 1.4rem; display: inline-block; } .is-pc-device .examRanking-PC .examRanking-PC-box .examRanking-PC-contant .examRanking-PC-contant-tab .PC-contant-tab-header span:nth-of-type(1) { width: 56px; margin-right: 10px; } .is-pc-device .examRanking-PC .examRanking-PC-box .examRanking-PC-contant .examRanking-PC-contant-tab .PC-contant-tab-header span:nth-of-type(2) { width: 204px; text-align: left; padding-left: 14px; } .is-pc-device .examRanking-PC .examRanking-PC-box .examRanking-PC-contant .examRanking-PC-contant-tab .PC-contant-tab-header span:nth-of-type(3) { width: calc(100% - 450px); padding: 0 20px; } .is-pc-device .examRanking-PC .examRanking-PC-box .examRanking-PC-contant .examRanking-PC-contant-tab .PC-contant-tab-header span:nth-of-type(4) { width: 180px; text-align: right; padding-right: 37px; } .is-pc-device .examRanking-PC .examRanking-PC-box .examRanking-PC-contant .examRanking-PC-contant-tab .PC-contant-tab-listBox { width: 100%; padding-top: 16px; } .is-pc-device .examRanking-PC .examRanking-PC-box .examRanking-PC-contant .examRanking-PC-contant-tab .PC-contant-tab-listBox .PC-contant-tab-list { width: 100%; margin-bottom: 25px; display: flex; flex-direction: row; align-items: center; } .is-pc-device .examRanking-PC .examRanking-PC-box .examRanking-PC-contant .examRanking-PC-contant-tab .PC-contant-tab-listBox .PC-contant-tab-list:nth-last-of-type(1) { margin: 0; } .is-pc-device .examRanking-PC .examRanking-PC-box .examRanking-PC-contant .examRanking-PC-contant-tab .PC-contant-tab-listBox .PC-contant-tab-list .PC-contant-tab-list-left { width: 270px; display: flex; flex-direction: row; align-items: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .is-pc-device .examRanking-PC .examRanking-PC-box .examRanking-PC-contant .examRanking-PC-contant-tab .PC-contant-tab-listBox .PC-contant-tab-list .PC-contant-tab-list-left p { width: 56px; color: #999; font-size: 1.4rem; text-align: center; margin: 0; padding: 0; } .is-pc-device .examRanking-PC .examRanking-PC-box .examRanking-PC-contant .examRanking-PC-contant-tab .PC-contant-tab-listBox .PC-contant-tab-list .PC-contant-tab-list-left div { color: #000; margin-left: 10px; width: 204px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: left; font-size: 1.6rem; font-weight: 500; color: #000; } .is-pc-device .examRanking-PC .examRanking-PC-box .examRanking-PC-contant .examRanking-PC-contant-tab .PC-contant-tab-listBox .PC-contant-tab-list .PC-contant-tab-list-left div img { width: 40px; height: 40px; margin-right: 12px; border-radius: 40px; } .is-pc-device .examRanking-PC .examRanking-PC-box .examRanking-PC-contant .examRanking-PC-contant-tab .PC-contant-tab-listBox .PC-contant-tab-list .PC-contant-tab-list-org { width: calc(100% - 360px); padding: 0 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: center; font-size: 1.4rem; color: #000; font-weight: 400; } .is-pc-device .examRanking-PC .examRanking-PC-box .examRanking-PC-contant .examRanking-PC-contant-tab .PC-contant-tab-listBox .PC-contant-tab-list .PC-contant-tab-list-score { width: 180px; text-align: right; padding-right: 26px; font-size: 1.6rem; color: #000; font-weight: 500; } .is-pc-device .examRanking-PC .examRanking-PC-box .examRanking-PC-contant .examRanking-PC-contant-tab .PC-contant-tab-listBox .PC-contant-tab-list .PC-contant-tab-list-score span { display: flex; flex-direction: row; text-align: right; justify-content: flex-end; } .is-pc-device .examRanking-PC .examRanking-PC-box .examRanking-PC-contant .examRanking-PC-contant-tab .PC-contant-tab-listBox .PC-contant-tab-list .PC-contant-tab-list-score p { color: #999; font-size: 1.4rem; margin-left: 8px; font-weight: normal; } .is-pc-device .Examing { background: linear-gradient( 180deg, #ff9c33, rgba(255, 156, 51, 0) 320px); } .is-pc-device .Examed { background: linear-gradient( 180deg, #ff5d5d, rgba(255, 93, 255, 0) 320px); } .is-pc-device .noExam { background: linear-gradient( 180deg, #b1c4c9, rgba(177, 196, 201, 0) 320px); } .is-pc-device .noToExam { background: linear-gradient( 180deg, #b1c4c9, rgba(177, 196, 201, 0) 320px); } .is-pc-device .live { min-width: 1200px; min-height: 100%; padding-top: 78px; padding-bottom: 40px; background-color: #f4f4f4; } .is-pc-device .live > div { width: 1200px; margin: auto; } .is-pc-device .liveBox .common_middle { width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; } .is-pc-device .liveBox .common_middle app-live-list { width: calc((100% - 72px) / 4); margin: 0 24px 24px 0; } .is-pc-device .liveBox .common_middle app-live-list:nth-of-type(4n) { margin: 0 0 24px 0; } .is-pc-device .styletype_planB .caselist_left .caselibrary-box-list, .is-pc-device .styletype_planB .caselist_right .caselibrary-box-list { border-radius: 0px; } .is-pc-device .styletype_planB .caselist_left .caselibrary-box-list:nth-child(2n), .is-pc-device .styletype_planB .caselist_right .caselibrary-box-list:nth-child(2n) { margin-right: 0 !important; border-right: 0 !important; } .is-pc-device .caselibrary-box-list { display: inline-block; vertical-align: top; width: calc((100% - 48px) / 4); margin: 24px 16px 0 0; background-color: white; border-radius: 8px; overflow: hidden; } .is-pc-device .caselibrary-box-list:nth-child(4n) { margin-right: 0; } .is-pc-device .reject-record-modal--pc { position: absolute; top: calc(50% - 265px); left: calc(50% - 210px); border-radius: 4px; overflow: hidden; } .is-pc-device .reject-record-modal--pc .modal-content { width: 420px; height: 530px; border-radius: 4px !important; } .is-pc-device .homeworkroll_pc_sliding_item { position: relative; width: 100%; padding: 10px 24px; border-radius: 8px 8px 0px 0px; } .is-pc-device .homeworkroll_pc_sliding_item .next-navbar > li { padding: 0px; } .is-pc-device .homeworkroll_pc_sliding_item .next-navbar > li:first-child { margin-right: 40px; } .is-pc-device .homeworkroll_pc_sliding_item .homeworkroll_search_sign { position: absolute; right: 0; top: 6px; background-color: transparent; display: flex; flex-direction: row; align-items: center; height: 100%; padding-right: 24px; } .is-pc-device .homeworkroll_head_info div { background-color: #fff; } .is-pc-device .homeworkroll_pc_sliding_item_Ups { cursor: pointer; } .is-pc-device .homework_pc { overflow: hidden; padding-bottom: 40px; } .is-pc-device .homework_pc .homework_submit { width: 100%; } .is-pc-device .homework_pc .homework_submit button { margin-left: 130px !important; margin-top: 0 !important; width: 120px; } .is-pc-device .outer_list_pc { width: calc(100% - 48px) !important; margin: 0 24px; padding: 8px 0; } .is-pc-device .outer_list .pc_outer_list { width: 100%; overflow: hidden; display: flex; flex-direction: row; justify-content: space-between; position: relative; padding: 12px 0 8px 0px; } .is-pc-device .outer_list .pc_outer_list .bottom_border { height: 1px; border-bottom: 1px solid #e5e5e5; position: absolute; right: 0px; bottom: 0; width: calc(100% - 40px); } .is-pc-device .outer_list .pc_outer_list .pc_outer_list_left, .is-pc-device .outer_list .pc_outer_list .pc_outer_list_mod, .is-pc-device .outer_list .pc_outer_list .pc_outer_list_right { width: 33.33%; } .is-pc-device .outer_list .pc_outer_list .pc_outer_list_left { display: flex; flex-direction: row; align-items: center; } .is-pc-device .outer_list .pc_outer_list .pc_outer_list_left img { width: 40px; height: 40px; border-radius: 99px; } .is-pc-device .outer_list .pc_outer_list .pc_outer_list_left .pc_outer_list_left_con { display: flex; flex-direction: column; margin-left: 8px; width: calc(100% - 48px); } .is-pc-device .outer_list .pc_outer_list .pc_outer_list_left .pc_outer_list_left_con .pc_outer_list_left_name { display: flex; flex-direction: row; flex-wrap: nowrap; } .is-pc-device .outer_list .pc_outer_list .pc_outer_list_left .pc_outer_list_left_con .pc_outer_list_left_name p { margin: 0; padding: 0 8px 0 0; font-size: 1.6rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 60%; } .is-pc-device .outer_list .pc_outer_list .pc_outer_list_left .pc_outer_list_left_con .pc_outer_list_left_name .pc_outer_list_left_icon { font-size: 1rem; font-weight: normal; white-space: nowrap; text-overflow: ellipsis; display: inline-block; overflow: hidden; max-width: 40%; padding: 0px 4px; border-radius: 25px; line-height: 24px; transform: scale(0.9); } .is-pc-device .outer_list .pc_outer_list .pc_outer_list_left .pc_outer_list_left_con .pc_outer_list_left_team { margin-top: 5px; font-size: 1.4rem; color: #999; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .is-pc-device .outer_list .pc_outer_list .pc_outer_list_mod { font-size: 1.4rem; display: flex; flex-direction: row; align-items: center; } .is-pc-device .outer_list .pc_outer_list .pc_outer_list_mod span { width: 100%; text-align: center; } .is-pc-device .outer_list .pc_outer_list .pc_outer_list_mod .notCorrected { color: #ff5d5d; } .is-pc-device .outer_list .pc_outer_list .pc_outer_list_mod .corrected { color: #18c884; } .is-pc-device .outer_list .pc_outer_list .pc_outer_list_right { display: flex; flex-direction: row; justify-content: flex-end; align-items: center; } .is-pc-device .outer_list .pc_outer_list .pc_outer_list_right span { border: 1px solid var(--themcolor); border-radius: 18px; font-size: 1.4rem; color: var(--themcolor); height: 36px; padding: 0 22px; line-height: 36px; text-align: center; } .is-pc-device .homeworkroll_pc_sliding_item .next-navbar > li > div { font-size: 1.6rem; font-weight: 500; } .is-pc-device .homeworkroll_pc_sliding_item .next-navbar > .active > div > div { position: relative; top: 2px; width: 20px; height: 3px; margin: 0 auto; background-color: var(--themcolor); border-radius: 3px; } .is-pc-device .datakanban .datakanban-tooltip-message-tip { padding: 0; transform: unset !important; opacity: 1 !important; bottom: 24px !important; right: 0 !important; top: unset !important; left: unset !important; } .is-pc-device .datakanban .datakanban-tooltip-message-tip .arrow { display: none; } .is-pc-device .datakanban .datakanban-tooltip-message-tip .tooltip-inner { max-width: 180px; width: 180px; padding: 16px; font-size: 14px; text-align: left; color: rgba(0, 0, 0, 0.8); background-color: white; border-radius: 8px; } .is-pc-device .datakanban .login-datakanban .progress .progress-bar-warning { background-color: #0098ed !important; } .is-pc-device .datakanban .course-datakanban .progress .progress-bar-warning { background: linear-gradient( 90deg, #3a9bfb, #294bf2) !important; } .is-pc-device .datakanban .activity-datakanban .progress .progress-bar-warning { background: linear-gradient( 90deg, #3a9bfb, #294bf2) !important; } .is-pc-device .pc_qualification_principal_list_right_item_content_top_content_status .datakanban-tooltip-message-tip { padding: 0px; transform: unset !important; opacity: 1 !important; bottom: 24px !important; top: unset !important; box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16); left: 20% !important; min-width: 100px; border-radius: 4px; } .is-pc-device .pc_qualification_principal_list_right_item_content_top_content_status .datakanban-tooltip-message-tip .arrow { display: none; } .is-pc-device .pc_qualification_principal_list_right_item_content_top_content_status .datakanban-tooltip-message-tip .tooltip-inner { max-width: 180px; width: 180px; padding: 16px; font-size: 14px; text-align: left; color: rgba(0, 0, 0, 0.8); background-color: white; border-radius: 8px; } .is-pc-device .forumplatedetail .fix_defult .nomessage_defult > img { margin-top: 0 !important; } .is-pc-device .chart_pc_circle_progress > defs > linearGradient > stop { stop-color: var(--themcolor); } .is-pc-device .chart_pc_circle_progress > text > tspan:nth-child(1) { fill: var(--themcolor); } .is-pc-device .project_grid > div { position: relative; } .is-pc-device .project_grid > div .project-grid-sign-tooltip-message-tip, .is-pc-device .project_grid > div .project-grid-assess-tooltip-message-tip, .is-pc-device .project_grid > div .project-grid-homework-tooltip-message-tip { padding: 0px; transform: unset !important; opacity: 1 !important; top: 36px !important; box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16); min-width: unset !important; border-radius: 4px; } .is-pc-device .project_grid > div .project-grid-sign-tooltip-message-tip .arrow, .is-pc-device .project_grid > div .project-grid-assess-tooltip-message-tip .arrow, .is-pc-device .project_grid > div .project-grid-homework-tooltip-message-tip .arrow { display: none; } .is-pc-device .project_grid > div .project-grid-sign-tooltip-message-tip .tooltip-inner, .is-pc-device .project_grid > div .project-grid-assess-tooltip-message-tip .tooltip-inner, .is-pc-device .project_grid > div .project-grid-homework-tooltip-message-tip .tooltip-inner { max-width: 240px; width: unset; padding: 8px 16px; font-size: 14px; text-align: left; color: rgba(0, 0, 0, 0.8); background-color: white; border-radius: 8px; } .is-pc-device .project_grid > div .project-grid-sign-tooltip-message-tip { left: -20% !important; } .is-pc-device .project_grid > div .project-grid-assess-tooltip-message-tip { left: 15% !important; } .is-pc-device .project_grid > div .project-grid-homework-tooltip-message-tip { left: 50% !important; right: -20% !important; } .is-pc-device .pc_header_toAdmin_btn_container { padding: 0px !important; position: relative; } .is-pc-device .pc_header_toAdmin_btn_container .pc_header_toAdmin_btn { width: 24px; height: 24px; margin-right: 24px; cursor: pointer; } .is-pc-device .pc_header_toAdmin_btn_container .pc_header_btn_tooltip { min-width: 38px; padding: 0 2px; text-align: center; font-size: 1.2rem; color: white; background-color: #ff5d5d; border: 1px solid #FFFFFF; border-radius: 30px; white-space: nowrap; position: absolute; top: -10px; left: 10px; } .is-pc-device .pc_header_toAdmin_btn_container .pc_header_btn_msg { width: 8px; height: 8px; background-color: #ff5d5d; border: 1px solid #FFFFFF; border-radius: 50%; position: absolute; top: -4px; left: 18px; } .is-pc-device .pc-clockin-tab { position: relative; overflow: visible !important; } .is-pc-device .pc-clockin-bubble { position: absolute; top: 100%; left: 50%; transform: translateX(-50%); margin-top: -16px; z-index: 9999; width: 108px; height: 52px; border-radius: 4px; pointer-events: none; } .is-pc-device .pc-clockin-bubble .bubble-content { border-radius: 4px; background: var(--themcolor); font-family: Source Han Sans CN; color: #fff; font-weight: 350; line-height: 20px; font-size: 12px; width: 108px; padding: 6px 12px; box-sizing: border-box; } .is-pc-device .pc-clockin-bubble .bubble-arrow { position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%); width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid var(--themcolor); } .is-pc-device .custom-tooltip { padding-bottom: 0px; } .is-pc-device .custom-tooltip .tooltip-inner { background-color: white !important; border-radius: 4px; color: #000 !important; font-size: 1.2rem; padding: 5px; line-height: 20px; min-width: 80px; word-wrap: break-word; box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.06); } .is-pc-device .custom-tooltip .arrow::before { border-bottom-color: white !important; box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.06); display: none; } .is-pc-device .home_content_left .content_left_item > .content_left_item_other .postcourse_list .postcourse_list_item .courselist_item { width: calc((100% - 24px) / 2); margin: 0 16px 16px 0; } .is-pc-device .home_content_left .content_left_item > .content_left_item_other .postcourse_list .postcourse_list_item:nth-of-type(2n) .courselist_item { margin-right: 0; } .is-pc-device .home_content_left_showAll .content_left_item > .content_left_item_other .postcourse_list .postcourse_list_item .courselist_item { width: calc((100% - 72px) / 4); } .is-pc-device .home_content_left_showAll .content_left_item > .content_left_item_other .postcourse_list .postcourse_list_item:nth-of-type(4n) .courselist_item { margin-right: 0; } .is-pc-device .home_content_right .content_left_item > .content_left_item_other .postcourse_list .postcourse_list_item .courselist_item { width: 100%; margin-right: 0; } .is-pc-device .trainingProject-swiper-pagination { text-align: right; padding-right: 31px; padding-bottom: 15px !important; } .is-pc-device .trainingProject-swiper-pagination > .swiper-pagination-bullet { width: 10px; height: 10px; margin-right: 14px; } .is-pc-device .trainingProject-swiper-pagination > .swiper-pagination-bullet::hover { width: 14px; height: 14px; } .is-pc-device .common_hover:hover { box-shadow: 0 0 11px rgba(0, 0, 0, 0.08); transition: all 0.2s ease-in-out; transform: translateY(-5px); } .is-pc-device .pc_mycenter_content .live_lists_item .live_title, .is-pc-device .pc_mycenter_content .project_item .project_name { background-color: #f8f8f8 !important; } .is-pc-device .part_filter { background-color: #fff; } .is-pc-device .part_filter > div { width: calc(50% - 20px); display: inline-block; padding: 4px; border-radius: 99px; background: #f8f8f8; text-align: center; cursor: pointer; } .is-pc-device .part_filter > div:first-child { margin-right: 16px; } .is-pc-device .part_filter .active { background-color: rgba(var(--rgbnum), 0.1); color: var(--themcolor); } .is-pc-device .part_filter .selected { display: block !important; font-size: 1.2rem; } .is-pc-device .task_selectBox { float: unset !important; } .is-pc-device .task_selectBox .one_select { position: relative; display: block !important; } .is-pc-device .task_selectBox .one_select img { margin-right: 12px; } .is-pc-device .task_selectBox .order { margin-right: 4px; padding-left: 16px; border-left: 1px solid #e5e5e5; } .is-pc-device .task_selectBox .app-svg-themebox { width: 16px; height: 16px; } .is-pc-device .task_selectBox .pc_order .dropdown-menu { border: none; margin-top: 5px; padding: 12px 24px; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1); border-radius: 4px; } .is-pc-device .task_selectBox .pc_order .dropdown-menu li { border: none; padding: 12px 0; font-size: 1.3rem; white-space: nowrap; cursor: pointer; } .is-pc-device .task_selectBox .pc_order .dropdown-menu .active { color: var(--themcolor); } .is-pc-device .task_selectBox .pc_order .alwaysshow { display: block !important; } .is-pc-device .task_selectBox .pc_order_right { width: 136px !important; } .is-pc-device .pc_task_middle { padding: 16px 0; border-top: 1px solid #e5e5e5; } .is-pc-device .pc_task_middle .one_select span { font-size: 1.6rem; font-weight: 700; } .is-pc-device .pc_task_middle .one_select img { width: 16px; } .is-pc-device .pc_task_middle .order { border-left: none; padding-left: 0; } .is-pc-device .pc_task_middle .dropdown-menu { max-height: 320px; overflow: auto; } .is-pc-device .pc_task_middle .part_filter { width: 50% !important; } .is-pc-device .pc_taskmodal { min-width: 450px; padding: 32px 24px 24px 24px !important; left: -386px !important; border-radius: 16px !important; } .is-pc-device .pc_taskmodal > div { margin-bottom: 16px; } .is-pc-device .pc_taskmodal > div > div { display: inline-block; font-size: 1.4rem; width: 75px !important; text-align: right; align-items: center; } .is-pc-device .pc_taskmodal .words_input, .is-pc-device .pc_taskmodal .time_input { width: calc(100% - 85px) !important; margin-left: 8px; font-size: 1.3rem; } .is-pc-device .pc_taskmodal .words_input input, .is-pc-device .pc_taskmodal .time_input input { width: calc(50% - 17px); vertical-align: middle; display: inline-block; } .is-pc-device .pc_taskmodal .words_input span, .is-pc-device .pc_taskmodal .time_input span { margin: 0 8px; } .is-pc-device .pc_taskmodal .pc_filter_btn { margin-bottom: 0; text-align: right; display: block !important; } .is-pc-device .pc_taskmodal .pc_filter_btn button { border: 1px solid var(--themcolor); background-color: var(--themcolor); color: white; padding: 6px 32px; border-radius: 16px; margin-left: 24px; font-size: 1.4rem; cursor: pointer; } .is-pc-device .pc_taskmodal .pc_filter_btn .reset-btn { background-color: #fff; color: #000; border: 1px solid #e5e5e5; } .is-pc-device .pc_taskmodal .input_base { padding: 8px 16px; border: 1px solid #e5e5e5; width: 100%; border-radius: 4px; } .is-pc-device .pc_mycenter_content_left_list .pc_mycenter_content_header .selectBox .pc_taskmodal { display: none; } .is-pc-device .pc_mycenter_content_left_list .pc_mycenter_content_header .selectBox .pc_taskmodal.show { display: block; } .is-pc-device .pc_mycenter_content_left_list .pc_mycenter_content_header .selectBox .pc_taskmodal.show div { display: flex; } .is-pc-device .pc_mycenter_task { left: -306px !important; } .is-pc-device .nohidden { overflow: unset !important; } .is-pc-device .pc_common_container { width: 1200px; margin: auto; padding-top: 72px; } .is-pc-device .direct_pass { background-color: #fff; border-radius: 8px; min-height: 480px; position: relative; } .is-pc-device .direct_pass .nomessage_defult { top: 50%; transform: translateY(-50%); } .is-pc-device .direct_pass .nomessage_defult > img { width: 200px; height: 200px; margin-bottom: 32px; } .is-pc-device .direct_pass .nomessage_defult > p { font-size: 1.6rem; color: #000; } .is-pc-device .unable_input { background-color: #f8f8f8; pointer-events: none; } .is-pc-device .unable_theme_button { opacity: 0.4; pointer-events: none; } .is-pc-device .no_point { pointer-events: none; } .is-pc-device .assess_project_detail .nomessage_defult { position: relative !important; } .is-pc-device .pc_dropmodal { min-width: 450px; padding: 0px !important; left: -326px !important; border-radius: 16px !important; margin-top: 12px; } .is-pc-device .pc_dropmodal .modal_body { display: flex; flex-direction: column; justify-content: center; gap: 16px; padding: 24px 24px 16px 24px; } .is-pc-device .pc_dropmodal .modal_body .modal_item { display: flex; flex-direction: row; align-items: flex-start; gap: 8px; } .is-pc-device .pc_dropmodal .modal_body .modal_item .item_title { font-size: 1.4rem; font-weight: 400; line-height: 40px; color: #000; text-align: right; width: 75px !important; } .is-pc-device .pc_dropmodal .modal_body .modal_item .item_value { flex: 1; font-size: 1.4rem; } .is-pc-device .pc_dropmodal .modal_body .modal_item .item_value .input_base { padding: 8px 16px; border: 1px solid #e5e5e5; width: 100%; border-radius: 4px; vertical-align: middle; display: inline-block; } .is-pc-device .pc_dropmodal .modal_body .modal_item .item_value .input_base::-webkit-input-placeholder { color: #ccc; } .is-pc-device .pc_dropmodal .modal_body .modal_item .item_value_time { display: flex; flex-direction: row; align-items: center; gap: 8px; } .is-pc-device .pc_dropmodal .modal_body .modal_item .item_value_time .input_time { flex-grow: 1; vertical-align: middle; display: inline-block; } .is-pc-device .pc_dropmodal .modal_body .modal_item .item_value_type { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; gap: 10px; padding: 6px 0px; } .is-pc-device .pc_dropmodal .modal_body .modal_item .item_value_type > div { font-size: 1.2rem; font-weight: 400; color: #000; border-radius: 99px; border: 1px solid #e5e5e5; padding: 4px 10px; } .is-pc-device .pc_dropmodal .modal_body .modal_item .item_value_type .active { color: var(--themcolor); border: 1px solid var(--themcolor); } .is-pc-device .pc_dropmodal .modal_footer { width: 100%; height: 56px; display: flex; flex-direction: row; justify-content: flex-end; align-items: center; gap: 24px; padding: 8px 24px 16px 24px; } .is-pc-device .pc_dropmodal .modal_footer button { border: 1px solid var(--themcolor); background-color: var(--themcolor); color: white; padding: 5px 16px; min-width: 64px; border-radius: 99px; font-size: 1.4rem; cursor: pointer; } .is-pc-device .pc_dropmodal .modal_footer .reset-btn { background-color: #fff; color: #000; border: 1px solid #e5e5e5; } .is-pc-device .pc_1_1_lr_home, .is-pc-device .pc_1_1_ud_home, .is-pc-device .pc_1_2_lr_home, .is-pc-device .pc_1_2_ud_home, .is-pc-device .pc_3_4_lr_home, .is-pc-device .pc_3_4_ud_home, .is-pc-device .pc_1_4_matrix_home, .is-pc-device .pc_1_4_matrix_match_home { margin: 0 !important; } .is-pc-device .pc_1_1_lr_home .swiper-container .swiper-pagination .swiper-pagination-bullet, .is-pc-device .pc_1_1_ud_home .swiper-container .swiper-pagination .swiper-pagination-bullet, .is-pc-device .pc_1_2_lr_home .swiper-container .swiper-pagination .swiper-pagination-bullet, .is-pc-device .pc_1_2_ud_home .swiper-container .swiper-pagination .swiper-pagination-bullet, .is-pc-device .pc_3_4_lr_home .swiper-container .swiper-pagination .swiper-pagination-bullet, .is-pc-device .pc_3_4_ud_home .swiper-container .swiper-pagination .swiper-pagination-bullet, .is-pc-device .pc_1_4_matrix_home .swiper-container .swiper-pagination .swiper-pagination-bullet, .is-pc-device .pc_1_4_matrix_match_home .swiper-container .swiper-pagination .swiper-pagination-bullet { border-radius: 99px !important; } .is-pc-device .pc_1_1_lr_home .swiper-container .swiper-pagination .swiper-pagination-bullet-active, .is-pc-device .pc_1_1_ud_home .swiper-container .swiper-pagination .swiper-pagination-bullet-active, .is-pc-device .pc_1_2_lr_home .swiper-container .swiper-pagination .swiper-pagination-bullet-active, .is-pc-device .pc_1_2_ud_home .swiper-container .swiper-pagination .swiper-pagination-bullet-active, .is-pc-device .pc_3_4_lr_home .swiper-container .swiper-pagination .swiper-pagination-bullet-active, .is-pc-device .pc_3_4_ud_home .swiper-container .swiper-pagination .swiper-pagination-bullet-active, .is-pc-device .pc_1_4_matrix_home .swiper-container .swiper-pagination .swiper-pagination-bullet-active, .is-pc-device .pc_1_4_matrix_match_home .swiper-container .swiper-pagination .swiper-pagination-bullet-active { opacity: 1 !important; } .is-pc-device .pc_header_navbar_btn_user_language { border-right: 1px solid #e8e8e8; margin-right: 24px; padding: 0 !important; } .is-pc-device .pc_header_navbar_btn_user_language .language_icon { width: 24px; height: 24px; cursor: pointer; margin-right: 24px; } .is-pc-device .pc_hmcontainer .hmcontainer .myslides .swiper-pagination { bottom: 0; right: 0; text-align: right; height: 36px; padding: 8px 10px; width: 100%; z-index: 10; } .is-pc-device .pc_hmcontainer .hmcontainer .myslides .swiper-pagination .swiper-pagination-bullet { width: 10px; height: 10px; border: 0; margin: 0 8.5px 0 0; background-color: hsla(0, 0%, 100%, 0.4); opacity: 1; } .is-pc-device .teacherguide { background: unset; } .is-pc-device .todo-modal .modal-dialog { max-width: unset; width: 960px; height: 100%; margin: auto; display: flex; align-items: center; } .is-pc-device .todo-modal .modal-dialog .modal-content { height: 80%; max-height: 680px; border-radius: 8px; border: none; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2); } .is-pc-device .todo-modal .modal-dialog .modal-content .modal-header { border-bottom: 1px solid #f2f6fc; padding: 20px; border-radius: 8px 8px 0 0; display: flex; justify-content: space-between; align-items: center; } .is-pc-device .todo-modal .modal-dialog .modal-content .modal-header .modal-title { font-size: 1.8rem; font-weight: 600; color: #333; margin: 0; } .is-pc-device .todo-modal .modal-dialog .modal-content .modal-header > img { width: 16px; height: 16px; cursor: pointer; } .is-pc-device .todo-modal .modal-dialog .modal-content .modal-body { padding: 12px 0; max-height: unset; overflow: hidden; } .is-pc-device .shs-record-upload-retry { position: relative; bottom: unset; right: unset; border-radius: 8px; } .is-pc-device .shs-record-upload-retry .tip { right: -4px; top: -4px; } /* src/scss/viewer.scss */ .viewer-zoom-in::before, .viewer-zoom-out::before, .viewer-one-to-one::before, .viewer-reset::before, .viewer-prev::before, .viewer-play::before, .viewer-next::before, .viewer-rotate-left::before, .viewer-rotate-right::before, .viewer-flip-horizontal::before, .viewer-flip-vertical::before, .viewer-fullscreen::before, .viewer-fullscreen-exit::before, .viewer-close::before { background-image: url("./media/viewer_icons-3CUHYEJS.png"); background-repeat: no-repeat; background-size: 560px; color: transparent; display: block; font-size: 0; height: 40px; line-height: 0; width: 40px; } .viewer-zoom-in::before { background-position: 0 0; content: "Zoom In"; } .viewer-zoom-out::before { background-position: -40px 0; content: "Zoom Out"; } .viewer-one-to-one::before { background-position: -80px 0; content: "One to One"; } .viewer-reset::before { background-position: -120px 0; content: "Reset"; } .viewer-prev::before { background-position: -160px 0; content: "Previous"; } .viewer-play::before { background-position: -2000px 0; content: "Play"; } .viewer-next::before { background-position: -240px 0; content: "Next"; } .viewer-rotate-left::before { background-position: -280px 0; content: "Rotate Left"; } .viewer-rotate-right::before { background-position: -320px 0; content: "Rotate Right"; } .viewer-flip-horizontal::before { background-position: -360px 0; content: "Flip Horizontal"; } .viewer-flip-vertical::before { background-position: -400px 0; content: "Flip Vertical"; } .viewer-fullscreen::before { background-position: -440px 0; content: "Enter Full Screen"; } .viewer-fullscreen-exit::before { background-position: -480px 0; content: "Exit Full Screen"; } .viewer-close::before { background-position: -520px 0; content: "Close"; } .viewer-container { bottom: 0; direction: ltr; font-size: 0; left: 0; line-height: 0; overflow: hidden; position: absolute; right: 0; -webkit-tap-highlight-color: transparent; top: 0; touch-action: none; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: -moz-none; user-select: none; } .viewer-container::selection, .viewer-container *::selection { background-color: transparent; } .viewer-container:focus { outline: 0; } .viewer-container img { display: block; height: auto; max-height: none !important; max-width: none !important; min-height: 0 !important; min-width: 0 !important; width: 100%; } .viewer-canvas { bottom: 0; left: 0; overflow: hidden; position: absolute; right: 0; top: 0; } .viewer-canvas > img { height: auto; margin: 15px auto; max-width: 90% !important; width: auto; } .viewer-footer { bottom: 0; left: 0; overflow: hidden; position: absolute; right: 0; text-align: center; } .viewer-navbar { background-color: rgba(0, 0, 0, 0.5); overflow: hidden; } .viewer-list { box-sizing: content-box; height: 50px; margin: 0; overflow: hidden; padding: 1px 0; } .viewer-list > li { color: transparent; cursor: pointer; float: left; font-size: 0; height: 50px; line-height: 0; opacity: 0.5; overflow: hidden; transition: opacity 0.15s; width: 30px; } .viewer-list > li:focus, .viewer-list > li:hover { opacity: 0.75; } .viewer-list > li:focus { outline: 0; } .viewer-list > li + li { margin-left: 1px; } .viewer-list > .viewer-loading { position: relative; } .viewer-list > .viewer-loading::after { border-width: 2px; height: 20px; margin-left: -10px; margin-top: -10px; width: 20px; } .viewer-list > .viewer-active, .viewer-list > .viewer-active:focus, .viewer-list > .viewer-active:hover { opacity: 1; } .viewer-player { background-color: #000; bottom: 0; cursor: none; display: none; left: 0; position: absolute; right: 0; top: 0; z-index: 1; } .viewer-player > img { left: 0; position: absolute; top: 0; } .viewer-toolbar > ul { display: inline-block; margin: 0 auto 5px; overflow: hidden; padding: 60px 3px; } .viewer-toolbar > ul > li { background-color: rgba(0, 0, 0, 0.5); border-radius: 50%; cursor: pointer; float: left; height: 24px; overflow: hidden; transition: background-color 0.15s; width: 24px; } .viewer-toolbar > ul > li:focus, .viewer-toolbar > ul > li:hover { background-color: rgba(0, 0, 0, 0.8); } .viewer-toolbar > ul > li:focus { box-shadow: 0 0 3px #fff; outline: 0; position: relative; z-index: 1; } .viewer-toolbar > ul > li::before { margin: 2px; } .viewer-toolbar > ul > li + li { margin-left: 10px; } .viewer-toolbar > ul > .viewer-small { height: 18px; margin-bottom: 3px; margin-top: 3px; width: 18px; } .viewer-toolbar > ul > .viewer-small::before { margin: -1px; } .viewer-toolbar > ul > .viewer-large { height: 50px; margin-bottom: -3px; margin-top: -3px; width: 50px; } .viewer-toolbar > ul > .viewer-large::before { margin: 5px; } .viewer-tooltip { background-color: rgba(0, 0, 0, 0.8); border-radius: 10px; color: #fff; display: none; font-size: 12px; height: 20px; left: 50%; line-height: 20px; margin-left: -25px; margin-top: -10px; position: absolute; text-align: center; top: 50%; width: 50px; } .viewer-title { color: #ccc; display: inline-block; font-size: 12px; line-height: 1.2; margin: 5px 5%; max-width: 90%; min-height: 14px; opacity: 0.8; overflow: hidden; text-overflow: ellipsis; transition: opacity 0.15s; white-space: nowrap; } .viewer-title:hover { opacity: 1; } .viewer-button { background-color: rgba(0, 0, 0, 0.5); border-radius: 50%; cursor: pointer; height: 44px; overflow: hidden; position: absolute; right: 10px; top: 15px; transition: background-color 0.15s; width: 44px; -webkit-app-region: no-drag; } .viewer-button:focus, .viewer-button:hover { background-color: rgba(0, 0, 0, 0.8); } .viewer-button:focus { box-shadow: 0 0 3px #fff; outline: 0; } .viewer-button::before { bottom: 2px; left: 2px; position: absolute; } .viewer-fixed { position: fixed; } .viewer-open { overflow: hidden; } .viewer-show { display: block; } .viewer-hide { display: none; } .viewer-backdrop { background-color: rgba(0, 0, 0, 0.5); } .viewer-invisible { visibility: hidden; } .viewer-move { cursor: move; cursor: grab; } .viewer-fade { opacity: 0; } .viewer-in { opacity: 1; } .viewer-transition { transition: 0.3s; } @keyframes viewer-spinner { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .viewer-loading::after { animation: viewer-spinner 1s linear infinite; border: 4px solid rgba(255, 255, 255, 0.1); border-left-color: rgba(255, 255, 255, 0.5); border-radius: 50%; content: ""; display: inline-block; height: 40px; left: 50%; margin-left: -20px; margin-top: -20px; position: absolute; top: 50%; width: 40px; z-index: 1; } @media (max-width: 767px) { .viewer-hide-xs-down { display: none; } } @media (max-width: 991px) { .viewer-hide-sm-down { display: none; } } @media (max-width: 1199px) { .viewer-hide-md-down { display: none; } } /* angular:styles/global:styles */