|
- .home {
- .logo {
- max-width: 220px;
- }
-
- .hero {
- @media only screen and (max-width: 767px) {
- h1 {
- font-size: 3.5em;
- }
-
- h2 {
- font-size: 2em;
- }
- }
-
- @media only screen and (min-width: 768px) {
- h1 {
- font-size: 5.5em;
- }
-
- h2 {
- font-size: 3em;
- }
- }
-
- .svg {
- color: #5aa509;
- height: 40px;
- width: 50px;
- vertical-align: bottom;
- }
-
- &.header {
- font-size: 20px;
- }
- }
-
- p.large {
- font-size: 16px;
- }
-
- .stackable {
- padding-top: 30px;
- }
-
- a {
- color: #5aa509;
- }
- }
-
- .signup {
- padding-top: 15px;
- }
-
- footer {
- .ui.container .left,
- .ui.container .right {
- @media only screen and (max-width: 880px) {
- display: block;
- text-align: center;
- float: none;
- }
- }
- }
- .__home_screemap{
- .anchorBL{display: none;}
- .BMap_cpyCtrl{display: none;}
- position: relative;
- .screemap_button_add{
- position: absolute;
- z-index: 999;
- right: 6%;
- top: 5%;
- color: #007aff;
- border: 1px solid #007aff;
- width: 1.5rem;
- height: 1.5rem;
- }
- .screemap_button_min{
- position: absolute;
- right: 3%;
- z-index: 999;
- top: 5%;
- color: #007aff;
- border: 1px solid #007aff;
- width: 1.5rem;
- height: 1.5rem;
- }
- .screemap_content_wrap{
- position:absolute ;
- top: 20%;
- left: 14.5%;
- z-index: 99;
- min-height: 516px;
- width: 406px;
- background: linear-gradient(180.29deg, rgba(219,234,254,0.6) 0.4%,rgba(252,202,202,0) 99.4%);
- font-size: 12px;
- .screemap_content_part1{
- display: flex;
- align-items: center;
- height: 56px;
- border-bottom: 1px solid rgba(203, 212, 251, 1);
- margin: 0 8px;
- color: rgba(55, 0, 211, 1);
- .text_wrap_right{
- text-align: right;
- width: 145px;
- margin-top: 1rem;
- }
- .text_wrap_left{
- text-align: left;
- width: 145px;
- margin-top: 1rem;
- }
- }
- .screemap_content_part2{
- width: 100%;
- height: 460px;
- .inner-container::-webkit-scrollbar {
- display: none;
- }
- .inner-container {
- position: absolute;
- left: 0;
- overflow-y: scroll;
- margin: 0 -100px;
- padding: 0 100px;
- .container_wrap{
- margin: 20px 8px;
- width: 100%;
- height: 406px;
- .content_container{
- display: flex;
- align-items: center;
- margin-bottom: 20px;
- .left_task_num{
- float: right;
- height: 10px;
- line-height: 20px;
- border-radius: 5px;
- background: linear-gradient(89.88deg, rgba(235,60,90,1) 0.38%,rgba(254,153,90,1) 99.28%);
- }
- .right_card_duration{
- height: 10px;
- line-height: 20px;
- border-radius: 5px;
- background: linear-gradient(89.88deg, rgba(57,94,254,1) 0.38%,rgba(46,197,208,1) 99.28%);
- }
- }
- }
- }
- }
-
- }
- }
- @media (min-width: 100px) and (max-width: 1199.99px) {
- #homenews {
- top: -1100px !important;
- }
- }
- @media (min-width: 1320px) and (max-width: 1599.99px) {
- ._hm-container {
- width: 1200px !important;
- }
- }
-
- @media only screen and (min-width: 1600px) {
- ._hm-container {
- width: 1440px !important;
- }
- }
-
- @keyframes _hm-swing {
- 20% {
- transform: rotate3d(0, 0, 1, 15deg);
- }
-
- 40% {
- transform: rotate3d(0, 0, 1, -10deg);
- }
-
- 60% {
- transform: rotate3d(0, 0, 1, 5deg);
- }
-
- 80% {
- transform: rotate3d(0, 0, 1, -5deg);
- }
-
- to {
- transform: rotate3d(0, 0, 1, 0deg);
- }
- }
-
- ._hm-swing {
- transform-origin: top center;
- animation-name: _hm-swing;
- }
-
- @keyframes _hm-shake {
-
- from,
- to {
- transform: translate3d(0, 0, 0);
- }
-
- 10%,
- 30%,
- 50%,
- 70%,
- 90% {
- transform: translate3d(-10px, 0, 0);
- }
-
- 20%,
- 40%,
- 60%,
- 80% {
- transform: translate3d(10px, 0, 0);
- }
- }
-
- ._hm-shake {
- animation-name: _hm-shake;
- }
-
- @keyframes _hm-slide-up {
-
- from {
- transform: translate3d(0, 0, 0);
- }
-
- 5% {
- transform: translate3d(0, 0, 0);
- }
-
- 50% {
- transform: translate3d(0, -90%, 0);
- }
-
- to {
- transform: translate3d(0, -90%, 0);
- }
- }
-
- ._hm-slide-up {
- animation-duration: 10s;
- animation-iteration-count: infinite;
- animation-name: _hm-slide-up;
- }
-
- @keyframes _hm-fade-out {
- from {
- opacity: 0;
- }
-
- 50% {
- opacity: 1;
- }
-
- 70% {
- opacity: 1;
- }
-
- 80% {
- opacity: 1;
- }
-
- 90% {
- opacity: 0;
- }
-
- to {
- opacity: 0;
- }
- }
-
- ._hm-fade-out {
- animation-duration: 16s;
- animation-iteration-count: infinite;
- animation-name: _hm-fade-out;
- animation-delay: 1.2s;
- }
-
- @keyframes _hm-change-bg {
- from {
- background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%3E%3Cdefs%3E%3CradialGradient%20id%3D%221%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(-1.393%2C%200.2919999999999999%2C%20-0.06390807221064813%2C%20-1.395786%2C%201%2C%200.997)%22%3E%3Cstop%20stop-color%3D%22%233bb6fe%22%20stop-opacity%3D%221%22%20offset%3D%220%22%3E%3C%2Fstop%3E%3Cstop%20stop-color%3D%22%232abcff%22%20stop-opacity%3D%221%22%20offset%3D%220.51%22%3E%3C%2Fstop%3E%3Cstop%20stop-color%3D%22%238e4cb7%22%20stop-opacity%3D%221%22%20offset%3D%221%22%3E%3C%2Fstop%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%3Crect%20width%3D%22100%25%22%20height%3D%22100%25%22%20fill%3D%22url(%231)%22%3E%3C%2Frect%3E%3C%2Fsvg%3E");
- }
-
- 45% {
- background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%3E%3Cdefs%3E%3CradialGradient%20id%3D%221%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(-1.393%2C%200.2919999999999999%2C%20-0.06390807221064813%2C%20-1.395786%2C%201%2C%200.997)%22%3E%3Cstop%20stop-color%3D%22%233bb6fe%22%20stop-opacity%3D%221%22%20offset%3D%220%22%3E%3C%2Fstop%3E%3Cstop%20stop-color%3D%22%232abcff%22%20stop-opacity%3D%221%22%20offset%3D%220.51%22%3E%3C%2Fstop%3E%3Cstop%20stop-color%3D%22%238e4cb7%22%20stop-opacity%3D%221%22%20offset%3D%221%22%3E%3C%2Fstop%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%3Crect%20width%3D%22100%25%22%20height%3D%22100%25%22%20fill%3D%22url(%231)%22%3E%3C%2Frect%3E%3C%2Fsvg%3E");
- }
-
- 50% {
- background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%221%22%20x1%3D%220%22%20x2%3D%221%22%20y1%3D%220%22%20y2%3D%220%22%20gradientTransform%3D%22matrix(6.117110761741029e-17%2C%200.999%2C%20-0.21820798177083334%2C%206.117110761741029e-17%2C%200%2C%200)%22%3E%3Cstop%20stop-color%3D%22%239c6af2%22%20stop-opacity%3D%221%22%20offset%3D%220%22%3E%3C%2Fstop%3E%3Cstop%20stop-color%3D%22%2363d0f9%22%20stop-opacity%3D%221%22%20offset%3D%220.78%22%3E%3C%2Fstop%3E%3Cstop%20stop-color%3D%22%2378fbed%22%20stop-opacity%3D%221%22%20offset%3D%221%22%3E%3C%2Fstop%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Crect%20width%3D%22100%25%22%20height%3D%22100%25%22%20fill%3D%22url(%231)%22%3E%3C%2Frect%3E%3C%2Fsvg%3E");
- }
-
- 95% {
- background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%221%22%20x1%3D%220%22%20x2%3D%221%22%20y1%3D%220%22%20y2%3D%220%22%20gradientTransform%3D%22matrix(6.117110761741029e-17%2C%200.999%2C%20-0.21820798177083334%2C%206.117110761741029e-17%2C%200%2C%200)%22%3E%3Cstop%20stop-color%3D%22%239c6af2%22%20stop-opacity%3D%221%22%20offset%3D%220%22%3E%3C%2Fstop%3E%3Cstop%20stop-color%3D%22%2363d0f9%22%20stop-opacity%3D%221%22%20offset%3D%220.78%22%3E%3C%2Fstop%3E%3Cstop%20stop-color%3D%22%2378fbed%22%20stop-opacity%3D%221%22%20offset%3D%221%22%3E%3C%2Fstop%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Crect%20width%3D%22100%25%22%20height%3D%22100%25%22%20fill%3D%22url(%231)%22%3E%3C%2Frect%3E%3C%2Fsvg%3E");
- }
-
- to {
- background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%3E%3Cdefs%3E%3CradialGradient%20id%3D%221%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(-1.393%2C%200.2919999999999999%2C%20-0.06390807221064813%2C%20-1.395786%2C%201%2C%200.997)%22%3E%3Cstop%20stop-color%3D%22%233bb6fe%22%20stop-opacity%3D%221%22%20offset%3D%220%22%3E%3C%2Fstop%3E%3Cstop%20stop-color%3D%22%232abcff%22%20stop-opacity%3D%221%22%20offset%3D%220.51%22%3E%3C%2Fstop%3E%3Cstop%20stop-color%3D%22%238e4cb7%22%20stop-opacity%3D%221%22%20offset%3D%221%22%3E%3C%2Fstop%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%3Crect%20width%3D%22100%25%22%20height%3D%22100%25%22%20fill%3D%22url(%231)%22%3E%3C%2Frect%3E%3C%2Fsvg%3E");
- }
- }
-
- ._hm-change-bg {
- animation-duration: 16s;
- animation-iteration-count: infinite;
- animation-name: _hm-change-bg;
- }
-
- @keyframes _hm-show-section-1 {
- from {
- opacity: 1;
- transform: translateX(0);
- }
-
- 45% {
- opacity: 1;
- transform: translateX(0);
- }
-
- 45.01%,
- 95% {
- opacity: 0;
- transform: translateX(-1000%);
- }
-
- 95.01% {
- opacity: 1;
- transform: translateX(0);
- }
-
- to {
- opacity: 1;
- transform: translateX(0);
- }
- }
-
- ._hm-show-section-1 {
- animation-duration: 16s;
- animation-iteration-count: infinite;
- animation-name: _hm-show-section-1;
- }
-
- @keyframes _hm-show-section-2 {
- from {
- opacity: 0;
- transform: translateX(-1000%);
- }
-
- 45% {
- opacity: 0;
- transform: translateX(-1000%);
- }
-
- 45.01%,
- 95% {
- opacity: 1;
- transform: translateX(0);
- }
-
- 95.01% {
- opacity: 0;
- transform: translateX(-1000%);
- }
-
- to {
- opacity: 0;
- transform: translateX(-1000%);
- }
- }
-
- ._hm-show-section-2 {
- animation-duration: 16s;
- animation-iteration-count: infinite;
- animation-name: _hm-show-section-2;
- }
-
- @keyframes _hm-slide-in-left-once {
- from {
- transform: translateX(-100%);
- }
- to {
- transform: translateX(0);
- }
- }
-
- @keyframes _hm-slide-in-right-once {
- from {
- transform: translateX(100%);
- }
- to {
- transform: translateX(0);
- }
- }
-
- @keyframes _hm-slide-in-left {
- from {
- opacity: 1;
- }
-
- 5% {
- transform: translateX(0);
- }
-
- 45% {
- opacity: 1;
- }
-
- 45.01%,
- 95% {
- opacity: 0;
- transform: translateX(0);
- }
-
- 95.01% {
- opacity: 1;
- transform: translateX(-100%);
- }
-
- to {
- opacity: 1;
- transform: translateX(0);
- }
- }
-
- ._hm-slide-in-left {
- animation-duration: 16s;
- animation-iteration-count: infinite;
- animation-name: _hm-slide-in-left;
- animation-fill-mode: forwards;
- }
-
- @keyframes _hm-slide-in-right {
- from {
- opacity: 0;
- }
-
- 45% {
- opacity: 0;
-
- }
-
- 45.01% {
- transform: translateX(100%);
- opacity: 1;
- }
-
- 50% {
- transform: translateX(0);
- opacity: 1;
- }
-
- 95% {
- opacity: 1;
- }
-
- 95.01% {
- opacity: 0;
- }
-
- to {
- opacity: 0;
- }
- }
-
- ._hm-slide-in-right {
- animation-duration: 16s;
- animation-iteration-count: infinite;
- animation-name: _hm-slide-in-right;
- animation-fill-mode: forwards
- }
-
- @keyframes _hm-bounce-in-up {
-
- 0%,
- 60%,
- 75%,
- 90%,
- 100% {
- transition-timing-function: cubic-bezier(0.215, .610, .355, 1.000);
- }
-
- 0% {
- opacity: 0;
- transform: translate3d(0, 3000px, 0);
- }
-
- 60% {
- opacity: 1;
- transform: translate3d(0, -25px, 0);
- }
-
- 75% {
- transform: translate3d(0, 10px, 0);
- }
-
- 90% {
- transform: translate3d(0, -5px, 0);
- }
-
- 100% {
- transform: none;
- }
- }
-
- ._hm-bounce-in-up {
- animation-name: _hm-bounce-in-up
- }
-
- @keyframes _hm-ani-bubble-c {
- from {
- opacity: 1;
- }
-
- 20% {
- opacity: 1;
- }
-
- 30% {
- opacity: 1;
- }
-
- 40%,
- 50%,
- 90% {
- opacity: 0;
- }
-
- to {
- opacity: 1;
- }
- }
-
- ._hm-ani-bubble-c {
- animation-name: _hm-ani-bubble-c;
- animation-duration: 20s;
- animation-iteration-count: infinite;
- animation-delay: 1s;
- }
-
- ._hm-transition-common {
- transition: all 500ms linear 0s, z-index 0s linear 0s;
- }
-
- ._hm-bg-container {
- overflow: hidden;
- position: relative;
- height: 580px;
- }
-
- ._hm-pg-static {
- position: absolute;
- height: 100%;
- width: 100%;
- }
-
- ._hm-pg {
- position: absolute;
- height: 100%;
- width: 100%;
- display: none;
- }
-
- ._hm-pg-show {
- display: block;
- }
-
- ._hm-pg-hide {
- display: none;
- }
-
- ._hm-pg-bg-1 {
- background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%3E%3Cdefs%3E%3CradialGradient%20id%3D%221%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(-1.393%2C%200.2919999999999999%2C%20-0.06390807221064813%2C%20-1.395786%2C%201%2C%200.997)%22%3E%3Cstop%20stop-color%3D%22%233bb6fe%22%20stop-opacity%3D%221%22%20offset%3D%220%22%3E%3C%2Fstop%3E%3Cstop%20stop-color%3D%22%232abcff%22%20stop-opacity%3D%221%22%20offset%3D%220.51%22%3E%3C%2Fstop%3E%3Cstop%20stop-color%3D%22%238e4cb7%22%20stop-opacity%3D%221%22%20offset%3D%221%22%3E%3C%2Fstop%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%3Crect%20width%3D%22100%25%22%20height%3D%22100%25%22%20fill%3D%22url(%231)%22%3E%3C%2Frect%3E%3C%2Fsvg%3E");
- }
-
- ._hm-pg-bg-2 {
- background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%221%22%20x1%3D%220%22%20x2%3D%221%22%20y1%3D%220%22%20y2%3D%220%22%20gradientTransform%3D%22matrix(6.117110761741029e-17%2C%200.999%2C%20-0.21820798177083334%2C%206.117110761741029e-17%2C%200%2C%200)%22%3E%3Cstop%20stop-color%3D%22%239c6af2%22%20stop-opacity%3D%221%22%20offset%3D%220%22%3E%3C%2Fstop%3E%3Cstop%20stop-color%3D%22%2363d0f9%22%20stop-opacity%3D%221%22%20offset%3D%220.78%22%3E%3C%2Fstop%3E%3Cstop%20stop-color%3D%22%2378fbed%22%20stop-opacity%3D%221%22%20offset%3D%221%22%3E%3C%2Fstop%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Crect%20width%3D%22100%25%22%20height%3D%22100%25%22%20fill%3D%22url(%231)%22%3E%3C%2Frect%3E%3C%2Fsvg%3E");
- }
- ._hm-pg-bg-3-placeholder-1 {
- position: absolute;
- width: 100%;
- height: 51%;
- top: 0;
- left: 0;
- background-color: #2e035f;
- display: none;
- }
- ._hm-pg-bg-3-placeholder-2 {
- position: absolute;
- height: 50%;
- width: 100%;
- bottom: 0;
- left: 0;
- display: none;
- }
- ._hm-pg-bg-3 {
- background: url("/img/home-banner-01.jpg");
- background-repeat: no-repeat;
- background-position: center center;
- background-size: cover;
- }
- ._hm-pg-bg-3-en {
- background: url("/img/home-banner-01-en.jpg");
- background-repeat: no-repeat;
- background-position: center center;
- background-size: cover;
- }
-
- ._hm-slide-btn {
- position: absolute;
- z-index: 30;
- color: white;
- height: 30px;
- width: 30px;
- border: 1px solid rgba(255,255,255,0.6);
- box-sizing: border-box;
- top: 50%;
- transform: translateY(-50%) rotate(-45deg) ;
- cursor: pointer;
- padding: 5px;
- }
-
- ._hm-slide-btn-left {
- left: 30px;
- border-right: none;
- border-bottom: none;
- }
-
- ._hm-slide-btn-right {
- right: 30px;
- border-top: none;
- border-left: none;
- }
-
- ._hm-slide-pagination-c {
- display: none;
- position: absolute;
- z-index: 30;
- text-align: center;
- height: 30px;
- width: 100%;
- bottom: 0;
- }
-
- ._hm-slide-pagination-item {
- display: inline-block;
- width: 8px;
- height: 8px;
- background: rgb(185, 227, 244);
- border-radius: 100%;
- margin: 0 2px;
- cursor: pointer;
- }
- ._hm-slide-pagination-item-active {
- width: 40px;
- border-radius: 4px;
- cursor: default;
- }
-
- ._hm-circle {
- position: absolute;
- top: 180px;
- left: 70%;
- z-index: 1;
- opacity: 0.9;
- transform-origin: 73px 73px;
- animation-delay: 0.5s;
- animation-duration: 2.6s;
- animation-iteration-count: infinite;
- width: 146px;
- height: 146px;
- border-width: 0px;
- border-radius: 100%;
- background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%3E%3Cdefs%3E%3CradialGradient%20id%3D%221%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(-0.6710000000000002%2C%20-0.8079999999999999%2C%200.8079999999999999%2C%20-0.6710000000000002%2C%201%2C%201)%22%3E%3Cstop%20stop-color%3D%22%2390fe9f%22%20stop-opacity%3D%220.6%22%20offset%3D%220.03%22%3E%3C%2Fstop%3E%3Cstop%20stop-color%3D%22%235b52f8%22%20stop-opacity%3D%220.1%22%20offset%3D%221%22%3E%3C%2Fstop%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%3Crect%20width%3D%22100%25%22%20height%3D%22100%25%22%20fill%3D%22url(%231)%22%3E%3C%2Frect%3E%3C%2Fsvg%3E");
- }
-
- ._hm-circle-rect {
- position: absolute;
- top: 400px;
- left: 55%;
- opacity: 0.9;
- transform-origin: 632px 430px;
- animation-delay: 0.5s;
- animation-duration: 2.6s;
- animation-iteration-count: infinite;
- width: 1264px;
- height: 860px;
- border-radius: 100%;
- background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%3E%3Cdefs%3E%3CradialGradient%20id%3D%221%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(-0.5890000000000002%2C%20-0.6789999999999998%2C%200.3177778954194038%2C%20-0.5954790000000001%2C%200.749%2C%200.847)%22%3E%3Cstop%20stop-color%3D%22%2390fe9f%22%20stop-opacity%3D%220%22%20offset%3D%220%22%3E%3C%2Fstop%3E%3Cstop%20stop-color%3D%22%2302cafd%22%20stop-opacity%3D%220.3%22%20offset%3D%221%22%3E%3C%2Fstop%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%3Crect%20width%3D%22100%25%22%20height%3D%22100%25%22%20fill%3D%22url(%231)%22%3E%3C%2Frect%3E%3C%2Fsvg%3E");
- }
-
- ._hm-bubble-c {
- position: absolute;
- height: 1px;
- width: 100%;
- left: 0;
- bottom: -90px;
- z-index: 3;
- opacity: 0.8;
- }
-
- ._hm-bubble-1 {
- position: absolute;
- top: -474px;
- left: 0px;
- z-index: 9;
- opacity: 0.9;
- animation-duration: 2s;
- animation-iteration-count: infinite;
- width: 24px;
- height: 24px;
- border-radius: 100%;
- transform: translate3d(0, 3000px, 0);
- background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%221%22%20x1%3D%220%22%20x2%3D%221%22%20y1%3D%220%22%20y2%3D%220%22%20gradientTransform%3D%22matrix(1.004%2C%200%2C%200%2C%201.004%2C%20-0.004%2C%201.004)%22%3E%3Cstop%20stop-color%3D%22%23101010%22%20stop-opacity%3D%221%22%20offset%3D%220%22%3E%3C%2Fstop%3E%3Cstop%20stop-color%3D%22%23101010%22%20stop-opacity%3D%220.3%22%20offset%3D%221%22%3E%3C%2Fstop%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Crect%20width%3D%22100%25%22%20height%3D%22100%25%22%20fill%3D%22url(%231)%22%3E%3C%2Frect%3E%3C%2Fsvg%3E");
- }
-
- ._hm-bubble-2 {
- position: absolute;
- top: -455px;
- left: 45px;
- z-index: 10;
- opacity: 0.9;
- transform-origin: 10px 10px;
- animation-delay: 0.5s;
- animation-duration: 2.6s;
- animation-iteration-count: infinite;
- width: 20px;
- height: 20px;
- border-radius: 100%;
- transform: translate3d(0, 3000px, 0);
- background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%221%22%20x1%3D%220%22%20x2%3D%221%22%20y1%3D%220%22%20y2%3D%220%22%20gradientTransform%3D%22matrix(1.004%2C%200%2C%200%2C%201.004%2C%20-0.004%2C%201.004)%22%3E%3Cstop%20stop-color%3D%22%23101010%22%20stop-opacity%3D%221%22%20offset%3D%220%22%3E%3C%2Fstop%3E%3Cstop%20stop-color%3D%22%23101010%22%20stop-opacity%3D%220.3%22%20offset%3D%221%22%3E%3C%2Fstop%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Crect%20width%3D%22100%25%22%20height%3D%22100%25%22%20fill%3D%22url(%231)%22%3E%3C%2Frect%3E%3C%2Fsvg%3E");
- }
-
- ._hm-bubble-3 {
- position: absolute;
- top: -433px;
- left: 6px;
- z-index: 11;
- opacity: 0.9;
- transform-origin: 6px 6px;
- animation-delay: 0.8s;
- animation-duration: 2.4s;
- animation-iteration-count: infinite;
- width: 12px;
- height: 12px;
- border-radius: 100%;
- transform: translate3d(0, 3000px, 0);
- background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%221%22%20x1%3D%220%22%20x2%3D%221%22%20y1%3D%220%22%20y2%3D%220%22%20gradientTransform%3D%22matrix(1.004%2C%200%2C%200%2C%201.004%2C%20-0.004%2C%201.004)%22%3E%3Cstop%20stop-color%3D%22%23101010%22%20stop-opacity%3D%221%22%20offset%3D%220%22%3E%3C%2Fstop%3E%3Cstop%20stop-color%3D%22%23101010%22%20stop-opacity%3D%220.3%22%20offset%3D%221%22%3E%3C%2Fstop%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Crect%20width%3D%22100%25%22%20height%3D%22100%25%22%20fill%3D%22url(%231)%22%3E%3C%2Frect%3E%3C%2Fsvg%3E");
- }
-
- ._hm-universe {
- position: relative;
- top: -20px;
- left: 20%;
- }
-
- ._hm-universe-1 {
- position: absolute;
- top: 116px;
- left: 22px;
- z-index: 5;
- opacity: 0.9;
- transform-origin: 34px 34px;
- animation-delay: 0.5s;
- animation-duration: 2.6s;
- animation-iteration-count: infinite;
- width: 68px;
- height: 68px;
- border-radius: 100%;
- background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%3E%3Cdefs%3E%3CradialGradient%20id%3D%221%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(0.14099999999999993%2C%20-0.622%2C%200.622%2C%200.14099999999999993%2C%200.422%2C%200.631)%22%3E%3Cstop%20stop-color%3D%22%235c29ec%22%20stop-opacity%3D%220%22%20offset%3D%220%22%3E%3C%2Fstop%3E%3Cstop%20stop-color%3D%22%237702f8%22%20stop-opacity%3D%220.1%22%20offset%3D%220.76%22%3E%3C%2Fstop%3E%3Cstop%20stop-color%3D%22%2300fcff%22%20stop-opacity%3D%220.5%22%20offset%3D%221%22%3E%3C%2Fstop%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%3Crect%20width%3D%22100%25%22%20height%3D%22100%25%22%20fill%3D%22url(%231)%22%3E%3C%2Frect%3E%3C%2Fsvg%3E");
- }
-
- ._hm-universe-2 {
- position: absolute;
- top: 122px;
- left: 0;
- z-index: 6;
- opacity: 0.9;
- transform: rotate(19deg);
- transform-origin: 56px 29px;
- width: 112px;
- height: 58px;
- border-radius: 100%;
- background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%3E%3Cdefs%3E%3CradialGradient%20id%3D%221%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(0.002000000000000036%2C%200.579%2C%20-0.5617810274234694%2C%200.00723600000000013%2C%200.508%2C%200.404)%22%3E%3Cstop%20stop-color%3D%22%23046af7%22%20stop-opacity%3D%220%22%20offset%3D%220.7%22%3E%3C%2Fstop%3E%3Cstop%20stop-color%3D%22%2300f2ff%22%20stop-opacity%3D%220.1%22%20offset%3D%220.8%22%3E%3C%2Fstop%3E%3Cstop%20stop-color%3D%22%2300f2ff%22%20stop-opacity%3D%220.3%22%20offset%3D%220.98%22%3E%3C%2Fstop%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%3Crect%20width%3D%22100%25%22%20height%3D%22100%25%22%20fill%3D%22url(%231)%22%3E%3C%2Frect%3E%3C%2Fsvg%3E");
- }
-
- ._hm-person-area {
- position: relative;
- top: -25px;
- right: 10%;
- z-index: 3;
- }
-
- ._hm-person {
- position: absolute;
- top: 211px;
- /* left: 1073px; 277px; */
- right: 12px;;
- width: 265px;
- height: 309px;
- z-index: 3;
- opacity: 1;
- transform-origin: 132.5px 154.5px;
- background-image: url("/img/home-bg-ps.png");
- background-size: cover;
- }
-
- ._hm-person-ring-1 {
- position: absolute;
- top: 248px;
- right: -73px;
- z-index: 8;
- opacity: 0.9;
- transform: rotate(282deg);
- transform-origin: 194.5px 101px;
- width: 389px;
- height: 202px;
- border-radius: 100%;
- background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%3E%3Cdefs%3E%3CradialGradient%20id%3D%221%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(0.002000000000000036%2C%200.579%2C%20-0.5648727994660357%2C%200.00723600000000013%2C%200.508%2C%200.404)%22%3E%3Cstop%20stop-color%3D%22%2304d1f7%22%20stop-opacity%3D%220%22%20offset%3D%220.7%22%3E%3C%2Fstop%3E%3Cstop%20stop-color%3D%22%2300f2ff%22%20stop-opacity%3D%221%22%20offset%3D%220.8%22%3E%3C%2Fstop%3E%3Cstop%20stop-color%3D%22%2300fff2%22%20stop-opacity%3D%220%22%20offset%3D%221%22%3E%3C%2Fstop%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%3Crect%20width%3D%22100%25%22%20height%3D%22100%25%22%20fill%3D%22url(%231)%22%3E%3C%2Frect%3E%3C%2Fsvg%3E");
- }
-
- ._hm-person-ring-2 {
- position: absolute;
- top: 246px;
- right: -95px;
- z-index: 6;
- opacity: 0.9;
- transform: rotate(281deg);
- transform-origin: 194px 106.5px;
- width: 388px;
- height: 213px;
- border-radius: 100%;
- background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%3E%3Cdefs%3E%3CradialGradient%20id%3D%221%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(0.002000000000000036%2C%200.579%2C%20-0.6313103100621746%2C%200.00723600000000013%2C%200.508%2C%200.404)%22%3E%3Cstop%20stop-color%3D%22%2304d1f7%22%20stop-opacity%3D%220%22%20offset%3D%220.7%22%3E%3C%2Fstop%3E%3Cstop%20stop-color%3D%22%2300c9ff%22%20stop-opacity%3D%220.5%22%20offset%3D%220.8%22%3E%3C%2Fstop%3E%3Cstop%20stop-color%3D%22%23bc00ff%22%20stop-opacity%3D%220.21%22%20offset%3D%221%22%3E%3C%2Fstop%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%3Crect%20width%3D%22100%25%22%20height%3D%22100%25%22%20fill%3D%22url(%231)%22%3E%3C%2Frect%3E%3C%2Fsvg%3E");
- }
-
- ._hm-person-ring-3 {
- position: absolute;
- top: 285px;
- right: -20px;
- opacity: 0.9;
- transform: rotate(282deg);
- transform-origin: 141.5px 66px;
- width: 283px;
- height: 132px;
- border-radius: 100%;
- background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%3E%3Cdefs%3E%3CradialGradient%20id%3D%221%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(0.048999999999999905%2C%20-1.2400000000000002%2C%200.9760346574435941%2C%200.17728199999999966%2C%200.467%2C%201.034)%22%3E%3Cstop%20stop-color%3D%22%231e04f7%22%20stop-opacity%3D%220.39%22%20offset%3D%220%22%3E%3C%2Fstop%3E%3Cstop%20stop-color%3D%22%2300aeff%22%20stop-opacity%3D%220.52%22%20offset%3D%220.73%22%3E%3C%2Fstop%3E%3Cstop%20stop-color%3D%22%239ff7f2%22%20stop-opacity%3D%220%22%20offset%3D%221%22%3E%3C%2Fstop%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%3Crect%20width%3D%22100%25%22%20height%3D%22100%25%22%20fill%3D%22url(%231)%22%3E%3C%2Frect%3E%3C%2Fsvg%3E");
- }
-
- ._hm-person-circle-1 {
- position: absolute;
- top: 35px;
- right: 296px;
- z-index: 5;
- opacity: 0.9;
- transform-origin: 73px 73px;
- animation-delay: 0.5s;
- animation-duration: 2.6s;
- animation-iteration-count: infinite;
- width: 146px;
- height: 146px;
- border-radius: 100%;
- background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%3E%3Cdefs%3E%3CradialGradient%20id%3D%221%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(-0.5259999999999999%2C%20-0.45000000000000007%2C%200.45000000000000007%2C%20-0.5259999999999999%2C%200.648%2C%200.591)%22%3E%3Cstop%20stop-color%3D%22%239e02f9%22%20stop-opacity%3D%220.14%22%20offset%3D%220%22%3E%3C%2Fstop%3E%3Cstop%20stop-color%3D%22%230241f8%22%20stop-opacity%3D%220.23%22%20offset%3D%220.76%22%3E%3C%2Fstop%3E%3Cstop%20stop-color%3D%22%2300fcff%22%20stop-opacity%3D%221%22%20offset%3D%221%22%3E%3C%2Fstop%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%3Crect%20width%3D%22100%25%22%20height%3D%22100%25%22%20fill%3D%22url(%231)%22%3E%3C%2Frect%3E%3C%2Fsvg%3E");
- }
-
- ._hm-person-circle-2 {
- position: absolute;
- top: 86px;
- right: 396px;
- z-index: 6;
- opacity: 0.9;
- transform-origin: 16.5px 16.5px;
- animation-delay: 0.5s;
- animation-duration: 2.6s;
- animation-iteration-count: infinite;
- width: 33px;
- height: 33px;
- border-radius: 100%;
- background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%3E%3Cdefs%3E%3CradialGradient%20id%3D%221%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(-0.42500000000000004%2C%20-0.4099999999999999%2C%200.4099999999999999%2C%20-0.42500000000000004%2C%200.648%2C%200.591)%22%3E%3Cstop%20stop-color%3D%22%2376029f%22%20stop-opacity%3D%220.01%22%20offset%3D%220%22%3E%3C%2Fstop%3E%3Cstop%20stop-color%3D%22%23010664%22%20stop-opacity%3D%220.22%22%20offset%3D%220.76%22%3E%3C%2Fstop%3E%3Cstop%20stop-color%3D%22%2300fcff%22%20stop-opacity%3D%221%22%20offset%3D%221%22%3E%3C%2Fstop%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%3Crect%20width%3D%22100%25%22%20height%3D%22100%25%22%20fill%3D%22url(%231)%22%3E%3C%2Frect%3E%3C%2Fsvg%3E");
- }
-
- ._hm-person-circle-3 {
- position: absolute;
- top: 121px;
- right: 192px;
- z-index: 15;
- opacity: 0.9;
- transform-origin: 20px 20px;
- animation-delay: 0.5s;
- animation-duration: 2.6s;
- animation-iteration-count: infinite;
- width: 40px;
- height: 40px;
- border-radius: 100%;
- background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%3E%3Cdefs%3E%3CradialGradient%20id%3D%221%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(0.524%2C%200.4450000000000001%2C%20-0.4450000000000001%2C%200.524%2C%200.339%2C%200.364)%22%3E%3Cstop%20stop-color%3D%22%235f00b4%22%20stop-opacity%3D%220.06%22%20offset%3D%220%22%3E%3C%2Fstop%3E%3Cstop%20stop-color%3D%22%23150bc4%22%20stop-opacity%3D%220.31%22%20offset%3D%220.76%22%3E%3C%2Fstop%3E%3Cstop%20stop-color%3D%22%2300fcff%22%20stop-opacity%3D%221%22%20offset%3D%221%22%3E%3C%2Fstop%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%3Crect%20width%3D%22100%25%22%20height%3D%22100%25%22%20fill%3D%22url(%231)%22%3E%3C%2Frect%3E%3C%2Fsvg%3E");
- }
-
- ._hm-person-circle-4 {
- position: absolute;
- top: -39px;
- right: -66px;
- z-index: 2;
- opacity: 0.9;
- transform-origin: 121px 121px;
- animation-delay: 0.5s;
- animation-duration: 2.6s;
- animation-iteration-count: infinite;
- width: 242px;
- height: 242px;
- border-radius: 100%;
- background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%3E%3Cdefs%3E%3CradialGradient%20id%3D%221%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(-0.6710000000000002%2C%20-0.8079999999999999%2C%200.8079999999999999%2C%20-0.6710000000000002%2C%200.495%2C%200.568)%22%3E%3Cstop%20stop-color%3D%22%2390edfe%22%20stop-opacity%3D%220.6%22%20offset%3D%220.03%22%3E%3C%2Fstop%3E%3Cstop%20stop-color%3D%22%235b52f8%22%20stop-opacity%3D%220%22%20offset%3D%221%22%3E%3C%2Fstop%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%3Crect%20width%3D%22100%25%22%20height%3D%22100%25%22%20fill%3D%22url(%231)%22%3E%3C%2Frect%3E%3C%2Fsvg%3E");
- }
-
- ._hm-person-star-1 {}
-
- ._hm-person-star-1-1 {
- position: absolute;
- top: 101px;
- right: 477px;
- z-index: 6;
- opacity: 1;
- transform: rotate(38deg);
- transform-origin: 7.5px 3.5px;
- width: 15px;
- height: 7px;
- border-radius: 100%;
- background: rgb(250, 36, 249);
- }
-
- ._hm-person-star-1-2 {
- position: absolute;
- top: 97px;
- right: 475px;
- z-index: 5;
- opacity: 1;
- transform: rotate(38deg);
- transform-origin: 15.5px 3px;
- width: 31px;
- height: 6px;
- border-radius: 100%;
- background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%221%22%20x1%3D%220%22%20x2%3D%221%22%20y1%3D%220%22%20y2%3D%220%22%20gradientTransform%3D%22matrix(-0.97%2C%20-0.06299999999999983%2C%200.0023600416233090465%2C%20-0.97%2C%200.989%2C%200.52)%22%3E%3Cstop%20stop-color%3D%22%23fa24f9%22%20stop-opacity%3D%221%22%20offset%3D%220%22%3E%3C%2Fstop%3E%3Cstop%20stop-color%3D%22%23fa2424%22%20stop-opacity%3D%220%22%20offset%3D%221%22%3E%3C%2Fstop%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Crect%20width%3D%22100%25%22%20height%3D%22100%25%22%20fill%3D%22url(%231)%22%3E%3C%2Frect%3E%3C%2Fsvg%3E");
- }
-
- ._hm-person-star-2 {}
-
- ._hm-person-star-2-1 {
- position: absolute;
- top: 136px;
- right: 388px;
- z-index: 6;
- opacity: 1;
- transform: rotate(38deg);
- transform-origin: 7.5px 3.5px;
- width: 15px;
- height: 7px;
- border-radius: 100%;
- background: rgb(250, 36, 249);
- }
-
- ._hm-person-star-2-2 {
- position: absolute;
- top: 132px;
- right: 387px;
- z-index: 5;
- opacity: 1;
- transform: rotate(38deg);
- transform-origin: 15px 3px;
- width: 30px;
- height: 6px;
- border-radius: 100%;
- background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%221%22%20x1%3D%220%22%20x2%3D%221%22%20y1%3D%220%22%20y2%3D%220%22%20gradientTransform%3D%22matrix(-0.97%2C%20-0.06299999999999983%2C%200.002519999999999994%2C%20-0.97%2C%200.989%2C%200.52)%22%3E%3Cstop%20stop-color%3D%22%23fa24f9%22%20stop-opacity%3D%221%22%20offset%3D%220%22%3E%3C%2Fstop%3E%3Cstop%20stop-color%3D%22%23fa2424%22%20stop-opacity%3D%220%22%20offset%3D%221%22%3E%3C%2Fstop%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Crect%20width%3D%22100%25%22%20height%3D%22100%25%22%20fill%3D%22url(%231)%22%3E%3C%2Frect%3E%3C%2Fsvg%3E");
- }
-
- ._hm-person-star-3 {}
-
- ._hm-person-star-3-1 {
- position: absolute;
- top: 289px;
- right: 594px;
- z-index: 6;
- opacity: 1;
- transform: rotate(38deg);
- transform-origin: 6px 2.5px;
- width: 12px;
- height: 5px;
- border-radius: 100%;
- background: rgb(254, 245, 18);
- }
-
- ._hm-person-star-3-2 {
- position: absolute;
- top: 285px;
- right: 594px;
- z-index: 5;
- opacity: 1;
- transform: rotate(38deg);
- transform-origin: 11.5px 2.5px;
- width: 23px;
- height: 5px;
- border-radius: 100%;
- background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%221%22%20x1%3D%220%22%20x2%3D%221%22%20y1%3D%220%22%20y2%3D%220%22%20gradientTransform%3D%22matrix(-0.97%2C%20-0.06299999999999983%2C%200.0029773156899810887%2C%20-0.97%2C%200.989%2C%200.52)%22%3E%3Cstop%20stop-color%3D%22%23fef512%22%20stop-opacity%3D%221%22%20offset%3D%220%22%3E%3C%2Fstop%3E%3Cstop%20stop-color%3D%22%23fea712%22%20stop-opacity%3D%220%22%20offset%3D%221%22%3E%3C%2Fstop%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Crect%20width%3D%22100%25%22%20height%3D%22100%25%22%20fill%3D%22url(%231)%22%3E%3C%2Frect%3E%3C%2Fsvg%3E");
- }
-
- ._hm-person-star-4 {}
-
- ._hm-person-star-4-1 {
- position: absolute;
- top: 448px;
- right: -15px;
- z-index: 6;
- opacity: 1;
- transform: rotate(38deg);
- transform-origin: 7.5px 3.5px;
- width: 15px;
- height: 7px;
- border-radius: 100%;
- background: rgb(250, 36, 249);
- }
-
- ._hm-person-star-4-2 {
- position: absolute;
- top: 444px;
- right: -17px;
- z-index: 5;
- opacity: 1;
- transform: rotate(38deg);
- transform-origin: 15.5px 3px;
- width: 31px;
- height: 6px;
- border-radius: 100%;
- background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%221%22%20x1%3D%220%22%20x2%3D%221%22%20y1%3D%220%22%20y2%3D%220%22%20gradientTransform%3D%22matrix(-0.97%2C%20-0.06299999999999983%2C%200.0023600416233090465%2C%20-0.97%2C%200.989%2C%200.52)%22%3E%3Cstop%20stop-color%3D%22%23fa24f9%22%20stop-opacity%3D%221%22%20offset%3D%220%22%3E%3C%2Fstop%3E%3Cstop%20stop-color%3D%22%23fa2424%22%20stop-opacity%3D%220%22%20offset%3D%221%22%3E%3C%2Fstop%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Crect%20width%3D%22100%25%22%20height%3D%22100%25%22%20fill%3D%22url(%231)%22%3E%3C%2Frect%3E%3C%2Fsvg%3E");
- }
-
- ._hm-person-star-5 {}
-
- ._hm-person-star-5-1 {
- position: absolute;
- top: 503px;
- right: 101px;
- z-index: 6;
- opacity: 1;
- transform: rotate(38deg);
- transform-origin: 5.5px 2.5px;
- width: 11px;
- height: 5px;
- border-radius: 100%;
- background: rgb(254, 245, 18);
- }
-
- ._hm-person-star-5-2 {
- position: absolute;
- top: 500px;
- right: 101px;
- z-index: 5;
- opacity: 1;
- transform: rotate(38deg);
- transform-origin: 11px 2.5px;
- width: 22px;
- height: 5px;
- border-radius: 100%;
- background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%221%22%20x1%3D%220%22%20x2%3D%221%22%20y1%3D%220%22%20y2%3D%220%22%20gradientTransform%3D%22matrix(-0.97%2C%20-0.06299999999999983%2C%200.0032541322314049497%2C%20-0.97%2C%200.989%2C%200.52)%22%3E%3Cstop%20stop-color%3D%22%23fef512%22%20stop-opacity%3D%221%22%20offset%3D%220%22%3E%3C%2Fstop%3E%3Cstop%20stop-color%3D%22%23fea712%22%20stop-opacity%3D%220%22%20offset%3D%221%22%3E%3C%2Fstop%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Crect%20width%3D%22100%25%22%20height%3D%22100%25%22%20fill%3D%22url(%231)%22%3E%3C%2Frect%3E%3C%2Fsvg%3E");
- }
-
- ._hm-person-star-6 {
- position: absolute;
- top: 515px;
- right: 328px;
- z-index: 23;
- opacity: 1;
- transform: rotate(39deg);
- transform-origin: 4px 2.5px;
- width: 8px;
- height: 5px;
- border-radius: 100%;
- background: rgb(0, 242, 255);
- }
-
- ._hm-person-star-7 {
- position: absolute;
- top: 349px;
- right: 221px;
- z-index: 24;
- opacity: 1;
- transform: rotate(39deg);
- transform-origin: 2.5px 2.5px;
- width: 5px;
- height: 5px;
- border-radius: 100%;
- background: rgb(0, 242, 255);
- }
-
- ._hm-person-star-8 {
- position: absolute;
- top: 456px;
- right: 138px;
- z-index: 25;
- opacity: 1;
- transform: rotate(39deg);
- transform-origin: 4px 2.5px;
- width: 8px;
- height: 5px;
- border-radius: 100%;
- background: rgb(0, 242, 255);
- }
-
- ._hm-person-star-9 {
- position: absolute;
- top: 345px;
- right: 48px;
- z-index: 26;
- opacity: 1;
- transform: rotate(48deg);
- transform-origin: 4px 1.5px;
- width: 8px;
- height: 3px;
- border-radius: 100%;
- background: rgb(0, 242, 255);
- }
-
- ._hm-person-star-10 {
- position: absolute;
- top: 439px;
- right: 347px;
- z-index: 27;
- opacity: 1;
- transform: rotate(39deg);
- transform-origin: 4.5px 2.5px;
- width: 9px;
- height: 5px;
- border-radius: 100%;
- background: rgb(255, 255, 255);
- }
-
- ._hm-person-star-11 {
- position: absolute;
- top: 291px;
- right: 20px;
- z-index: 28;
- opacity: 1;
- transform: rotate(39deg);
- transform-origin: 4.5px 2.5px;
- width: 9px;
- height: 5px;
- border-radius: 100%;
- background: rgb(255, 255, 255);
- }
-
- ._hm-person-star-12 {
- position: absolute;
- top: 144px;
- right: 333px;
- z-index: 17;
- opacity: 1;
- transform: rotate(39deg);
- transform-origin: 3px 2.5px;
- width: 6px;
- height: 5px;
- border-radius: 100%;
- background: rgb(255, 255, 255);
- }
-
- ._hm-person-star-13 {
- position: absolute;
- top: 478px;
- right: 220px;
- z-index: 16;
- opacity: 1;
- transform: rotate(39deg);
- transform-origin: 3px 2.5px;
- width: 6px;
- height: 5px;
- border-radius: 100%;
- background: rgb(254, 245, 18);
- }
-
- ._hm-person-star-14 {
- position: absolute;
- top: 296px;
- right: 377px;
- z-index: 15;
- opacity: 1;
- transform: rotate(47deg);
- transform-origin: 4px 1.5px;
- width: 8px;
- height: 3px;
- border-radius: 100%;
- background: rgb(254, 245, 18);
- }
-
- ._hm-person-star-15 {
- position: absolute;
- top: 321px;
- right: 427px;
- z-index: 14;
- opacity: 1;
- transform: rotate(47deg);
- transform-origin: 9.5px 1.5px;
- width: 19px;
- height: 3px;
- border-radius: 100%;
- background: rgb(254, 245, 18);
- }
-
- ._hm-person-star-16 {
- position: absolute;
- top: 451px;
- right: 470px;
- z-index: 13;
- opacity: 1;
- transform: rotate(39deg);
- transform-origin: 3px 2.5px;
- width: 6px;
- height: 5px;
- border-radius: 100%;
- background: rgb(254, 245, 18);
-
- }
-
- ._hm-person-star-17 {
- position: absolute;
- top: 230px;
- right: 128px;
- z-index: 12;
- opacity: 1;
- transform: rotate(39deg);
- transform-origin: 4px 2px;
- width: 8px;
- height: 4px;
- border-radius: 100%;
- background: rgb(254, 245, 18);
- }
-
- ._hm-person-star-18 {
- position: absolute;
- top: 564px;
- right: 278px;
- z-index: 11;
- opacity: 1;
- transform: rotate(39deg);
- transform-origin: 4px 2.5px;
- width: 8px;
- height: 5px;
- border-radius: 100%;
- background: rgb(254, 245, 18);
- }
-
- ._hm-person-star-19 {
- position: absolute;
- top: 504px;
- right: 404px;
- z-index: 10;
- opacity: 1;
- transform: rotate(39deg);
- transform-origin: 4px 1.5px;
- width: 8px;
- height: 3px;
- border-radius: 100%;
- background: rgb(254, 245, 18);
- }
-
- ._hm-person-star-20 {
- position: absolute;
- top: 291px;
- right: 68px;
- z-index: 9;
- opacity: 1;
- transform: rotate(39deg);
- transform-origin: 6px 2.5px;
- width: 12px;
- height: 5px;
- border-radius: 100%;
- background: rgb(254, 245, 18);
- }
-
- ._hm-person-star-21 {
- position: absolute;
- top: 238px;
- right: 48px;
- z-index: 8;
- opacity: 1;
- transform: rotate(52deg);
- transform-origin: 6px 2.5px;
- width: 12px;
- height: 5px;
- border-radius: 100%;
- background: rgb(254, 245, 18);
- }
-
- ._hm-person-star-22 {
- position: absolute;
- top: 106px;
- right: 161px;
- z-index: 7;
- opacity: 1;
- transform: rotate(38deg);
- transform-origin: 10px 2.5px;
- width: 20px;
- height: 5px;
- border-radius: 100%;
- background: rgb(254, 245, 18);
- }
-
- ._hm-person-star-23 {
- position: absolute;
- top: 387px;
- right: 436px;
- z-index: 6;
- opacity: 1;
- transform: rotate(38deg);
- transform-origin: 2.5px 2px;
- width: 5px;
- height: 4px;
- border-radius: 100%;
- background: rgb(250, 36, 249);
- }
-
- ._hm-person-star-24 {
- position: absolute;
- top: 506px;
- right: 65px;
- z-index: 5;
- opacity: 1;
- transform: rotate(38deg);
- transform-origin: 4px 2px;
- width: 8px;
- height: 4px;
- border-radius: 100%;
- background: rgb(250, 36, 249);
- }
-
- ._hm-person-star-25 {
- position: absolute;
- top: 269px;
- right: 306px;
- z-index: 4;
- opacity: 1;
- transform: rotate(38deg);
- transform-origin: 7.5px 4px;
- width: 15px;
- height: 8px;
- border-radius: 100%;
- background: rgb(250, 36, 249);
- }
-
- ._hm-person-star-26 {
- position: absolute;
- top: 344px;
- right: 262px;
- z-index: 3;
- opacity: 1;
- transform: rotate(38deg);
- transform-origin: 6px 3px;
- width: 12px;
- height: 6px;
- border-radius: 100%;
- background: rgb(250, 36, 249);
- }
-
- ._hm-person-star-27 {
- position: absolute;
- top: 417px;
- right: 251px;
- z-index: 2;
- opacity: 1;
- transform: rotate(38deg);
- transform-origin: 11.5px 3px;
- width: 23px;
- height: 6px;
- border-radius: 100%;
- background: rgb(250, 36, 249);
- }
-
- ._hm-person-star-28 {
- position: absolute;
- top: 171px;
- right: 13px;
- z-index: 1;
- opacity: 1;
- transform: rotate(38deg);
- transform-origin: 7.5px 4px;
- width: 15px;
- height: 8px;
- border-radius: 100%;
- background: rgb(250, 36, 249);
- }
-
- ._hm-txt-content-c {
- position: relative;
- top: 70px;
- left: 50%;
- transform: translate(-50%, 0);
- width: 80%;
- min-width: 300px;
- max-width: 900px;
- z-index: 10;
- }
-
- ._hm-big-txt-1,
- ._hm-big-txt-2 {
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: center;
- }
-
- ._hm-big-title {
- text-align: center;
- font-weight: 400;
- font-size: 48px;
- color: rgba(251, 251, 251, 1);
- font-style: normal;
- letter-spacing: 0px;
- line-height: 53px;
- text-decoration: none;
- text-align: center;
- margin-bottom: 38px;
- }
-
- ._hm-big-descr {
- font-weight: 300;
- font-size: 28px;
- color: rgb(255, 255, 255);
- font-style: normal;
- letter-spacing: 0px;
- line-height: 36px;
- text-decoration: none;
- text-align: center;
- margin-bottom: 32px;
- }
-
- ._hm-big-btn-c {
- display: flex;
- justify-content: center;
- margin-bottom: 42px;
- width: 200px;
- margin-left: auto;
- margin-right: auto;
- }
-
- ._hm-big-btn-c a {
- text-decoration: none;
- color: rgb(255, 255, 255);
- }
-
- ._hm-big-btn-1 {
- width: 160px;
- height: 48px;
- border-style: none;
- border-color: unset;
- color: rgb(255, 255, 255);
- border-radius: 40px;
- font-size: 18px;
- padding: 0px;
- text-align: center;
- font-weight: normal;
- font-style: normal;
- margin-right: 20px;
- cursor: pointer;
- display: flex;
- justify-content: center;
- align-items: center;
- background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%221%22%20x1%3D%220%22%20x2%3D%221%22%20y1%3D%220%22%20y2%3D%220%22%20gradientTransform%3D%22null%22%3E%3Cstop%20stop-color%3D%22%23db00ff%22%20stop-opacity%3D%221%22%20offset%3D%220.03%22%3E%3C%2Fstop%3E%3Cstop%20stop-color%3D%22%230075ff%22%20stop-opacity%3D%221%22%20offset%3D%221%22%3E%3C%2Fstop%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Crect%20width%3D%22100%25%22%20height%3D%22100%25%22%20fill%3D%22url(%231)%22%3E%3C%2Frect%3E%3C%2Fsvg%3E");
- }
-
- ._hm-big-btn-2,
- ._hm-big-btn-3 {
- cursor: pointer;
- width: 160px;
- height: 40px;
- border-color: rgb(251, 251, 251);
- border-width: 1px;
- border-style: solid;
- color: rgb(255, 255, 255);
- border-radius: 2px;
- font-size: 14px;
- padding: 0px;
- text-align: center;
- margin-right: 28px;
- box-sizing: border-box;
- background: transparent;
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- ._hm-recommend-info {
- display: flex;
- justify-content: space-around;
- align-items: center;
- margin: 60px 0px;
- flex-wrap: wrap;
- }
-
- ._hm-recommend-info-area {
- height: 100%;
- flex: 1;
- margin: 20px;
- display: flex;
- position: relative;
- text-align: center;
- justify-content: center;
- align-items: center;
- min-width: 240px;
- height: 150px;
- }
-
- ._hm-recommend-info-area ._hm-link {
- font-weight: 400;
- font-size: 20px;
- color: rgba(255, 255, 255, 1);
- text-decoration: none;
- }
-
- ._hm-recommend-info-area ._hm-link:hover {
- opacity: 0.8;
- }
-
- ._hm-recommend-info-area-1 {
- display: flex;
- flex-direction: column;
- justify-content: space-around;
- align-items: flex-start;
- font-size: 14px;
- color: rgba(16, 16, 16, 1);
- }
-
- ._hm-recommend-info-area-1 div {
- width: 100%;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
- text-align: left;
- }
-
- ._hm-recommend-info-area-1 div i {
- vertical-align: -2px;
- }
-
- ._hm-recommend-info-area-1 a {
- font-size: 14px;
- color: rgb(16, 16, 16);
- text-decoration: none;
- font-weight: 400;
- }
-
- ._hm-recommend-info-area-1 a:hover {
- opacity: 0.8;
- }
-
- ._hm-recommend-info-area-2 {
- background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%221%22%20x1%3D%220%22%20x2%3D%221%22%20y1%3D%220%22%20y2%3D%220%22%20gradientTransform%3D%22matrix(0.31499999999999984%2C%20-1.339%2C%200.23547450572320502%2C%200.31499999999999984%2C%200.5%2C%201.207)%22%3E%3Cstop%20stop-color%3D%22%231eb3c4%22%20stop-opacity%3D%220.91%22%20offset%3D%220%22%3E%3C%2Fstop%3E%3Cstop%20stop-color%3D%22%230ca451%22%20stop-opacity%3D%220.5%22%20offset%3D%221%22%3E%3C%2Fstop%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Crect%20width%3D%22100%25%22%20height%3D%22100%25%22%20fill%3D%22url(%231)%22%3E%3C%2Frect%3E%3C%2Fsvg%3E");
- }
-
- ._hm-recommend-info-area-2-bg-1 {
- position: absolute;
- width: 42px;
- height: 42px;
- border-radius: 100%;
- right: 10px;
- top: 23px;
- z-index: -1;
- background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%3E%3Cdefs%3E%3CradialGradient%20id%3D%221%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(-0.3550000000000002%2C%200.765%2C%20-0.8018622448979591%2C%20-0.3550000000000002%2C%200.779%2C%200.021)%22%3E%3Cstop%20stop-color%3D%22%23c2ffd8%22%20stop-opacity%3D%220.1%22%20offset%3D%220%22%3E%3C%2Fstop%3E%3Cstop%20stop-color%3D%22%2300a5b8%22%20stop-opacity%3D%220.6%22%20offset%3D%220.76%22%3E%3C%2Fstop%3E%3Cstop%20stop-color%3D%22%2300a5b8%22%20stop-opacity%3D%220.2%22%20offset%3D%221%22%3E%3C%2Fstop%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%3Crect%20width%3D%22100%25%22%20height%3D%22100%25%22%20fill%3D%22url(%231)%22%3E%3C%2Frect%3E%3C%2Fsvg%3E");
- }
-
- ._hm-recommend-info-area-2-bg-2 {
- position: absolute;
- width: 90px;
- height: 90px;
- border-radius: 100%;
- left: 42%;
- bottom: 2px;
- z-index: -1;
- background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%3E%3Cdefs%3E%3CradialGradient%20id%3D%221%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(-0.3550000000000002%2C%200.765%2C%20-0.7321006616257089%2C%20-0.3550000000000002%2C%200.779%2C%200.021)%22%3E%3Cstop%20stop-color%3D%22%23c2ffd8%22%20stop-opacity%3D%220.1%22%20offset%3D%220%22%3E%3C%2Fstop%3E%3Cstop%20stop-color%3D%22%2300b87e%22%20stop-opacity%3D%221%22%20offset%3D%221%22%3E%3C%2Fstop%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%3Crect%20width%3D%22100%25%22%20height%3D%22100%25%22%20fill%3D%22url(%231)%22%3E%3C%2Frect%3E%3C%2Fsvg%3E");
- }
-
- ._hm-recommend-info-area-3 {
- background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%221%22%20x1%3D%220%22%20x2%3D%221%22%20y1%3D%220%22%20y2%3D%220%22%20gradientTransform%3D%22null%22%3E%3Cstop%20stop-color%3D%22%23c7b4ec%22%20stop-opacity%3D%220.8%22%20offset%3D%220%22%3E%3C%2Fstop%3E%3Cstop%20stop-color%3D%22%23f78284%22%20stop-opacity%3D%220.9%22%20offset%3D%221%22%3E%3C%2Fstop%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Crect%20width%3D%22100%25%22%20height%3D%22100%25%22%20fill%3D%22url(%231)%22%3E%3C%2Frect%3E%3C%2Fsvg%3E");
- }
-
- ._hm-recommend-info-area-4 {
- background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%221%22%20x1%3D%220%22%20x2%3D%221%22%20y1%3D%220%22%20y2%3D%220%22%20gradientTransform%3D%22matrix(0.08399999999999999%2C%201.412%2C%20-0.24831217481789805%2C%200.08399999999999999%2C%200.306%2C%20-0.053)%22%3E%3Cstop%20stop-color%3D%22%23f89277%22%20stop-opacity%3D%220.8%22%20offset%3D%220%22%3E%3C%2Fstop%3E%3Cstop%20stop-color%3D%22%235d32ff%22%20stop-opacity%3D%220.9%22%20offset%3D%221%22%3E%3C%2Fstop%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Crect%20width%3D%22100%25%22%20height%3D%22100%25%22%20fill%3D%22url(%231)%22%3E%3C%2Frect%3E%3C%2Fsvg%3E");
- }
- #homenews {
- position: absolute;
- left: 0;
- width: 420px;
- top: -328px;
- z-index: 2;
- }
- .homenews {
- background-color: transparent;
- }
- .homenews::before {
- background-color: transparent;
- }
- .homenews .swiper-slide {
- }
- .homenews .swiper-slide .content-c {
- display: flex;
- align-items: center;
- padding-left: 5px;
- height: 90%;
- border-radius: 16px;
- background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%221%22%20x1%3D%220%22%20x2%3D%221%22%20y1%3D%220%22%20y2%3D%220%22%20gradientTransform%3D%22matrix(1.004%2C%200%2C%200%2C%201.004%2C%20-0.004%2C%201.004)%22%3E%3Cstop%20stop-color%3D%22%23101010%22%20stop-opacity%3D%220.3%22%20offset%3D%220%22%3E%3C%2Fstop%3E%3Cstop%20stop-color%3D%22%23101010%22%20stop-opacity%3D%220%22%20offset%3D%221%22%3E%3C%2Fstop%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Crect%20width%3D%22100%25%22%20height%3D%22100%25%22%20fill%3D%22url(%231)%22%3E%3C%2Frect%3E%3C%2Fsvg%3E");
- }
- .homenews .swiper-slide .content {
- color: white;
- }
-
- @media only screen and (max-width: 767px) {
- ._hm-pg-bg-1 {
- background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%3E%3Cdefs%3E%3CradialGradient%20id%3D%221%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(-1.393%2C%200.2919999999999999%2C%20-0.06390807221064813%2C%20-1.395786%2C%201%2C%200.997)%22%3E%3Cstop%20stop-color%3D%22%233b83fe%22%20stop-opacity%3D%221%22%20offset%3D%220%22%3E%3C%2Fstop%3E%3Cstop%20stop-color%3D%22%232abcff%22%20stop-opacity%3D%221%22%20offset%3D%220.51%22%3E%3C%2Fstop%3E%3Cstop%20stop-color%3D%22%238e4cb7%22%20stop-opacity%3D%221%22%20offset%3D%221%22%3E%3C%2Fstop%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%3Crect%20width%3D%22100%25%22%20height%3D%22100%25%22%20fill%3D%22url(%231)%22%3E%3C%2Frect%3E%3C%2Fsvg%3E");
- background-size: 1500px 700px;
- background-position: center center;
- }
- ._hm-person-area {
- display: none;
- }
- ._hm-bubble-c {
- display: none;
- }
- #homenews {
- display: none;
- }
- ._hm-universe {
- top: -70px;
- left: 10%;
- }
- ._hm-big-descr {
- font-size: 20px;
- }
- ._hm-big-btn-1 {
- height: 56px;
- }
- ._hm-big-btn-2 {
- width: 125px;
- margin-right: 10px;
- }
- ._hm-circle-rect {
- left: 0;
- }
- ._hm-pg-bg-3-placeholder-1 {
- display: block;
- }
- ._hm-pg-bg-3-placeholder-2 {
- display: block;
- background: url(/img/home-banner-01.jpg);
- background-repeat: no-repeat;
- background-position: center center;
- background-size: cover;
- }
- ._hm-pg-bg-3-placeholder-2-en {
- background: url(/img/home-banner-01-en.jpg);
- background-repeat: no-repeat;
- background-position: center center;
- background-size: cover;
- }
- ._hm-pg-bg-3 {
- background: none;
- }
- ._hm-bg-descr-vedio-link {
- display: block;
- margin-left: 0px !important;
- margin-top: 10px;
- }
- ._hm-slide-btn {
- display: none;
- }
- ._hm-big-title-en {
- font-size: 32px;
- margin-bottom: 20px;
- margin-top: -32px;
- }
- ._hm-big-title-mobile-margin-top {
- margin-top: -40px;
- margin-bottom: 26px;
- }
- ._hm-big-title-mobile-margin-top-en {
- margin-top: -50px;
- margin-bottom: 8px;
- }
- ._hm-computing-net-container {
- display: none !important;
- }
- ._hm-computing-net-mobile-container {
- display: block !important;
- background-image: url("/rotation3D/img/baseimg.png");
- background-position: center center;
- background-repeat: no-repeat;
- background-size: cover;
- padding: 45% 0;
- }
-
- }
- .homepro-bg {
- background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%221%22%20x1%3D%220%22%20x2%3D%221%22%20y1%3D%220%22%20y2%3D%220%22%20gradientTransform%3D%22matrix(0.013999999999999973%2C%201.0040000000000002%2C%20-0.1807553452932099%2C%200.013999999999999973%2C%200.374%2C%20-0.007)%22%3E%3Cstop%20stop-color%3D%22%23eee9da%22%20stop-opacity%3D%220.2%22%20offset%3D%220%22%3E%3C%2Fstop%3E%3Cstop%20stop-color%3D%22%23f3e7f7%22%20stop-opacity%3D%220.26%22%20offset%3D%220.29%22%3E%3C%2Fstop%3E%3Cstop%20stop-color%3D%22%23d0e7ff%22%20stop-opacity%3D%220.3%22%20offset%3D%221%22%3E%3C%2Fstop%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Crect%20width%3D%22100%25%22%20height%3D%22100%25%22%20fill%3D%22url(%231)%22%3E%3C%2Frect%3E%3C%2Fsvg%3E");
- }
- .homedataset {
- padding-top: 4em;
- padding-bottom: 4em;
- }
- .home-dataset-list {
- position: relative;
- z-index: 9;
- padding: 0em 1em 3em;
- overflow: hidden;
- }
- .home-dataset-list .swiper-slide {
- padding-top: 5px;
- }
- .home-dataset-list .dataset-card {
- height: 130px;
- width: 130px;
- border: 1px solid rgba(157, 197, 226, 0.4);
- box-shadow: rgba(157, 197, 226, 20%) 0px 5px 10px 0px;
- color: rgb(16, 16, 16);
- border-radius: 6px;
- display:flex;
- justify-content: center;
- align-items: center;
- flex-direction: column;
- transition: all 0.1s;
- }
- .home-dataset-list .dataset-card:hover {
- transform: translateY(-3px);
- }
- .home-dataset-list .dataset-card>div {
- width:100%;
- display: flex;
- justify-content: center;
- }
- .home-dataset-list .dataset-card .content {
- width:100%;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
- text-align: center;
- padding: 0 10px;
- }
- .home-dataset-list .dataset-card .icon-c {
- font-size: 14px;
- color: #101010;
- display:flex;
- justify-content: center;
- align-items: center;
- margin-bottom: 8px;
- }
- .home-dataset-list .dataset-card .label {
- font-size: 14px;
- color: #101010;
- margin-bottom: 8px;
- }
- .home-dataset-list .dataset-card .svg.fill:not([stroke]) {
- fill: url(#ila93em9ydx6bi61,1,rs,1,f000f000,f0rsf000,f000,00e6msqtrs,dw4hjuqlrs,ri00exmcrs);
- }
- .home-dataset-list .dataset-card .svg.fill:not([fill]) {
- fill: url(#ila93em9ydx6bi61,1,rs,1,f000f000,f0rsf000,f000,00e6msqtrs,dw4hjuqlrs,ri00exmcrs);
- }
- .home-dataset-list .dataset-card .count {
- font-size:12px;
- color:rgb(136,136,136);
- }
- .home-dataset-list .swiper-pagination-bullet-active {
- width: 40px;
- border-radius: 4px;
- }
- .homeuserexp-bg {
- background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%221%22%20x1%3D%220%22%20x2%3D%221%22%20y1%3D%220%22%20y2%3D%220%22%20gradientTransform%3D%22matrix(0.04900000000000009%2C%201.104%2C%20-0.06118479166666667%2C%200.04900000000000009%2C%200.339%2C%20-0.107)%22%3E%3Cstop%20stop-color%3D%22%23ffffff%22%20stop-opacity%3D%220.33%22%20offset%3D%220%22%3E%3C%2Fstop%3E%3Cstop%20stop-color%3D%22%23e5e7eb%22%20stop-opacity%3D%220.3%22%20offset%3D%221%22%3E%3C%2Fstop%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Crect%20width%3D%22100%25%22%20height%3D%22100%25%22%20fill%3D%22url(%231)%22%3E%3C%2Frect%3E%3C%2Fsvg%3E");
- }
- .homeuserexp {
- padding-top: 5em;
- padding-bottom: 2em;
- }
-
- .homeuserexp .swiper-prev {
- position: absolute;
- top: 104px;
- left: 14px;
- z-index: 10;
- }
-
- .homeuserexp .swiper-next {
- position: absolute;
- top: 104px;
- right: 14px;
- z-index: 10;
- }
-
- .homeuserexp .prev-next-i {
- font-size: 22px;
- border: 1px solid rgb(0, 122, 255);
- border-radius: 100%;
- color: rgb(0, 122, 255);
- cursor: pointer;
- }
-
- .homeuserexp .swiper-prev.swiper-button-disabled .prev-next-i, .homeuserexp .swiper-next.swiper-button-disabled .prev-next-i {
- opacity: 0.35;
- cursor: default;
- }
-
- .home-user-exp-list {
- position: relative;
- z-index: 9;
- padding: 0em 1.2em 3em 1.2em;
- overflow: hidden;
- }
-
- .home-user-exp-list .user-card {
- width: 240px;
- height: 180px;
- color: rgb(16, 16, 16);
- border-radius: 6px;
- display:flex;
- justify-content: center;
- align-items: center;
- flex-direction: column;
- }
-
- .home-user-exp-list .swiper-slide {
- display: flex;
- justify-content: center;
- }
-
- .home-user-exp-list .user-card>div {
- width:100%;
- display: flex;
- justify-content: center;
- }
-
- .home-user-exp-list .user-card .content {
- width:100%;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
- text-align: center;
- padding: 0 10px;
- }
-
- .home-user-exp-list .user-card .img-c {
- font-size: 14px;
- color: #101010;
- display:flex;
- justify-content: center;
- align-items: center;
- height: 74px;
- margin-bottom: 8px;
- }
-
- .home-user-exp-list .user-card .img {
- border: 3px solid rgb(243, 240, 164);
- border-radius: 100%;
- box-shadow: rgb(255 220 144) 0px 0px 0px 2px;
- height: 60px;
- width: 60px;
- display: block;
- background-size:cover;
- }
-
- .home-user-exp-list .user-card .label {
- font-size: 14px;
- color: #101010;
- margin-bottom: 8px;
- font-weight: 550;
- }
-
- .home-user-exp-list .user-card .descr {
- overflow: hidden;
- text-overflow: ellipsis;
- word-break: break-all;
- font-size:12px;
- color:rgb(136,136,136);
- display: -webkit-box;
- -webkit-box-orient: vertical;
- -webkit-line-clamp: 2;
- max-height: 50px;
- height: 40px;
- white-space: break-spaces;
- }
- .homeactivity {
- padding-top: 5rem;
- padding-bottom: 6rem;
- overflow: hidden;
- }
- .homeactivity .card {
- width: 360px !important;
- height: 160px !important;
- }
- .homeactivity img {
- width: 100% !important;
- height: 100% !important;
- }
- .homeactivity .image-name {
- font-size: 14px;
- color: rgb(16, 16, 16);
- text-align: center;
- margin-top: 0.8em;
- overflow: hidden;
- text-overflow: ellipsis;
- padding: 0 20px;
- box-sizing: border-box;
- white-space: nowrap;
- }
- @media only screen and (max-width: 767px) {
- .mobile-text-align-center {
- text-align: center !important;
- }
- .mobile-justify-content-center {
- justify-content: center !important;
- }
- }
- [tooltip]{
- position: relative;
- // display:inline-block;
- // border: 1px solid rgba(203, 212, 251, 1);
- padding: 4px 6px;
- }
- [tooltip]::before {
- content: "";
- position: absolute;
- border-width: 4px 6px 0 6px;
- border-style: solid;
- border-color: transparent;
- border-top-color: rgba(203, 212, 251, 1);
- z-index: 99;
- opacity:0;
-
- top:-5px;
- left:50%;
- transform: translateX(-50%);
- }
- [tooltip]::after {
- content: attr(tooltip);
- position: absolute;
- background: #fff;
- text-align: center;
- color: #101010;
- border-radius: 5px;
- padding:4px 2px;
- min-width: 80px;
- pointer-events: none;
- z-index:99;
- opacity:0;
- border: 1px solid rgba(203, 212, 251, 1);
- left:50%;
- top:-5px;
- transform: translateX(-50%) translateY(-100%);
- }
-
- [tooltip]:hover::after,[tooltip]:hover::before{
- opacity: 1;
- }
- /* 右侧 */
- [tooltip][position='right']::before{
- top: 50%;
- left:100%;
- margin-left: -3px;
- transform: translateY(-50%) rotate(90deg);
- }
- [tooltip][position='right']::after{
- top: 50%;
- left: 100%;
- margin-left: 5px;
- transform: translateY(-50%);
- }
- /* 左侧 */
- [tooltip][position='left']::before{
- top: 50%;
- left:0;
- margin-left: -9px;
- transform: translateY(-50%) rotate(-90deg);
- }
- [tooltip][position='left']::after{
- top: 50%;
- left: 0;
- margin-left: -5px;
- transform: translateY(-50%) translateX(-100%);
- }
- /* 底侧 */
- [tooltip][position='bottom']::before{
- top: 100%;
- left:50%;
- margin-top: 1px;
- transform: translatex(-50%) rotate(180deg);
- }
- [tooltip][position='bottom']::after{
- top: 100%;
- left: 50%;
- margin-top: 5px;
- transform: translatex(-50%) ;
- }
- .contacts-qr-code-c {
- margin:2.0rem 0;
- display:flex !important;
- justify-content:flex-end;
- }
|