@charset "UTF-8";
/* https://wpa.margex.org/en/blog/wp-content/themes/margex-blog-v2/assets/css/header.css?ver=2.0.3 */
@keyframes marquee1{0%{transform:translateX(100%)}100%{transform:translateX(-100%)}}@keyframes marquee2{0%{transform:translateX(0%)}100%{transform:translateX(-200%)}}@keyframes marquee_scroll{from{transform:translateX(0)}to{transform:translateX(-100%)}}.header{position:sticky;top:0;z-index:500}.header .header-top{background:#040B1E;height:64px;border-bottom:1px solid #1D2741}.header .header-bottom{background:linear-gradient(180deg,#040B1E 0%,#002A83 119.64%);height:64px}.header .wrapper{margin:0 auto;width:1376px;min-width:320px;max-width:calc(100vw - 40px);height:64px;display:flex;display:-webkit-flex;align-items:center;-webkit-align-items:center;position:relative}.header .wrapper .logo{flex:0 0 134px;-webkit-flex:0 0 134px;margin:0 32px 0 0;height:32px}.header .wrapper .logo svg{width:134px;height:32px;vertical-align:top}.header .wrapper .block-menu{flex:1 1 auto;-webkit-flex:1 1 auto}.header .wrapper .block-menu .goto-trade-button{display:none}.header .wrapper .block-menu .close{display:none}.header .wrapper .block-menu .close{display:none}.header .wrapper .block-menu ul.menu{display:flex;display:-webkit-flex;margin:0;padding:0}.header .wrapper .block-menu ul.menu li{list-style:none;padding:0 0 0 0;margin:0 0 0 0;flex:0 0 auto;-webkit-flex:0 0 auto}.header .wrapper .block-menu ul.menu li a{display:block;text-decoration:none;font-family:"HarmonyOS Sans";font-size:14px;font-weight:500;line-height:48px;height:48px;padding:8px;color:#EAECEE;transition:color 0.15s ease-in-out}.header .wrapper .block-menu ul.menu li a .new{display:inline-block;padding:0 8px;border-radius:20px;border:1px solid #15B839;background:rgba(21,184,57,.9);color:#F7FCFF;font-size:10px;font-style:normal;font-weight:500;line-height:14px;height:15px;margin-left:6px;vertical-align:middle}.header .wrapper .block-menu ul.menu li a.active,.header .wrapper .block-menu ul.menu li a:hover{color:#2B8DFF}.header .site-lang{flex:0 0 24px;-webkit-flex:0 0 24px;position:relative}.header .site-lang .open-lang-menu{cursor:pointer;width:24px;height:24px;line-height:24px}.header .site-lang .open-lang-menu svg{vertical-align:top;width:24px;height:24px}.header .site-lang .open-lang-menu svg path{transition:fill 0.15s ease-in-out}.header .site-lang .open-lang-menu:hover svg path,.header .site-lang.opened .open-lang-menu:hover svg path{fill:#3071EE}.header .site-lang .site-lang-menu{position:absolute;display:none;width:480px;max-width:calc(100vw - 40px);right:-12px;top:45px;z-index:2}.header .site-lang.opened .site-lang-menu{display:block}.header .site-lang .site-lang-menu .l-head{padding:24px;border-radius:8px 8px 0 0;border-bottom:1px solid #454F69;background:#1D2741;font-size:24px;font-style:normal;font-weight:500;line-height:28px;text-align:center;color:#F1F1F1}.header .site-lang .site-lang-menu .l-head .close{cursor:pointer;position:absolute;top:12px;right:12px;width:24px;height:24px}.header .site-lang .site-lang-menu .l-head .close svg{vertical-align:top;width:24px;height:24px}.header .site-lang .site-lang-menu .l-head .close svg path{transition:fill 0.15s ease-in-out}.header .site-lang .site-lang-menu .l-head .close:hover svg path{fill:#3071EE}.header .site-lang .site-lang-menu ul{padding:12px 12px 4px 12px;background:#040b1e;border-radius:0 0 8px 8px;margin:0;display:flex;display:-webkit-flex;flex-wrap:wrap;-webkit-flex-wrap:wrap}.header .site-lang .site-lang-menu ul li{list-style:none;margin:0 8px 8px 0;cursor:pointer;flex:0 0 calc((100% - 16px)/3 - 24px);-webkit-flex:0 0 calc((100% - 16px)/3 - 24px);padding:8px 12px 8px 12px;font-size:14px;line-height:22px;color:#FFF;border-radius:8px}.header .site-lang .site-lang-menu ul li:hover{background:#1D2741;box-shadow:0 1px 0 0 #28324C inset}.header .site-lang .site-lang-menu ul li:nth-child(3n){margin-right:0}.header .site-lang .site-lang-menu ul li.current{color:#3071EE}.header .block-goto-trade{flex:0 0 auto;-webkit-flex:0 0 auto;padding-right:16px;margin-right:17px;position:relative}.header .block-goto-trade:after{content:"";position:absolute;width:1px;height:16px;background:#1D2741;right:-1px;top:50%;margin-top:-8px}.header .block-goto-trade .block-content{height:40px;line-height:40px}.header .block-goto-trade .block-content a{display:block;padding:8px 28px;border-radius:10px;background:linear-gradient(88deg,#003FFF 1.46%,#006BFF 62.42%,#0085FF 126.76%);font-size:16px;font-style:normal;font-weight:500;line-height:24px;color:#EAECEE;text-decoration:none}.header .block-goto-trade .block-content a:hover{background:linear-gradient(88deg,#0633BB 1.46%,#0034D2 1.47%,#024EB7 64.74%,#06F 126.76%)}.header .block-search{flex:0 0 auto;-webkit-flex:0 0 auto;width:256px;margin-right:16px;position:relative;z-index:10}.header .block-search .form-text{background:url(/en/blog/wp-content/themes/margex-blog-v2/assets/css/../images/search-icon.png) no-repeat scroll 16px center #040b1e;padding:8px 16px 8px 48px;width:calc(100% - 2px - 16px - 48px);border-radius:10px;border:1px solid #454F69;color:#F1F1F1}.header .block-search .form-text:focus{border:1px solid #2B8DFF}.header .block-search .search-results{position:absolute;display:none;border-radius:6px;border:1px solid rgba(39,49,75,0);background:#0E1528;padding:12px;width:355px;max-width:calc(100vw - 2px - 24px - 40px);left:0;top:53px;max-height:442px;overflow-y:auto;overflow-x:visible}.header .block-search .search-results.active{display:block}.header .block-search .search-results::-webkit-scrollbar{width:4px;height:4px;background-color:#0e1528}.header .block-search .search-results::-webkit-scrollbar-thumb{border-radius:4px;background-color:#CAD0E1}.header .block-search .search-results .result-group{padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid #1D2741}.header .block-search .result-group:last-child{margin-bottom:0;padding-bottom:0;border:0}.header .block-search .result-header{display:flex;display:-webkit-flex;margin-bottom:12px;font-size:12px;line-height:16px;color:#F1F1F1;padding:0 8px}.header .block-search .result-header .title{flex:1 1 auto;-webkit-flex:1 1 auto;text-transform:uppercase;margin:0 10px 0 0}.header .block-search .result-header .r-counter{flex:0 0 auto;-webkit-flex:0 0 auto}.header .block-search .result-content{display:flex;display:-webkit-flex;flex-wrap:wrap;-webkit-flex-wrap:wrap}.header .block-search .result-content .result-item{flex:0 0 100%;-webkit-flex:0 0 100%;margin:0 0 12px 0}.header .block-search .result-content .result-item:last-child{margin:0}.header .block-search .result-content .result-item a{display:block;text-decoration:none;padding:4px 40px 4px 8px;font-size:14px;line-height:22px;color:#F1F1F1}.header .block-search .result-content .result-item a:hover{background:url(/en/blog/wp-content/themes/margex-blog-v2/assets/css/../images/right-arrow.png) no-repeat scroll right 4px #1D2741;border-radius:4px;box-shadow:0 1px 0 0 #28324C inset}.header .block-search .result-content .result-item a .sel{color:#2B8DFF}.header .block-search .result-content .result-item a .tag{font-family:"Open Sans";font-size:12px;font-weight:600;line-height:16px;color:#F1F1F1}.header .block-search .result-group .show-more{padding-top:16px}.header .block-search .result-group .show-more .load-more-search{cursor:pointer;padding:8px 16px 8px 16px;border-radius:8px;border:1px solid #454F69;text-align:center;font-size:14px;font-weight:500;line-height:16px;color:#EAECEE;transition:color 0.15s ease-in-out,border-color 0.15s ease-in-out}.header .block-search .result-group .show-more .load-more-search:hover{border-color:#1F50AF;color:#3071EE}.header .block-search .search-no-res{padding:6px 8px 6px 8px;font-size:16px;font-style:normal;font-weight:400;line-height:24px;color:#EAECEE}.header .block-open-menu{flex:0 0 24px;-webkit-flex:0 0 24px;height:24px;cursor:pointer;line-height:24px;margin:0 0 0 8px;display:none;background:url(/en/blog/wp-content/themes/margex-blog-v2/assets/css/../images/open-menu.png) no-repeat scroll 0 0}.header .block-open-menu:before{content:"";position:absolute;background:url(/en/blog/wp-content/themes/margex-blog-v2/assets/css/../images/open-menu-hover.png) no-repeat scroll 0 0}.header .block-open-menu:hover{background:url(/en/blog/wp-content/themes/margex-blog-v2/assets/css/../images/open-menu-hover.png) no-repeat scroll 0 0}.header .block-open-menu:after{content:"";position:absolute;background:url(/en/blog/wp-content/themes/margex-blog-v2/assets/css/../images/close-icon-active.png) no-repeat scroll 0 0}.header .block-open-menu.opened{background:url(/en/blog/wp-content/themes/margex-blog-v2/assets/css/../images/close-icon-active.png) no-repeat scroll 0 0}.header .block-search-open{flex:0 0 24px;-webkit-flex:0 0 24px;cursor:pointer;line-height:24px;margin:0 8px 0 0;display:none;transition:width 0.15s ease-in-out}.header .block-search-open svg path{transition:fill 0.15s ease-in-out}.header .block-search-open:hover svg path{fill:#3071EE}.header .go-to-platform{flex:0 0 auto;-webkit-flex:0 0 auto}.header .go-to-platform a{display:flex;display:-webkit-flex;align-items:center;-webkit-align-items:center;text-decoration:none;padding-right:28px}.header .go-to-platform .platform-logo{flex:0 0 24px;-webkit-flex:0 0 24px;height:24px;display:flex;display:-webkit-flex;align-items:center;-webkit-align-items:center}.header .go-to-platform .platform-logo img{vertical-align:top}.header .go-to-platform .text{flex:0 0 auto;-webkit-flex:0 0 auto;padding:8px 8px 8px 0;color:#EAECEE;text-align:center;font-size:16px;font-style:normal;font-weight:500;line-height:24px;height:24px;transition:color 0.15s ease-in-out}.header .go-to-platform a:hover .text{color:#2B8DFF}.header .go-to-platform .arrow{flex:0 0 auto;-webkit-flex:0 0 auto;width:24px;display:flex;display:-webkit-flex;align-items:center;-webkit-align-items:center}.header .go-to-platform .arrow svg{width:24px;height:24px}.header .go-to-platform a .arrow svg path{transition:all 0.15s ease-in-out}.header .go-to-platform a:hover .arrow svg path{fill:#2B8DFF}.header .header-marquee{flex:0 0 auto;-webkit-flex:0 0 auto;width:calc((100vw/2) - (100%/2) + 100% - 169px - 20px);display:flex;display:-webkit-flex;overflow-x:hidden;user-select:none}.header .header-marquee .marquee-cont{display:flex;display:-webkit-flex;color:#FFF;font-size:12px;font-style:normal;font-weight:400;line-height:16px;white-space:nowrap;animation:marquee_scroll 75s linear infinite}.header .header-marquee .marquee-cont .marquee-row{white-space:nowrap;flex:0 0 auto;-webkit-flex:0 0 auto;padding:0 14px}.header .header-marquee .marquee-cont .red{color:#E51C23}.header .header-marquee .marquee-cont .green{color:#22AC38}.header .header-marquee .marquee-cont .white{color:#fff}@media screen and (max-width:1390px){.header .wrapper .logo{flex:1 1 auto;-webkit-flex:1 1 auto;margin-right:0}.header .block-open-menu{display:block}.header .wrapper .block-menu{display:none;position:absolute;top:0;right:0;width:320px;padding:80px 20px 12px 20px;background:#080e1f;max-height:calc(100vh - 64px - 1px - 28px);overflow-y:auto;z-index:10}.header .wrapper .block-menu::-webkit-scrollbar{width:4px;height:4px;background-color:#0e1528}.header .wrapper .block-menu::-webkit-scrollbar-thumb{border-radius:4px;background-color:#CAD0E1}.header .wrapper .block-menu.opened{display:block}.header .wrapper .block-menu .close{display:block;position:absolute;top:20px;right:20px;cursor:pointer}.header .wrapper .block-menu .close svg{width:24px;height:24px;vertical-align:top}.header .wrapper .block-menu .close svg path{transition:fill 0.15s ease-in-out}.header .wrapper .block-menu .close:hover svg path{fill:#3071EE}.header .wrapper .block-menu ul.menu{flex-wrap:wrap;-webkit-flex-wrap:wrap}.header .wrapper .block-menu ul.menu li{margin:0 0 8px 0;flex:0 0 100%;-webkit-flex:0 0 100%}.header .wrapper .block-menu ul.menu li a{padding:10px 40px 11px 12px;border-radius:12px;font-size:14px;font-style:normal;line-height:22px;height:auto;color:#7A849D}.header .wrapper .block-menu ul.menu li a:hover{background:url(/en/blog/wp-content/themes/margex-blog-v2/assets/css/../images/right-arrow.png) no-repeat scroll right 10px #1D2741;box-shadow:0 1px 0 0 #28324C inset}.header .wrapper .block-menu ul.menu li a.active{color:#2B8DFF}.header .wrapper .block-menu .goto-trade-button{display:block;margin-bottom:24px}.header .wrapper .block-menu .goto-trade-button a{display:block;padding:10px 28px;border-radius:10px;background:linear-gradient(88deg,#003FFF 1.46%,#006BFF 62.42%,#0085FF 126.76%);font-size:16px;font-style:normal;font-weight:500;line-height:24px;color:#EAECEE;text-decoration:none;text-align:center}.header .wrapper .block-menu .goto-trade-button a:hover{background:linear-gradient(88deg,#0633BB 1.46%,#0034D2 1.47%,#024EB7 64.74%,#06F 126.76%)}}@media screen and (max-width:800px){.header .header-top{height:52px}.header .header-top .wrapper{height:52px}.header .wrapper .logo{line-height:32px}.header .wrapper .logo img{width:92px;height:auto}.header .block-search-open{display:block}.header .block-search-open.opened{flex:0 0 192px;-webkit-flex:0 0 192px;text-align:right}.header .block-goto-trade{margin-right:8px;padding-right:8px}.header .block-goto-trade{height:32px}.header .block-goto-trade .block-content a{padding:8px 16px;font-size:14px;line-height:16px}.header .block-search{position:absolute;right:68px;z-index:10;width:0;transition:width 0.3s;visibility:hidden;overflow:hidden;margin-right:0}.header .block-search.opened{width:188px;visibility:visible;overflow:visible}.header .block-search .form-text{background:#040b1e;padding:4px 16px 4px 16px;width:calc(100% - 32px)}.header .wrapper .block-menu{height:calc(100vh - 68px - 1px - 28px);max-height:none}.header .wrapper .block-menu .close{top:14px}.header .block-search .search-results{top:43px;width:228px}.header .site-lang .site-lang-menu{top:39px}}@media screen and (max-width:768px){.header .go-to-platform a{padding-right:20px}.header .header-marquee{width:calc((100vw/2) - (100%/2) + 100% - 161px - 20px)}.header .header-marquee .marquee-cont .marquee-row{padding:0 10px}}@media screen and (max-width:550px){.header .block-search-open.opened{flex:0 0 24px;-webkit-flex:0 0 24px}.header .site-lang .site-lang-menu{width:calc(100vw - 40px);right:-32px}}@media screen and (max-width:520px){.header .block-search .search-results{width:calc(100vw - 40px);left:auto;right:-68px}}@media screen and (max-width:500px){.header .wrapper .block-menu{width:calc(100vw - 40px);right:-20px}.header .go-to-platform a{padding-right:16px}.header .header-marquee{width:calc((100vw/2) - (100%/2) + 100% - 157px - 20px)}.header .header-marquee .marquee-cont .marquee-row{padding:0 8px}}@media screen and (max-width:420px){.header .block-search.opened{width:150px}.header .block-search .form-text{width:calc(100% - 32px)}}