* {margin: 0;padding: 0;}html, body {min-height: 100%;}body {background: #000;color: #fff;font-family: "icomoon";}.mobile {display: none;}.content h2,.content h1 {font-size: 82px;font-weight: bold;line-height: 1;text-align: left;font-family: Poppins, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif;}.content p {font-size: 20px;line-height: 1.5;padding: 20px 0;}.content .big-txt {line-height: 1.5;font-weight: 200;font-size: 44px;}.content .con-btn {width: 300px;height: 80px;background: linear-gradient(129deg, #fa34fb 0%, #b900ff 53%, #3d18df 100%);border-radius: 45px;display: flex;justify-content: center;align-items: center;}.content .con-btn .btn a {font-size: 20px;font-weight: 700;color: #ffffff;line-height: 32px;text-decoration: none;}.random-page {overflow: hidden;}.random-page .page-title {position: static;width: 100%;height: 55px;padding: 0 16px;left: 0;right: 0;margin: 0 auto;box-sizing: border-box;color: #fff;display: flex;align-items: center;z-index: 9;margin-bottom: 50px;}.random-page .page-title .top {width: 100%;max-width: 960px;display: flex;justify-content: space-between;align-items: center;margin: 0 auto;}.random-page .page-title .top .one {display: flex;align-items: center;}.random-page .page-title .top .one a {font-weight: bold;color: #000;text-decoration: none;}.random-page .page-title .top .one a:hover {color: rgb(125, 123, 126);}.random-page .page-title .top .con-btn {width: 80px;height: 30px;background: linear-gradient(129deg, #fa34fb 0%, #b900ff 53%, #3d18df 100%);border-radius: 45px;display: flex;justify-content: center;align-items: center;cursor: pointer;}.random-page .page-title .top .con-btn .btn {font-size: 15px;font-weight: 700;color: #ffffff;line-height: 32px;}.random-page .page-title .top .one a {margin-left: 20px;font-size: 20px;}.random-page .first-screen {width: 100%;height: 100vh;position: relative;background: #fff;}.screen-content {position: fixed;left: 50%;transform: translateX(-50%);width: 100%;height: 100%;transition: opacity 0.1s ease 0s;display: flex;justify-content: center;align-items: center;text-align: center;color: #000;background: radial-gradient(330px 416px at 250px 700px, #f54ffe5c 0%, rgba(233, 39, 252, 0.07) 100%), radial-gradient(farthest-corner at right 300px bottom 300px, rgba(1, 0, 253, 0.2) 0%, #f54ffe2a 30%, rgba(192, 174, 191, 0.24) 100%);}.number-box {display: flex;flex-direction: column;align-items: center;}.screen-img {margin-bottom: 20px;width: 106px;}.screen-img img {width: 100%;}.count-to-box {font-size: 132px;font-family: HelveticaNeue, HelveticaNeue;font-style: normal;}.screen-txt {font-size: 36px;}.screen-store {position: absolute;bottom: 130px;display: flex;}.store-item {display: flex;align-items: center;padding: 12px 40px;background: #FFFFFF;color: rgba(39, 38, 54, 1);border-radius: 6px;text-decoration: unset;font-size: 18px;}.store-item svg {margin-right: 8px;height: 26px;}.store-item+.store-item {margin-left: 100px;}.page-top {max-width: 1110px;margin: 0 auto;padding-top: 120px;}.page-top .small-txt {font-size: 20px;}.page-top .video-box {width: 800px;height: 450px;margin: 0 auto;}.page-top .content .con-btn {background: #fff;margin: 0 auto;}.page-top .content .con-btn .btn a {color: #983aec;}.page-top .content {padding: 60px 0;text-align: center;z-index: 1;}.page-top .content h2 {text-align: center;}.page-one, .page-two, .page-three, .page-four, .page-five, .page-eight, .footer-content {max-width: 1110px;margin: 0 auto;display: flex;justify-content: center;align-items: center;padding: 50px 0;}.page-two .content, .page-three .content {padding-left: 80px;width: 620px;margin-top: -60px;}.page-two .content p, .page-three .content p {padding-bottom: 40px;font-size: 16px;}.page-three .content {padding-right: 80px;padding-left: 0;}.page-six, .page-senve {position: relative;background: #fff;}.page-six {background: #fff;color: #000;padding: 115px 0 112px;}.page-six .content {width: 900px;text-align: center;margin: 0 auto;}.page-six .content h3, .page-six .content p {text-align: center;}.page-six .content h3 {font-size: 42px;}.page-senve {font-size: 0;}.page-senve img {width: 100%;}.page-eight .content p {text-align: center;}.page-eight .content .con-btn {margin: 0 auto;}.page-bg1, .page-bg2 {position: absolute;right: 0;z-index: 0;width: 901px;height: 1078px;background: url('./video-bg.png') -160px center no-repeat;background-size: cover;}.page-bg2 {right: auto;left: 0;bottom: 0;width: 342px;height: 658px;background-position-x: -720px;}.page-out-box {position: relative;background: #000;}.square-img {position: relative;min-width: 458px;max-width: 458px;}.square-img .top {position: relative;}.square-img .animated {top: 0;}.square-img .animated img {height: 726px;transform: scale(1.1);transform-origin: top;}.square-img .animated1 {z-index: 9;animation: fadeOutLeft 6s linear infinite;}.square-img .animated2 {position: absolute;z-index: 8;transform: scale(0.8);opacity: 0;animation: fadeOutLeft 6s 2s infinite;}.square-img .animated3 {position: absolute;z-index: 7;opacity: 0;animation: fadeOutLeft 6s 4s infinite;}.page-three .square-img .animated1, .page-three .square-img .animated2, .page-three .square-img .animated3 {animation-name: fadeOutRight;}.page-footer {background: #080410;}.page-footer .sub-menu a {display: block;color: #fff;text-decoration: none;padding-top: 10px;font-size: 16px;}.page-footer .adress {color: #fff;font-size: 14px;}.page-footer .adress p {padding-top: 10px;}.page-footer .adress .img {height: 30px;}.page-footer .footer-content {justify-content: space-around;align-items: self-end;}.page-footer .adress .p {color: rgba(255, 255, 255, 0.35);}.down-box {margin-top: 10px;display: flex;}.down-box a {display: inline-block;width: 130px;height: 40px;background: #4a456d;border-radius: 6px;margin-right: 20px;line-height: 40px;text-align: center;display: flex;justify-content: center;align-items: center;color: #fff;text-decoration: none;padding-right: 5px;font-size: 12px;}.down-box a .livu-logo {width: 60px;}.main-footer {background: #000;position: relative;}.main-box {max-width: 960px;margin: 0 auto;background: #000;}.main-box .sub-box {display: flex;align-items: flex-start;font-size: 18px;gap: 60px;padding-top: 60px;}.main-box .sub-box h3 {color: #ffffff;font-size: 24px;margin-bottom: 20px;font-weight: 500;}.main-box .sub-box ul {padding: 0;}.main-box .sub-box li {list-style: none;line-height: 1.75;}.main-box .sub-box li a {color: #fff;text-decoration: none;font-size: 18px;}.main-box .sub-box .osb1 li a {opacity: 0.6;}.main-box .sub-box {border-bottom: solid 1px #ffffff50;padding-bottom: 50px;margin-bottom: 50px;}.main-box .sub-box .osb2 ul {display: inline-flex;align-items: center;gap: 20px;}.main-box .sub-box .osb2 li:last-child {margin-left: -8px;}.main-box .sub-box .osb2 img {display: block;height: 24px;}.main-box .sub-box .osb3 li a {opacity: 0.6;}.main-box .sub-box ul li a {transition: all 0.2s;}.main-box .sub-box ul li a:hover {opacity: 1;}.main-box .bottom-box .the-btns {display: flex;align-items: center;gap: 30px;color: #fff;}.main-box .bottom-box .the-btns h3 {font-size: 32px;}.main-box .bottom-box .the-btns img {display: inline-block;height: 76px;}.main-box .bottom-box p {opacity: 0.6;font-size: 18px;margin: 30px 0;color: #fff;}.main-box .bottom-box .the-logo {text-align: center;}.main-box .bottom-box .the-logo img {display: inline-block;height: 30px;}.footer {background: #000;color: #827c7c;text-align: center;font-size: 14px;padding: 30px 0;line-height: 1.5;}@keyframes fadeOutLeft {0% {opacity: 0;transform: scale(0.8) translateX(0);}10% {opacity: 1;transform: scale(1) translateX(0);}35% {opacity: 1;transform: scale(1) translateX(0);}50% {opacity: 0;transform: translateX(-100%);}100% {opacity: 0;}}@keyframes fadeOutRight {0% {opacity: 0;transform: scale(0.8) translateX(0);}10% {opacity: 1;transform: scale(1) translateX(0);}35% {opacity: 1;transform: scale(1) translateX(0);}50% {opacity: 0;transform: translateX(100%);}100% {opacity: 0;}}.lang-cs{cursor: pointer;background:#fff;display: flex;align-items: center;justify-content: center;color:#000;border-radius: 100px;height:38px;gap:4px;padding:0 10px;font-size:14px;font-weight: bold;}.lang-cs svg{display: block;width: 24px;height:24px;}.lang-list{position: fixed;width:100%;height:100%;left:50%;top:0;transform: translateX(-50%);z-index:2000;display: none;max-width: 1300px;}.lang-list .inner {background:#fff;position: absolute;right: 120px;top: 78px;border-radius: 20px;padding:20px 10px;width: 240px;display: flex;font-size:12px;font-weight: bold;flex-wrap: wrap;line-height: 2;}.lang-list .inner a{min-width: 49%;display: block;text-align: center;color:#000;}.lang-list .inner a.cur{color:red;}@media screen and (max-width: 680px) {.lang-cs{display: none;}.screen-content {background: radial-gradient(farthest-side at right 150px bottom 300px, rgba(1, 0, 253, 0.2) 0%, #f54ffe47 30%, rgba(192, 174, 191, 0.24) 100%);background: radial-gradient(95% 52% at 64% 50%, rgba(1, 0, 253, 0.15) 0%, #f54ffe28 70%, rgba(1, 0, 253, 0) 100%), radial-gradient(farthest-side at right bottom, rgba(192, 174, 191, 0.24) 60%, #f54ffe2c);}.page-top .video-box {width: 100%;}.square-img {min-width: 100%;max-width: 100%;margin-bottom: -30px;height: auto;z-index: 0;}.square-img .animated {height: auto;top: 0;}.square-img .animated img {max-width: 100%;width: 100%;height: 100%;transform: none;}.count-to-box {font-size: 38px;}.screen-store {bottom: 100px;}.screen-txt {font-size: 24px;margin-top: 10px;}.store-item {padding: 8px 12px;font-size: 12px;}.store-item+.store-item {margin-left: 10px;}.store-item svg {height: 18px;}.page-two .content, .page-three .content {width: 100%;}.page-six .content {width: 100%;}.page-six .content h3 {font-size: 32px;}.main-box .inner {box-sizing: border-box;padding: 0 0.45rem;}.main-box .sub-box {gap: 0.4rem;padding-bottom: 0.5rem;margin-bottom: 0.5rem;border-color: #ffffff20;padding-top: 0.8rem;}.main-box .sub-box h3 {font-size: 0.36rem;margin-bottom: 0.32rem;}.main-box .sub-box li {line-height: 1.2;padding: 0.1rem 0;}.main-box .sub-box li:last-child {margin: 0;}.main-box .sub-box li a {font-size: 0.34rem;}.main-box .sub-box .osb2 ul {flex-wrap: wrap;width: 2rem;gap: 0.5rem;}.main-box .sub-box .osb2 img {height: 0.52rem;}.main-box .bottom-box .the-btns {display: block;font-size: 0;}.main-box .bottom-box .the-btns h3 {font-size: 0.58rem;margin-bottom: 0.3rem;}.main-box .bottom-box .the-btns a {display: inline-block;}.main-box .bottom-box .the-btns img {height: 1.4rem;}.main-box .bottom-box .the-btns .btn-ios {margin-right: 0.2rem;}.main-box .bottom-box p {font-size: 0.34rem;margin: 0.65rem 0;}.main-box .bottom-box .the-logo {margin: 1rem 0 0.5rem;}.main-box .bottom-box .the-logo img {height: 0.52rem;}.footer {font-size: 0.24rem;padding: 0.5rem 0;}.down-box {justify-content: center;margin-bottom: 10px;}.random-page .page-title .top .one a {font-size: 14px;}.down-box a {width: 100px;height: 34px;border-radius: 6px;margin-right: 10px;padding-right: 5px;font-size: 12px;}.down-box a:nth-child(3) {margin-right: 0px;}.page-footer .adress .down-box a img {margin-right: 5px;width: 20px;}.page-footer .adress .down-box a .livu-logo {width: 33px;}.random-page .page-title {margin-bottom: 0;}.content h2,.content h1{font-size: 32px;font-weight: bold;line-height: 1.2;text-align: left;}.mobile {display: block;}.page-top {padding: 0;width: 100%;padding-top: 0;}.page-top .content {padding: 60px 30px;width: 100%;box-sizing: border-box;font-size: 14px;}.page-top .content p {text-align: center;padding-bottom: 0;}.content p {font-size: 16px;line-height: 1.5;padding: 20px 0 40px;text-align: left;}.page-top .content p.big-txt {font-size: 20px;}.page-top .content p.small-txt {font-size: 16px;}.random-page .page-title .top .one a {margin-left: 11px;}.page-top {background: none;}.logo, .logo img {height: 15px;}.page-two, .page-four, .footer-content {flex-direction: column;padding: 20px 30px;max-width: 100%;}.page-one, .page-three, .page-five {flex-direction: column-reverse;padding: 70px 30px;}.page-two .content, .page-four .content {padding-left: 0;padding-top: 20px;z-index: 1;}.page-one .content, .page-three .content, .page-five .content {padding-top: 20px;padding-right: 0;z-index: 1;}.page-three .content p{font-size: 14px;}.page-bg1 {width: 313px;height: 659px;top: 100px;background-position-x: -285px;}.page-img img {width: 100%;}.page-six {padding: 20px 30px 10px 30px;}.page-eight {padding: 20px 0;}.page-eight .content p {text-align: center;padding: 0 30px 20px 30px;}.page-footer .footer-content {justify-content: center;align-items: center;}.page-footer .sub-menu a {color: #fff;text-decoration: underline;padding: 5px 10px 0 0;font-size: 14px;text-align: center;}.page-footer .adress .img {height: 15px;margin: 0 auto;}.page-footer .adress {color: #fff;font-size: 12px;text-align: center;margin-top: 20px;}.page-footer .adress p {padding-top: 5px;}.content .con-btn .btn a {font-size: 16px;font-weight: bold;color: #ffffff;line-height: 32px;text-decoration: none;}.content .con-btn {height: 60px;margin: 0 auto;}.page-top .mobile img {width: 100%;}.page-senve {overflow: hidden;width: 100%;}.page-senve img {width: 100%;}}.page-box .side-bar {display: flex;justify-content: center;position: fixed;width: 100%;z-index: 31;top: 0;background: #892DF7;}.page-box .side-bar .nav {display: flex;color: black;list-style-type: none;flex: 1;margin-left: 40px;}.page-box .side-bar .nav li {margin-right: 30px;font-size: 16px;line-height: 20px;}.page-box .side-bar .nav li a {color: #fff;list-style-type: none;text-decoration: unset;opacity: 0.8;}.page-box .side-bar .nav li .active {opacity: 1;font-weight: bold;position: relative;}.page-box .side-bar .nav li .active::after {content: "";position: absolute;width: 14px;height: 3px;background: #fff;border-radius: 2px;bottom: -4px;left: 50%;transform: translateX(-50%);}.page-box .side-bar .home-head {display: flex;align-items: center;justify-content: space-between;padding: 30px 18px;box-sizing: border-box;width: 100%;max-width: 1300px;height: 64px;border-radius: 16px;backdrop-filter: blur(9px);}.page-box .side-bar .home-head .logo {font-size: 0;margin: 0 20px 0 0px !important;}.page-box .side-bar .home-head .logo img {display: block;height: 34px;}.page-box .side-bar .home-head .number {font-size: 14px;display: flex;align-items: center;}.page-box .side-bar .home-head .number .btn-login-pc {margin-left: 10px;display: inline-flex;align-items: center;justify-content: center;transition: all 0.3s;padding: 10px 28px;border-radius: 46px;background: #fff;}.page-box .side-bar .home-head .number .btn-login-pc:hover {opacity: 0.8;}.page-box .side-bar .home-head .number .btn-login-pc span {display: inline-block;font-size: 14px;font-weight: 600;color: #000;line-height: 20px;}.page-box .side-bar .home-head .btn-menu-x {display: none;}.page-box .side-bar .top-number {width: 418px;height: 66px;background: rgba(255, 255, 255, 0.5);border-radius: 33px;backdrop-filter: blur(9px);display: flex;align-items: center;justify-content: space-around;font-size: 18px;color: #000000;line-height: 22px;margin-top: 32px !important;}.page-box .side-bar .top-number img {width: 56px;height: 56px;}.page-box .side-bar .top-number #homeTopNumber {font-size: 36px;font-weight: normal;line-height: 43px;margin-left: 15px;}.page-box .side-bar .home-head .btn-menu, .page-box .side-bar .home-head .btn-login {display: none;}.page-box .banner .btn-box {display: flex;flex-direction: column;}@media screen and (max-width: 680px) {.logo, .logo img {height: unset;}.page-box .side-bar .home-head {width: 100%;height: 1.33rem;margin: 0;border-radius: unset;position: relative;}.page-box .side-bar .home-head .nav {display: none;margin: 0;border-top-left-radius: unset;border-top-right-radius: unset;}.page-box .side-bar .home-head .number {justify-content: space-between;width: 100%;flex-direction: row-reverse;}.page-box .side-bar .home-head .number .btn-login-pc {height: 0.85rem;align-items: center;justify-content: center;border-radius: 1rem;padding: 0 0.5rem;font-size: 0.42rem;}.page-box .side-bar .home-head .logo {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}.page-box .side-bar .home-head .logo img {height: 0.7rem;}.page-box .side-bar .home-head .number .btn-login-pc span {font-size: 0.42rem;}.page-box .side-bar .home-head .btn-menu-x {display: flex;width: 0.85rem;color: #fff;}.page-box .side-bar .home-head .btn-menu-x svg {width: 100%;}.page-box .side-bar .home-head .btn-menu-x img {width: 100%;margin-top: 0.06rem;}.mobel-nav-box{position: fixed;z-index: 10;width: 75% !important;left: 0;top: 0 !important;height: 100% !important;background: #fff;display: flex;flex-direction: column;padding-top: 0.64rem !important;text-align: left;border: unset !important;}.mobel-nav-box .logo{width: 1.25rem;padding-left: 0.74rem;margin-top: .25rem;}.mobel-nav-box .close{position: absolute;right: 0.48rem;top: 0.6rem;width: 0.97rem;}.lang-cs-mb{display: flex;position:absolute;left: 2.2rem;top: .56rem;background:#F8F6FA;font-size:12px;}.lang-cs-mb svg{width: 20px;height:20px;}.lang-list .inner {background:#fff;position: absolute;right: auto;left: .6rem;top: 2rem;border-radius: .4rem;padding:.4rem .2rem;width: 63%;font-size:.37rem;box-sizing: border-box;box-shadow: 0 0 .2rem #00000020;line-height: 2.5;}.lang-list .inner a{min-width: 50%;display: block;font-weight: normal;text-align: center;color:#1A42FA;text-decoration: none;}.mobel-nav {padding-left: 0.74rem;padding-right: 0.74rem;display: block !important;margin: 0 !important;margin-top: .8rem !important;margin-bottom: 1.1rem !important;background: #fff;z-index: 10;width: 100%;box-sizing: border-box;list-style: none;}.mobel-nav li {font-size: 0.37rem !important;border-bottom: .5px solid rgba(0,0,0,.14);height: 40px;line-height: 40px;}.mobel-nav li a {color: #000;text-decoration: unset;}.mobil-login {border-radius: 0.67rem;background: linear-gradient( 129deg, #FA34FB 0%, #B900FF 53%, #3D18DF 100%);font-size: 0.39rem;font-weight: bold;color:#fff;display: inline;width: 210px;margin-top: 100px;position: absolute;bottom: 15%;left: 30px;height: 50px;text-align: center;line-height: 50px;}}a {color: #000;}.animate__down {display: inline-block;transition-property: transform, opacity;transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1), cubic-bezier(0.19, 1, 0.22, 1);transform: translateY(-50px);opacity: 0;transition-duration: 2s, 1s;}.animate__down.animated {transition-delay: 400ms;transform: translateY(0px) scale(1);opacity: 1;}@media screen and (max-width: 680px) {[lang="fr"] .mobel-nav li{font-size: 0.34rem !important }}