body { margin: 0px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; -webkit-font-smoothing: antialiased; }
code { font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace; }
.App, html { width: 100%; height: 100%; }
.header { background: url("../img/homepageHeaderBg-FS427zSh.png") 0px 0px / 100% 100% rgb(12, 11, 14); }
.headerContent { position: relative; z-index: 1; padding-top: 13.4vw; width: 83.3vw; margin: 0px auto; }
.title { margin: 0px 0px 1.39vw; font-weight: 600; font-size: 4.86vw; line-height: 6.11vw; color: rgb(255, 255, 255); transition: 0.5s; transform: translateY(50px); opacity: 0; }
.show .title { transform: translateY(0px); opacity: 1; }
.titleDesc { max-width: 30vw; font-weight: 400; font-size: 1.39vw; line-height: 1.67vw; color: rgba(255, 255, 255, 0.8); transition: 0.5s 0.3s; transform: translateY(50px); opacity: 0; }
.show .titleDesc { transform: translateY(0px); opacity: 1; }
.mainButtons { margin: 3.19vw 0px 6.6vw; display: flex; align-items: center; justify-content: flex-start; font-weight: 600; font-size: 1vw; transition: 0.5s 0.6s; transform: translateY(50px); opacity: 0; }
.show .mainButtons { transform: translateY(0px); opacity: 1; }
.mainButtons a { color: rgb(255, 255, 255); text-decoration: none; }
.mainButton_start { width: 10.4167vw; height: 2.78vw; background: rgb(229, 49, 34); border-radius: 4px; display: flex; align-items: center; justify-content: center; margin-right: 1.39vw; cursor: pointer; }
.mainButton_start:hover { background: linear-gradient(0deg, rgb(193, 40, 27), rgb(193, 40, 27)); }
.mainButton_toGithub { width: 10.4167vw; height: 2.78vw; background: rgba(255, 255, 255, 0.1); backdrop-filter: blur(20px); border-radius: 4px; display: flex; align-items: center; justify-content: center; cursor: pointer; }
.mainButton_toGithub:hover { background: rgba(255, 255, 255, 0.2); }
.usage { display: flex; justify-content: flex-start; align-items: center; padding-bottom: 10.69vw; transition: 0.5s 0.9s; transform: translateY(50px); opacity: 0; }
.show .usage { transform: translateY(0px); opacity: 1; }
.usage_num { font-weight: 700; font-size: 2.08vw; line-height: 1.67vw; color: rgba(255, 255, 255, 0.9); margin-bottom: 0.83vw; }
.usage_desc { font-weight: 400; font-size: 1.11vw; line-height: 1.67vw; text-align: left; color: rgba(255, 255, 255, 0.4); }
.downloads { margin-right: 4.03vw; }
.homepage_bannerBg { position: absolute; right: 0px; top: 0px; width: 51.875vw; height: 49.93vw; }
.homepage_bannerBg_mobile { display: none; }
@media screen and (min-width: 3840px) {
  .header { background-image: url("../img/homepageHeaderBgBig-DLuNS01c.png"); }
}
@media screen and (max-width: 800px) {
  .header { background-image: url("../img/homepageHeaderBgMobile-CCJPWWl0.png"); }
  .headerContent { width: auto; margin: 0px auto; text-align: center; padding-top: 72px; }
  .title { font-weight: 600; font-size: 40px; line-height: 50px; color: rgb(255, 255, 255); }
  .titleDesc { max-width: none; font-weight: 400; font-size: 14px; line-height: 24px; color: rgba(255, 255, 255, 0.8); }
  .mainButtons { justify-content: center; margin: 20px 0px 30px; }
  .mainButton_start, .mainButton_toGithub { width: 100px; height: 30px; font-size: 12px; }
  .mainButton_start { margin-right: 20px; }
  .usage { justify-content: center; padding-bottom: 30px; }
  .downloads { margin-right: 40px; }
  .usage_num { font-weight: 700; font-size: 14px; line-height: 17px; color: rgba(255, 255, 255, 0.9); margin-right: 4px; margin-bottom: 0px; }
  .usage_desc { margin-top: 5px; font-weight: 400; font-size: 12px; line-height: 17px; color: rgba(255, 255, 255, 0.4); }
  .homepage_bannerBg_mobile { display: block; position: static; width: 100%; height: auto; }
  .homepage_bannerBg { display: none; }
}
@media screen and (max-width: 420px) {
  .headerContent { width: auto; padding-left: 20px; padding-top: 72px; text-align: left; }
  .mainButtons { margin: 20px 0px 30px; justify-content: flex-start; }
  .mainButton_start, .mainButton_toGithub { font-size: 12px; }
  .usage { padding-bottom: 30px; justify-content: flex-start; }
}
@media screen and (min-width: 1440px) {
  .headerContent { width: 1200px; padding-top: 193px; }
  .title { margin: 0px 0px 20px; font-size: 70px; line-height: 88px; }
  .titleDesc { font-size: 20px; line-height: 24px; }
  .mainButtons { margin: 46px 0px 95px; font-size: 14px; }
  .mainButton_start { width: 150px; height: 40px; margin-right: 20px; }
  .mainButton_toGithub { width: 150px; height: 40px; }
  .usage { padding-bottom: 154px; }
  .usage_num { font-size: 30px; line-height: 24px; margin-bottom: 12px; }
  .usage_desc { font-size: 16px; line-height: 24px; }
  .downloads { margin-right: 58px; }
  .homepage_bannerBg { width: 747px; height: 719px; margin-right: -120px; }
}
.headerBar { position: fixed; z-index: 100; width: 100%; }
.headerBar.scrolling { background-color: rgba(12, 11, 14, 0.8); }
.headerBar.scrolling .headerBar_container { backdrop-filter: blur(13px); }
.headerBar_container { width: 81.94vw; margin: 0px auto; display: flex; position: relative; }
.logo { width: 9.44vw; height: 2.43vw; margin: 1.04vw 5.55vw 1.04vw 0px; }
.nav { flex: 1 1 0%; display: flex; justify-content: flex-start; align-items: center; }
.nav_item { font-weight: 400; font-size: 1.11vw; line-height: 1.53vw; color: rgba(255, 255, 255, 0.8); text-decoration: none; padding-bottom: 5px; border-bottom: 2px solid transparent; margin-right: 2.78vw; cursor: pointer; }
.nav_item.current { border-bottom-color: rgb(255, 255, 255); color: rgb(255, 255, 255); }
.nav_item:hover { color: rgb(255, 255, 255); }
.langSelector { cursor: pointer; position: relative; width: 9.03vw; display: flex; align-items: center; justify-content: center; }
.selectedLang { font-weight: 500; font-size: 1vw; line-height: 100%; color: rgba(255, 255, 255, 0.8); display: flex; align-items: center; }
.langSelector:hover .selectedLang { color: rgb(255, 255, 255); }
.selectedLang .selectedLang_arrow { opacity: 0.8; margin-left: 6px; }
.langSelector:hover .selectedLang_arrow { opacity: 1; }
.langList { position: absolute; left: 0px; top: 51px; width: 130px; background: rgb(250, 250, 252); border: 1px solid rgba(229, 49, 34, 0.2); border-radius: 4px; font-weight: 400; font-size: 14px; line-height: 100%; text-align: center; transition: 0.5s; margin-top: 10px; opacity: 0; visibility: hidden; }
.langSelector:hover .langList { margin-top: 0px; opacity: 1; visibility: visible; }
.lang { display: block; padding: 15px 0px; color: rgba(16, 16, 16, 0.9); border-bottom: 1px solid rgba(16, 16, 16, 0.06); text-decoration: none; }
.lang:last-child { border-bottom: none; }
.lang:hover { color: rgb(229, 49, 34); }
.headerBar_mobile_menu, .headerBar_mobile_close { display: none; }
@media screen and (max-width: 800px) {
  .headerBar.mobileShow { background-color: rgb(1, 1, 1); }
  .headerBar_container { display: block; margin-left: 20px; width: auto; }
  .logo { margin: 12px 0px; width: 94px; height: 24px; }
  .nav { display: none; }
  .mobileShow .nav { display: block; }
  .nav_item { display: block; border-bottom: 0px; text-align: center; font-size: 16px; margin-top: 30px; }
  .langSelector { display: none; width: auto; text-align: center; margin-top: 35px; }
  .mobileShow .langSelector { display: flex; margin-bottom: 40px; }
  .selectedLang { font-size: 16px; }
  .langList { left: 50%; transform: translate(-50%) translateY(-20px); }
  .headerBar_mobile_menu { position: absolute; right: 20px; top: 17px; width: 20px; height: 14px; display: block; }
  .headerBar_mobile_close { position: absolute; right: 20px; top: 17px; width: 12px; height: 12px; display: none; }
  .mobileShow .headerBar_mobile_menu { display: none; }
  .mobileShow .headerBar_mobile_close { display: block; }
}
@media screen and (min-width: 1440px) {
  .headerBar_container { width: 1200px; margin: 0px auto; display: flex; }
  .logo { width: 136px; height: 35px; margin: 15px 80px 15px 0px; }
  .nav_item { font-size: 16px; line-height: 22px; margin-right: 40px; }
  .langSelector { width: 130px; }
  .selectedLang { font-size: 14px; }
}
._serviceAlert_dgssk_1 { display: flex; align-items: center; padding-left: 30px; background-color: rgb(22, 22, 22); justify-content: center; }
._icon_dgssk_9 { display: inline-block; width: 16px; height: 16px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGKSURBVHgBpVI9SEJRGP18NfWoFnlQ8Nz6gWzRzRf0MxUYFQ1vaGiQoskmactsCzdbonBraaogcGoQ0k1bFNTxPajFyaLGuufqvbyf7IcOXPTdn3PO930noGnaB/0Dg19txqLTFJ7U2Qrxb+u5TVd3JbKf2r67AaeDkeEhOk0naHk+Qp2XNypVG3w/PBEifTzISB4oe3HrIpIE+liQrs8O2A5RMpOncqXhUjLjc5TaWePnS1tpLgAo4kJqd50fbuydyMcoBQuAOs6IyeUOE5JYEepm3KDs+Y3LHvawBGzWi+RxnlYWIpKYN9FcNfghGuXEPivFC7iDfTQZ/6WDWtPyXUbdTgcCaO5Mb0IKfYNYdEpa7QdF1PbTRScwVryRBOVKk0ZZBn5DgrK6mej2a0BV1SOwzbKatjcXqVB8lDPuvL5TvWVLNfQqx4JWKFYlgQwSHNxfZngWME7vROCOz7+XFTFuV5ShgECh81AVkzHYY8QcykipcOgjcBIhG/gF6i2LaqwUb7z7EvwFn8FMpse3kZbkAAAAAElFTkSuQmCC") center center no-repeat; }
._p_dgssk_13 { color: rgb(255, 225, 181); font-family: Inter; font-size: 12px; line-height: 20px; flex: 1 1 auto; display: flex; align-items: center; margin: 0px; }
p ._text_dgssk_25 { margin-left: 5px; }
._button_dgssk_28 { background: rgb(61, 66, 74); color: rgb(255, 255, 255); padding: 0px 30px; font-family: Inter; font-size: 14px; font-weight: 700; line-height: 30px; cursor: pointer; margin-left: 10px; flex: 0 0 auto; }
._button_dgssk_28:hover { background-color: rgb(218, 59, 47); }
@media screen and (max-width: 750px) {
  ._serviceAlert_dgssk_1 { position: fixed; bottom: 0px; flex-flow: column wrap; padding: 9px 35px 9px 0px; align-items: flex-start; }
  ._p_dgssk_13 { display: flex; padding-left: 10px; align-items: flex-start; }
  ._icon_dgssk_9 { display: block; flex: 1 0 auto; margin-top: 5px; }
  ._text_dgssk_25 { font-size: 11px; line-height: 20px; margin-left: 5px; }
  ._button_dgssk_28 { line-height: 20px; margin-top: 10px; margin-left: 20px; font-size: 10px; font-weight: 700; text-transform: capitalize; }
}
.footerBar { background-color: rgb(28, 26, 29); }
.footerBar.stickyToBottom { position: fixed; left: 0px; bottom: 0px; width: 100%; }
.footerBar_container { width: 83.3vw; margin: 0px auto; display: flex; align-items: center; justify-content: space-between; }
.footerBar_left { flex: 1 1 0%; display: flex; align-items: center; justify-content: flex-start; }
.footerBar_logo { width: 9.44vw; height: 2.43vw; margin: 1.04vw 5.55vw 1.04vw 0px; }
.footerBar_devDoc { font-weight: 400; font-size: 1.11vw; line-height: 1.458vw; color: rgba(255, 255, 255, 0.8); text-decoration: none; cursor: pointer; }
.footerBar_devDoc:hover { color: rgb(255, 255, 255); }
.footerBar_right { display: flex; align-items: center; justify-content: space-between; }
.footerBar_icon { margin-left: 30px; position: relative; opacity: 0.8; cursor: pointer; }
.footerBar_icon:hover { opacity: 1; }
.footerBar_icon:last-of-type { margin-left: 36px; }
.telegramChinaList { position: absolute; left: 50%; bottom: 100%; transform: translate(-50%) translateY(-5px); width: 180px; height: 88px; background: rgb(250, 250, 252); border: 1px solid rgba(229, 49, 34, 0.2); border-radius: 4px; opacity: 0; visibility: hidden; transition: 0.5s; }
.telegramChinaList::after { content: ""; display: block; position: absolute; left: 50%; top: 100%; margin-left: -9px; border-style: solid; border-top-width: 5px; border-left-width: 9.5px; border-right-width: 9.5px; border-color: rgb(255, 255, 255) transparent transparent; }
.footerBar_telegramIcon:hover .telegramChinaList { opacity: 1; z-index: 100; visibility: visible; }
.telegramChinaList_item { display: block; padding: 15px; font-weight: 400; font-size: 14px; line-height: 100%; text-align: center; color: rgba(16, 16, 16, 0.9); text-decoration: none; border-bottom: 1px solid rgba(16, 16, 16, 0.06); }
.telegramChinaList_item:last-of-type { border-bottom: 0px; }
.telegramChinaList_item:hover { color: rgb(229, 49, 34); }
@media screen and (max-width: 800px) {
  .footerBar_container { width: auto; }
  .footerBar_logo { width: 94px; height: 24px; margin: 20px; }
  .footerBar_devDoc { display: none; }
  .footerBar_right { margin-right: 25px; }
}
@media screen and (min-width: 1440px) {
  .footerBar_container { width: 1200px; }
  .footerBar_logo { width: 136px; height: 35px; margin: 44px 80px 44px 0px; }
  .footerBar_devDoc { font-size: 16px; line-height: 21px; }
}
.card1 { width: 26.67vw; padding: 2.08vw 2.08vw 2.43vw; box-sizing: border-box; background: rgb(255, 255, 255); box-shadow: rgba(211, 211, 211, 0.1) 0px 6px 20px; border-radius: 4px; display: flex; align-items: flex-start; }
.card1_icon img { width: 3.89vw; height: 3.89vw; }
.card1_icon { margin-right: 1.94vw; }
.card1_content { flex: 1 1 0%; }
.card1_title { font-weight: 600; font-size: 1.67vw; line-height: 2.36vw; color: rgb(16, 16, 16); margin-bottom: 1vw; margin-top: 5px; }
.card1_desc { font-weight: 400; font-size: 1.11vw; line-height: 1.8vw; color: rgb(16, 16, 16); }
@media screen and (max-width: 800px) {
  .card1 { padding: 30px 20px; }
  .card1_icon { margin-right: 20px; }
}
@media screen and (min-width: 1440px) {
  .card1 { width: 384px; padding: 30px; }
  .card1:first-child { padding-right: 24px; }
  .card1_icon img { width: 56px; height: 56px; }
  .card1_icon { margin-right: 28px; }
  .card1_title { font-size: 24px; line-height: 34px; margin-bottom: 14px; }
  .card1_desc { font-size: 16px; line-height: 26px; }
}
.card2 { position: relative; width: 26.39vw; height: 16.11vw; box-sizing: border-box; padding: 2.78vw 2.08vw; background: rgb(255, 255, 255); border: 1px solid rgb(0, 0, 0); border-radius: 10px; overflow: hidden; transition: 0.5s; }
.card2:hover { background-color: rgb(28, 26, 29); }
.card2_header { display: flex; justify-content: flex-start; align-items: center; }
.card2_icon { width: 2.5vw; height: 2.5vw; }
.card2_icon_black { display: none; width: 2.5vw; height: 2.5vw; }
.card2:hover .card2_icon { display: none; }
.card2:hover .card2_icon_black { display: block; }
.card2_title { margin-left: 1vw; font-weight: 900; font-size: 1.67vw; line-height: 2vw; color: rgb(16, 16, 16); }
.card2:hover .card2_title { color: rgb(255, 255, 255); }
.card2_desc { height: 4.17vw; margin-top: 1.39vw; font-weight: 400; font-size: 1.11vw; line-height: 2.08vw; color: rgba(16, 16, 16, 0.9); }
.card2:hover .card2_desc { color: rgba(255, 255, 255, 0.9); }
.card2_goDetail { margin-top: 2.08vw; font-weight: 500; font-size: 1vw; line-height: 100%; color: rgb(229, 49, 34); text-decoration: none; display: inline-flex; align-items: center; }
.card2_goDetail_rightArrow { margin-left: 10px; width: 1.11vw; height: 1.11vw; transition: 0.3s; }
.card2_goDetail:hover .card2_goDetail_rightArrow { transform: translate(5px); }
.card2_bg { position: absolute; right: 0px; bottom: 0px; width: 4.167vw; height: 4.167vw; }
@media screen and (max-width: 800px) {
  .card2_icon, .card2_icon_black { width: 36px; height: 36px; }
  .card2_title { font-size: 16px; line-height: 19px; margin-left: 20px; }
  .card2_desc { height: 44px; margin-top: 2px; font-size: 12px; line-height: 20px; margin-left: 56px; }
  .card2_goDetail { margin-left: 56px; margin-top: 20px; font-size: 12px; line-height: 17px; }
  .card2_goDetail_rightArrow { width: 16px; height: 16px; }
}
@media screen and (max-width: 800px) {
  .card2_bg { width: 60px; height: 60px; }
}
@media screen and (min-width: 1440px) {
  .card2 { width: 380px; height: 232px; padding: 40px 30px; }
  .card2_icon, .card2_icon_black { width: 36px; height: 36px; }
  .card2_title { margin-left: 14px; font-size: 24px; line-height: 29px; }
  .card2_desc { height: 60px; margin-top: 20px; font-size: 16px; line-height: 30px; }
  .card2_goDetail { margin-top: 30px; font-size: 14px; }
  .card2_goDetail_rightArrow { width: 16px; height: 16px; }
  .card2_bg { width: 60px; height: 60px; }
}
.content { padding-top: 8.33vw; background: linear-gradient(rgb(250, 250, 252) 0%, rgb(250, 250, 252) 67.71%, rgba(250, 250, 252, 0)); }
.card1List { width: 83.3vw; margin: 0px auto; display: flex; align-items: stretch; justify-content: space-between; transition: 0.5s; transform: translateY(50px); opacity: 0; }
.show.card1List { transform: translateY(0px); opacity: 1; }
.functions { width: 83.3vw; margin: 10.4167vw auto 0px; padding-bottom: 5.694vw; }
.function_title { font-weight: 600; font-size: 2.78vw; line-height: 3.89vw; color: rgb(16, 16, 16); margin-bottom: 4.167vw; transition: 0.5s; opacity: 0; transform: translateY(50px); }
.functions.show .function_title { opacity: 1; transform: translateY(0px); }
.functions_content { display: flex; align-items: flex-start; }
.functions_left { flex: 1 1 0%; }
.functions_image { width: 27.78vw; height: 27.08vw; margin-right: -4.167vw; margin-top: -5.55vw; }
.function_line { display: flex; align-items: stretch; justify-content: space-between; }
.function { width: 27.5vw; display: flex; align-items: center; justify-content: space-between; transition: 0.8s; opacity: 0; transform: scale(0); transform-origin: left center; margin-top: 0.56vw; }
.functions.show .function { transform: scale(1); opacity: 1; }
.function_line:nth-child(1) .function { transition-delay: 0.5s; }
.function_line:nth-child(2) .function { transition-delay: 1s; }
.function_line:nth-child(3) .function { transition-delay: 1.5s; }
.function > img { width: 1.11vw; height: 1.11vw; margin-right: 10px; }
.function > span { flex: 1 1 0%; font-weight: 500; font-size: 1.11vw; line-height: 1.389vw; color: rgb(16, 16, 16); border-bottom: 0.5px solid rgba(16, 16, 16, 0.2); padding: 0.76vw 0px; height: 100%; box-sizing: border-box; display: flex; align-items: center; }
.checkout_devdoc { width: 10.42vw; height: 2.78vw; background: rgb(229, 49, 34); border-radius: 4px; display: flex; align-items: center; justify-content: center; margin-top: 3.4vw; cursor: pointer; color: rgb(255, 255, 255); font-size: 1vw; font-weight: 600; text-decoration: none; transition: 0.5s 2.3s; opacity: 0; transform: translateY(20px); }
.checkout_devdoc:hover { background: linear-gradient(0deg, rgb(193, 40, 27), rgb(193, 40, 27)); }
.functions.show .checkout_devdoc { opacity: 1; transform: translateY(0px); }
.apps { padding: 10vw 0px 7.15vw; background-color: rgb(255, 255, 255); }
.apps_container { width: 83.3vw; margin: 0px auto; display: flex; align-items: flex-start; }
.apps_left { flex: 1 1 0%; }
.apps_title { font-weight: 600; font-size: 2.78vw; line-height: 4.167vw; color: rgb(16, 16, 16); }
.apps_title_num { color: rgb(229, 49, 34); font-family: Lato, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; font-weight: 800; font-size: 3.472vw; }
.apps_bg { width: 50.625vw; height: 27.22vw; margin-left: -8.33vw; margin-top: 1.389vw; }
.apps_rightSlider { width: 42.78vw; position: relative; overflow: hidden; }
.apps_rightSlider::before { content: ""; display: block; position: absolute; left: 0px; top: 0px; z-index: 1; width: 6.94vw; height: 100%; background: linear-gradient(90deg, rgb(255, 255, 255), rgba(255, 255, 255, 0)); }
.apps_rightSlider::after { content: ""; display: block; position: absolute; right: 0px; top: 0px; z-index: 1; width: 6.94vw; height: 100%; background: linear-gradient(-90deg, rgb(255, 255, 255), rgba(255, 255, 255, 0)); }
@keyframes appsSlider { 
  0% { transform: translate(0px); }
  100% { transform: translate(-78.125vw); }
}
.apps_rightSlider_imgContainer { width: 81.0417vw; height: 25.625vw; animation: 25s linear 0s infinite normal none running appsSlider; overflow: visible; position: relative; }
.apps_rightSlider_imgContainer_img { position: absolute; left: 0px; top: 0px; width: 100%; }
.apps_rightSlider_imgContainer_img:last-of-type { left: 100%; margin-left: -2.9167vw; }
.devCommunity { position: relative; padding: 3.472vw 0px; }
.devCommunity_bg { position: absolute; right: 0px; top: 0px; width: 39.236vw; height: 55.903vw; }
.devCommunity_container { width: 83.3vw; margin: 0px auto; display: flex; justify-content: space-between; align-items: flex-start; position: relative; }
.devCommunity_leftBg { position: absolute; left: -18.4vw; top: 0px; width: 50.139vw; height: 55.4167vw; }
.devCommunity_left { transition: 0.5s; transform: translateY(50px); opacity: 0; }
.devCommunity_left.show { opacity: 1; transform: translateY(0px); }
.devCommunity_title { margin-top: 9.0278vw; font-weight: 600; font-size: 2.78vw; line-height: 3.89vw; color: rgb(16, 16, 16); }
.devCommunity_desc { margin-top: 2.083vw; font-weight: 400; font-size: 1.11vw; line-height: 2.083vw; color: rgb(16, 16, 16); }
.join_community { width: 10.4167vw; height: 2.78vw; background: rgb(229, 49, 34); border-radius: 4px; display: flex; align-items: center; justify-content: center; margin-top: 50px; cursor: pointer; color: rgb(255, 255, 255); text-decoration: none; }
.join_community:hover { background: linear-gradient(0deg, rgb(193, 40, 27), rgb(193, 40, 27)); }
.devCommunity_rightImage { width: 44.0278vw; height: 35.76vw; }
.moreTools { margin-top: 2.78vw; }
.moreTools_title { font-weight: 600; font-size: 2.78vw; line-height: 3.89vw; text-align: center; color: rgb(16, 16, 16); transition: 0.5s; transform: translateY(50px); opacity: 0; }
.moreTools.show .moreTools_title { transform: translateY(0px); opacity: 1; }
.moreTools_cardList { width: 83.3vw; margin: 4.167vw auto 0px; display: flex; align-items: center; justify-content: space-between; }
.moreTools .card2 { transition: transform 0.5s, opacity 0.5s; transform: translateY(50px); opacity: 0; }
.moreTools.show .card2 { transform: translateY(0px); opacity: 1; }
.moreTools_cardList .card2:nth-child(1) { transition-delay: 0.2s; }
.moreTools_cardList .card2:nth-child(2) { transition-delay: 0.3s; }
.moreTools_cardList .card2:nth-child(3) { transition-delay: 0.4s; }
.forward { margin: 0px auto; padding-bottom: 11.11vw; padding-top: 10.417vw; background: url("../img/forwardBg-B6ADRmcP.png") 100% 100% / 100% 100%; }
.forward_title { font-weight: 600; font-size: 2.78vw; line-height: 3.89vw; text-align: center; color: rgb(16, 16, 16); transition: 0.5s; transform: translateY(50px); opacity: 0; }
.forward.show .forward_title { transform: translateY(0px); opacity: 1; }
.forward_desc { margin: 2.78vw auto 0px; width: 70.69vw; font-weight: 400; font-size: 1.11vw; line-height: 2.08vw; text-align: center; color: rgba(16, 16, 16, 0.9); transition: 0.5s 0.3s; transform: translateY(50px); opacity: 0; }
.forward.show .forward_desc { transform: translateY(0px); opacity: 1; }
.apps_bg_mobile, .apps_rightSlider_imgContainer_mobile { display: none; }
@media screen and (max-width: 800px) {
  .content { padding-top: 50px; }
  .card1List { display: block; width: auto; }
  .card1 { margin: 15px; width: auto; }
  .card1_icon img { width: 48px; height: 48px; }
  .card1_title { font-size: 16px; line-height: 22px; margin-bottom: 8px; }
  .card1_desc { font-size: 12px; line-height: 20px; }
  .functions { width: auto; margin: 80px 0px 0px; padding-bottom: 0px; }
  .function_title { margin-bottom: 15px; font-size: 18px; line-height: 30px; text-align: center; }
  .functions_content { display: block; }
  .function_line { display: block; margin: 0px 15px; }
  .function { width: auto; margin-top: 4px; }
  .function_line:nth-child(1) .function:first-child { transition-delay: 0.5s; }
  .function_line:nth-child(1) .function:nth-child(2) { transition-delay: 1s; }
  .function_line:nth-child(2) .function:nth-child(1) { transition-delay: 1.5s; }
  .function_line:nth-child(2) .function:nth-child(2) { transition-delay: 2s; }
  .function_line:nth-child(3) .function:nth-child(1) { transition-delay: 2.5s; }
  .function_line:nth-child(3) .function:nth-child(2) { transition-delay: 3s; }
  .function img { width: 14px; height: 14px; margin-top: -5px; }
  .function span { font-size: 14px; line-height: 20px; margin-left: -24px; padding: 16px 0px 16px 24px; }
  .checkout_devdoc { display: none; }
  .functions_image { margin-top: 10px; width: 100%; height: auto; margin-right: 0px; }
  .apps { padding-top: 80px; padding-bottom: 65px; }
  .apps_container { width: 100%; display: block; }
  .apps_left { margin-right: 0px; }
  .apps_title { font-size: 18px; line-height: 30px; text-align: center; }
  .apps_title_num { margin-bottom: 10px; font-size: 18px; line-height: 30px; }
  .apps_bg { display: none; }
  .apps_bg_mobile { display: block; width: 100%; height: auto; margin-top: 20px; }
  .apps_rightSlider { margin: 0px auto; width: auto; max-width: 700px; }
  .apps_rightSlider_imgContainer { display: none; }
  @keyframes appsSliderMobile { 
  0% { transform: translate(0px); }
  100% { transform: translate(-700px); }
}
  .apps_rightSlider_imgContainer_mobile { display: block; width: 717px; height: 224px; animation: 30s linear 0s infinite normal none running appsSliderMobile; overflow: visible; position: relative; }
  .apps_rightSlider_imgContainer_img_mobile { position: absolute; left: 0px; top: 0px; width: 100%; }
  .apps_rightSlider_imgContainer_img_mobile:last-of-type { left: 100%; margin-left: -17px; }
  .devCommunity_container { width: auto; display: block; }
  .devCommunity { padding-top: 40px; background: url("../img/devCommunityBgMobile-KhCGHtt4.png") 0px 0px / 100% 100% no-repeat; }
  .devCommunity_title { margin-top: 40px; font-size: 18px; line-height: 30px; text-align: center; }
  .devCommunity_desc { margin: 10px 20px 0px; font-size: 12px; line-height: 17px; text-align: center; }
  .devCommunity_leftBg { display: none; }
  .join_community { width: 100px; height: 30px; margin: 20px auto 0px; font-size: 12px; line-height: 100%; }
  .devCommunity_right { padding: 30px; }
  .devCommunity_rightImage { width: 100%; height: auto; }
  .devCommunity_bg { display: none; }
  .moreTools_title { margin-top: 30px; font-size: 18px; line-height: 30px; text-align: center; }
  .moreTools_cardList { display: block; width: auto; margin-top: 30px; }
  .card2 { width: auto; margin: 15px; padding: 30px 20px; height: auto; }
  .forward { margin-top: 80px; padding-top: 0px; background-image: url("../img/forwardBgMobile-CM1JfMSo.png"); }
  .forward_title { font-weight: 600; font-size: 18px; line-height: 30px; text-align: center; }
  .forward_desc { width: auto; margin: 30px 33px 0px; font-weight: 400; font-size: 13px; line-height: 30px; text-align: center; }
}
@media screen and (min-width: 1440px) {
  .content { padding-top: 120px; }
  .card1List { width: 1200px; }
  .functions { width: 1200px; margin: 150px auto 0px; padding-bottom: 82px; }
  .function_title { font-size: 40px; line-height: 56px; margin-bottom: 40px; }
  .functions_image { width: 400px; height: 390px; margin-right: -60px; margin-top: -80px; }
  .function { width: 396px; margin-top: 8px; }
  .function > img { width: 16px; height: 16px; }
  .function > span { font-size: 16px; line-height: 20px; padding: 11px 0px; }
  .checkout_devdoc { width: 175px; height: 40px; margin-top: 49px; font-size: 14px; }
  .apps { padding: 144px 0px 60px; }
  .apps_container { width: 1200px; }
  .apps_title { font-size: 40px; line-height: 60px; }
  .apps_bg { width: 729px; height: 382px; margin-left: -120px; }
  .apps_rightSlider { width: 616px; }
  .apps_rightSlider::before { width: 100px; }
  .apps_rightSlider::after { width: 100px; }
  @keyframes appsSliderBig { 
  0% { transform: translate(0px); }
  100% { transform: translate(-1125px); }
}
  .apps_rightSlider_imgContainer { animation-name: appsSliderBig; }
  .apps_rightSlider_imgContainer { width: 1167px; height: 369px; }
  .apps_rightSlider_imgContainer_img:last-of-type { margin-left: -42px; }
  .devCommunity { padding: 50px 0px; }
  .devCommunity_container { width: 1200px; }
  .devCommunity_leftBg { left: -265px; top: 0px; width: 722px; height: 798px; }
  .devCommunity_title { margin-top: 130px; font-size: 40px; line-height: 56px; }
  .devCommunity_desc { margin-top: 30px; font-size: 16px; line-height: 30px; }
  .join_community { width: 175px; height: 40px; font-weight: 600; }
  .devCommunity_rightImage { width: 634px; height: 515px; }
  .moreTools_title { font-size: 40px; line-height: 56px; }
  .moreTools_cardList { width: 1200px; margin: 60px auto 0px; }
  .forward { padding-bottom: 160px; padding-top: 150px; }
  .forward_title { font-size: 40px; line-height: 56px; }
  .forward_desc { margin: 40px auto 0px; width: 1018px; font-size: 16px; line-height: 30px; }
}
.community_header { background: rgb(12, 11, 14); position: relative; }
.community_header_container { width: 83.3vw; margin: 0px auto; display: flex; align-items: flex-start; justify-content: space-between; }
.community_banner { position: relative; z-index: 1; overflow: visible; }
.community_title { width: 200%; margin: 12.29vw 0px 1.389vw; font-weight: 600; font-size: 4.167vw; line-height: 5.83vw; color: rgb(255, 255, 255); transition: 0.5s; transform: translateY(50px); opacity: 0; }
.show .community_title { transform: translateY(0px); opacity: 1; }
.community_desc { width: 140%; margin-top: 2.57vw; font-weight: 400; font-size: 1.389vw; line-height: 1.67vw; color: rgba(255, 255, 255, 0.8); transition: 0.5s 0.5s; transform: translateY(50px); opacity: 0; }
.show .community_desc { transform: translateY(0px); opacity: 1; }
.communityLeftBg { position: absolute; left: 0px; top: 0px; width: 21.94vw; height: 100%; }
.community_header_bg { width: 51.875vw; height: 34.722vw; }
.community_header_bg_mobile { display: none; }
@media screen and (max-width: 800px) {
  .community_header { background: url("../img/communityLeftBgMobile-DN9L7um1.png") left center / auto 100% no-repeat rgb(12, 11, 14); }
  .community_header_container { width: auto; display: block; padding: 50px 0px; }
  .communityLeftBg, .community_header_bg { display: none; }
  .community_header_bg_mobile { display: block; width: 323px; height: 174px; margin: 25px auto 0px; }
  .community_title { width: unset; margin-top: 30px; font-size: 30px; line-height: 42px; text-align: center; }
  .community_desc { width: unset; margin-top: 10px; font-size: 14px; line-height: 24px; text-align: center; }
}
@media screen and (min-width: 1440px) {
  .community_header_container { width: 1200px; }
  .community_title { margin: 177px 0px 20px; font-size: 60px; line-height: 84px; }
  .community_desc { margin-top: 37px; font-size: 20px; line-height: 24px; }
  .communityLeftBg { width: 316px; }
  .community_header_bg { width: 747px; height: 500px; }
}
.community_section_2 { background-color: rgb(255, 255, 255); padding: 9.72vw 0px 8.33vw; }
.community_section_2_wrapper { width: 83.3vw; margin: 0px auto; display: flex; align-items: center; justify-content: space-between; }
.community_section_2_image { width: 38vw; height: 25.35vw; margin-left: 1.04vw; }
.community_section_2_right { flex: 1 1 0%; margin-left: 11.11vw; transition: 0.5s; transform: translateY(50px); opacity: 0; }
.community_section_2.show .community_section_2_right { transform: translateY(0px); opacity: 1; }
.community_section_2_title { font-weight: 600; font-size: 2.08vw; line-height: 2.92vw; color: rgb(16, 16, 16); }
.community_section_2_desc { margin-top: 2.08vw; font-weight: 400; font-size: 1.11vw; line-height: 2.08vw; color: rgba(16, 16, 16, 0.9); }
.community_section_2_button { display: block; margin-top: 3.47vw; width: 12.15vw; height: 2.78vw; box-sizing: border-box; padding: 0.88vw 0px; background: rgb(229, 49, 34); border-radius: 4px; font-weight: 500; font-size: 1vw; line-height: 100%; color: rgb(255, 255, 255); text-decoration: none; text-align: center; cursor: pointer; }
.community_section_2_button:hover { background-color: rgb(193, 40, 27); }
.community_section_3 { background-color: rgb(250, 250, 252); }
.community_section_3_wrapper { width: 83.3vw; margin: 0px auto; display: flex; align-items: flex-start; justify-content: space-between; }
.community_section_3_image { width: 61.389vw; height: 42.29vw; }
.community_section_3_button { border: 1px solid rgb(16, 16, 16); backdrop-filter: blur(10px); border-radius: 4px; padding: 1.389vw 1.67vw; margin-top: 3.125vw; width: 25.7vw; box-sizing: border-box; display: flex; align-items: center; font-size: 1.11vw; color: inherit; text-decoration: none; cursor: pointer; }
.community_section_3_button:hover { color: rgb(255, 255, 255); background-color: rgb(229, 49, 34); border-color: rgb(229, 49, 34); }
.community_section_3_telegram { position: relative; z-index: 1; margin-top: 3.125vw; }
.community_section_3_telegramList { box-sizing: border-box; position: absolute; left: -1px; right: -1px; top: 100%; z-index: 1; background: rgb(250, 250, 252); border: 1px solid rgba(227, 49, 48, 0.2); border-radius: 4px; transition: 0.3s; visibility: hidden; height: 0px; overflow: hidden; }
.enter .community_section_3_telegramList { visibility: visible; height: 7.5vw; }
.community_section_3_telegram_arrow { transition: transform 0.5s; }
.enter .community_section_3_telegram_arrow { transform: rotate(90deg); }
.community_section_3_telegramList_item { display: block; padding: 1vw 0px; border-bottom: 1px solid rgba(16, 16, 16, 0.06); text-align: center; color: rgba(16, 16, 16, 0.9); text-decoration: none; }
.community_section_3_telegramList_item:last-of-type { border-bottom: 0px; }
.community_section_3_telegramList_item:hover { color: rgb(229, 49, 34); }
.community_section_3_button span { flex: 1 1 0%; margin-left: 1.389vw; }
.community_section_3_left { margin-top: 8.433vw; transition: 0.5s; transform: translateY(50px); opacity: 0; overflow: visible; }
.community_section_3.show .community_section_3_left { transform: translateY(0px); opacity: 1; }
.community_section_3_desc { width: 110%; }
.community_section_3_telegram_arrow_mobile { display: none; }
@media screen and (max-width: 800px) {
  .community_section_2 { padding-top: 50px; padding-bottom: 80px; }
  .community_section_2_wrapper { width: auto; flex-direction: column-reverse; }
  .community_section_2_image { width: 319px; height: 203px; display: block; margin: 40px auto 0px; }
  .community_section_2_right { margin-left: 0px; }
  .community_section_2_title { font-size: 18px; line-height: 25px; text-align: center; }
  .community_section_2_desc { margin: 20px 20px 0px; font-size: 12px; line-height: 20px; text-align: center; }
  .community_section_2_button { width: 100px; height: 30px; font-size: 12px; line-height: 100%; padding: 9px 0px; margin: 30px auto 0px; }
  .community_section_3 { padding-top: 50px; padding-bottom: 266px; background: url("../img/communitySection3BgMobile-CeOfxyMV.png") center bottom / 100% no-repeat rgb(250, 250, 252); }
  .community_section_3_wrapper { width: auto; display: block; }
  .community_section_3_left { margin-top: 0px; }
  .community_section_3_desc { width: unset; }
  .community_section_3_button { margin: 0px auto; padding: 15px 30px; width: 315px; font-size: 14px; }
  .community_section_3_telegram_arrow_mobile { display: block; }
  .enter .community_section_3_telegram_arrow_mobile { transform: rotate(90deg); }
  .community_section_3_telegram_arrow { display: none; }
  .community_section_3_telegram { margin: 30px auto 20px; }
  .enter .community_section_3_telegramList { height: 102px; }
  .community_section_3_telegramList_item { padding: 15px 0px; }
  .community_section_3_image { display: none; }
}
@media screen and (min-width: 1440px) {
  .community_section_2 { padding: 140px 0px 120px; }
  .community_section_2_wrapper { width: 1200px; }
  .community_section_2_image { width: 547px; height: 365px; margin-left: 15px; }
  .community_section_2_right { margin-left: 160px; }
  .community_section_2_title { font-size: 30px; line-height: 42px; }
  .community_section_2_desc { margin-top: 30px; font-size: 16px; line-height: 30px; }
  .community_section_2_button { margin-top: 50px; width: 175px; height: 40px; padding: 12px 0px; font-size: 14px; }
  .community_section_3_wrapper { width: 1200px; }
  .community_section_3_left { margin-top: 120px; }
  .community_section_3_telegram { margin-top: 45px; }
  .community_section_3_image { width: 884px; height: 609px; margin-right: -120px; }
  .community_section_3_button { padding: 20px 24px; margin-top: 45px; width: 370px; font-size: 16px; }
  .community_section_3_button:last-child { margin-top: 20px; }
  .enter .community_section_3_telegramList { height: 108px; }
  .community_section_3_telegramList_item { padding: 14px 0px; }
  .community_section_3_button span { margin-left: 20px; }
}
.doc_header { background: url("../img/docHeaderBg-Dt4xuAyX.png") 0px 0px / 100% 100% rgb(12, 11, 14); position: relative; height: 34.722vw; overflow: hidden; }
.doc_title { margin: 9vw 0px 0.694vw; font-weight: 600; font-size: 4.167vw; line-height: 5.83vw; color: rgb(255, 255, 255); text-align: center; transition: 0.5s; transform: translateY(50px); opacity: 0; }
.show .doc_title { transform: translateY(0px); opacity: 1; }
.doc_desc { font-weight: 400; font-size: 1.389vw; line-height: 1.67vw; color: rgba(255, 255, 255, 0.8); text-align: center; transition: 0.5s 0.5s; transform: translateY(50px); opacity: 0; }
.show .doc_desc { transform: translateY(0px); opacity: 1; }
@media screen and (max-width: 800px) {
  .doc_header { height: 69.333vw; background: url("../img/docHeaderBgMobile-0-RZM7kv.png") 0px 0px / 100% 100% no-repeat rgb(12, 11, 14); }
  .doc_title { margin-top: 80px; font-size: 30px; line-height: 42px; text-align: center; }
  .doc_desc { margin-top: 10px; font-size: 14px; line-height: 24px; text-align: center; }
}
@media screen and (min-width: 1440px) {
  .doc_header { height: 500px; background: url("../img/docHeaderBgBig-UUKpyy4V.png") center center / auto 100% no-repeat rgb(12, 11, 14); }
  .doc_title { margin: 177px 0px 0px; font-size: 60px; line-height: 84px; }
  .doc_desc { margin-top: 10px; font-size: 20px; line-height: 24px; }
}
.doc_card { box-sizing: border-box; border-radius: 4px; background: url("../img/docCardBg-79YnCH3m.png") 1000px 100% / 100% 100% no-repeat rgb(255, 255, 255); box-shadow: rgba(211, 211, 211, 0.1) 0px 6px 20px; padding: 2.083vw; width: 22.67vw; margin-bottom: 1.667vw; cursor: pointer; position: relative; z-index: 3; text-decoration: none; transition: 0.3s; opacity: 0; transform: translateY(100%); }
.doc_card.show { opacity: 1; transform: translateY(0px); }
.doc_card:last-child { opacity: 0; cursor: default; }
.doc_card:hover { background-position: 100% 100%; }
.doc_card_title { margin-bottom: 1.389vw; color: rgb(16, 16, 16); font-size: 1.667vw; font-weight: 700; }
.doc_card:hover .doc_card_title { color: rgb(236, 73, 68); }
.doc_card_desc { color: rgba(16, 16, 16, 0.6); font-size: 0.972vw; font-weight: 400; line-height: 1.5em; }
@media screen and (max-width: 800px) {
  .doc_card { padding: 20px; width: 100%; margin-bottom: 20px; }
  .doc_card_title { font-size: 20px; }
  .doc_card_desc { font-size: 12px; }
}
@media screen and (min-width: 1440px) {
  .doc_card { padding: 30px; width: 384px; margin-bottom: 24px; }
  .doc_card_title { font-size: 24px; }
  .doc_card_desc { font-size: 14px; }
}
.doc_container { position: relative; background-color: rgb(250, 250, 252); padding-bottom: 10.417vw; }
.doc_container_bg1 { position: absolute; right: 0px; top: 0px; width: 39.236vw; }
.doc_container_bg2 { position: absolute; left: 0px; bottom: 0px; width: 39.236vw; }
.doc_section_2 { width: 83.333vw; display: flex; flex-wrap: wrap; align-items: stretch; justify-content: space-between; padding: 6.944vw 0px; margin: 0px auto; }
.doc_section_3 { position: relative; background: url("../img/docSection3Bg-CPu80afW.png") 0px 0px / 100% 100% no-repeat; margin: 0px auto 10.417vw; border-radius: 4px; padding: 2.778vw; box-sizing: border-box; width: 83.333vw; transform: translateY(100px); opacity: 0; transition: 0.3s; }
.doc_section_3.show { opacity: 1; transform: translateY(0px); }
.doc_section_3_name { color: rgb(255, 255, 255); font-size: 2.222vw; font-weight: 700; margin-bottom: 0.694vw; }
.doc_section_3_desc { color: rgba(255, 255, 255, 0.7); font-size: 1.111vw; font-weight: 400; }
.doc_sectioin_3_button { position: absolute; right: 2.778vw; top: 2.778vw; width: 12.153vw; height: 2.778vw; border-radius: 4px; background: rgb(229, 49, 34); color: rgb(255, 255, 255); font-size: 0.972vw; font-weight: 500; line-height: 2.778vw; text-align: center; text-decoration: none; }
.doc_sectioin_3_button:hover { background-color: rgb(193, 40, 27); }
@media screen and (max-width: 800px) {
  .doc_container { padding-bottom: 55px; }
  .doc_section_2 { width: auto; margin: 0px 20px; box-sizing: border-box; padding: 50px 0px; justify-content: center; }
  .doc_section_3 { padding: 20px; margin: 0px 20px; width: auto; }
  .doc_section_3_name { font-size: 20px; }
  .doc_section_3_desc { margin-top: 10px; font-size: 12px; }
  .doc_sectioin_3_button { position: static; display: block; margin-top: 20px; width: 100px; height: 30px; line-height: 30px; font-size: 12px; }
}
@media screen and (min-width: 1440px) {
  .doc_container { padding-bottom: 150px; }
  .doc_section_2 { width: 1200px; margin: 0px auto; box-sizing: border-box; padding: 100px 0px; }
  .doc_container_bg1, .doc_container_bg2 { width: 565px; }
  .doc_section_3 { width: 1200px; margin: 0px auto; padding: 40px; }
  .doc_section_3_name { font-size: 32px; margin-bottom: 10px; }
  .doc_section_3_desc { font-size: 16px; }
  .doc_sectioin_3_button { right: 40px; top: 40px; width: 175px; height: 40px; font-size: 14px; line-height: 40px; }
}
.announcement_content { width: 83.3vw; margin: 0px auto; padding: 150px 0px 90px; box-sizing: border-box; background: url("../img/announcementHeaderBg-CcnGRH-l.png") center top / auto 520px no-repeat; }
.announcement_item { display: flex; align-items: flex-start; text-decoration: none; color: inherit; }
.announcement_item_info { width: 200px; margin-right: 25px; }
.announcement_item_info_time { font-weight: 500; font-size: 20px; color: rgba(16, 16, 16, 0.4); }
.announcement_item_info_version { margin-top: 60px; font-weight: 500; font-size: 24px; }
.announcement_item_content { flex: 1 1 0%; margin-top: 12px; border-top: 1px solid rgb(217, 217, 217); position: relative; padding: 60px 0px 60px 80px; }
.announcement_item_content::before { content: ""; display: block; width: 20px; height: 5px; background-color: rgb(236, 67, 66); position: absolute; left: 0px; top: -3px; }
.announcement_item_content a { text-decoration: none; }
.announcement_item_content_link { display: block; color: rgb(0, 0, 0); text-decoration: none; font-weight: 600; font-size: 36px; }
.announcement_item_content > .announcement_item_content_link:hover { color: rgb(236, 67, 66); }
.announcement_item_content > .announcement_item_content_link::after { content: ""; display: inline-block; width: 24px; height: 24px; margin-left: 20px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAPFBMVEUAAADlMSHlMiLnMCDlMSLlMSLkMCLlMCHjMCDfMCDjMCLlMSHnMiLkMCXkMCDmMCPlMiLoMyLiMCDlMSJtLR+6AAAAE3RSTlMAv58g3++QYEAQgNB/MDCvr29QogQlsgAAAIdJREFUSMft0zsSgCAMBFBQRPCDn73/XSU2DA2TbRwLXs0OhCSm6z4ykscdHBXxANZIBAZklnnShMwTifQmNiIxQ8xEYoEI5E9hqj43+KFFyqjaMULDVnVplCsCNJwp7tO2lBp0NojdaF1k53aIhZg+8rxDdpBjsUZqgbgdTdROixii6bqfeAAGag94DQvjtAAAAABJRU5ErkJggg==") center center / 100% 100% no-repeat; opacity: 0; transform: translate(-10px); transition: 0.3s; }
.announcement_item_content > .announcement_item_content_link:hover::after { opacity: 1; transform: translate(0px); }
.announcement_item_content p { margin: 0px; font-size: 16px; line-height: 24px; color: rgba(16, 16, 16, 0.698); }
.announcement_item_content p:first-of-type { margin-top: 20px; }
@media screen and (min-width: 1440px) {
  .announcement_content { width: 1200px; }
}
@media screen and (max-width: 800px) {
  .announcement_content { width: auto; padding: 50px 15px; }
  .announcement_item { display: block; }
  .announcement_item_content { padding: 30px 0px 40px; }
  .announcement_item_info { width: 100%; display: flex; align-items: center; justify-content: space-between; }
  .announcement_item_info_time { font-size: 13px; }
  .announcement_item_info_version { margin-top: 0px; font-size: 13px; }
  .announcement_item_content > a { font-size: 20px; }
  .announcement_item_content > p { font-size: 12px; }
}
.announcement_header { background-color: rgb(12, 11, 14); position: relative; height: 68px; }
.notice_content_wrapper { background: url("../img/announcementHeaderBg-CcnGRH-l.png") center top / auto 520px no-repeat; }
.notice_content { width: 65vw; margin: 0px auto; overflow: hidden; font-size: 18px; line-height: 27px; position: relative; }
.notice_content_header { position: relative; }
.notice_back { position: absolute; left: 0px; bottom: 40px; display: flex; align-items: center; padding: 3px 8px; border-radius: 6px; border: 1px solid rgb(217, 217, 217); text-decoration: none; cursor: pointer; z-index: 1; }
.notice_back > img { width: 24px; height: 24px; }
.notice_back > span { font-size: 16px; color: rgba(16, 16, 16, 0.698); margin-left: 5px; }
.notice_back_hover_icon { display: none; }
.notice_back:hover { border-color: rgb(236, 67, 66); }
.notice_back:hover > span { color: rgb(236, 67, 66); }
.notice_back:hover .notice_back_icon { display: none; }
.notice_back:hover .notice_back_hover_icon { display: inline-block; }
.notice_content h1 { margin: 100px 0px 0px; padding: 0px 160px 40px; border-bottom: 1px solid rgb(217, 217, 217); text-align: center; font-size: 36px; line-height: 42px; font-weight: 800; color: rgb(16, 16, 16); position: relative; }
.notice_content h1::after { content: ""; display: block; width: 20px; height: 5px; background-color: rgb(236, 67, 66); position: absolute; bottom: -3px; left: 50%; margin-left: -10px; }
.notice_content_date { text-align: center; color: rgba(16, 16, 16, 0.4); font-weight: 500; margin-top: 12px; margin-bottom: 40px; }
.notice_content_body { padding-bottom: 200px; }
.notice_content_body strong { color: rgb(16, 16, 16); font-weight: 500; }
.notice_content_body > h2, .notice_content_body > h3, .notice_content_body > h4, .notice_content_body > h5, .notice_content_body > h6 { font-weight: 600; color: rgb(0, 0, 0); margin: 40px 0px 10px; }
.notice_content_body p { color: rgba(16, 16, 16, 0.698); margin: 0px 0px 10px; }
.notice_content_body ul { margin: 0px; padding-left: 25px; font-size: 18px; line-height: 27px; color: rgba(16, 16, 16, 0.698); }
.notice_content_body ul > li { margin: 5px 0px; }
.notice_content_body code { padding: 3px 6px; background-color: rgb(233, 233, 239); border-radius: 5px; }
.notice_content a { color: rgb(236, 67, 66); }
@media screen and (min-width: 1440px) {
  .notice_content { width: 920px; }
}
@media screen and (max-width: 800px) {
  .notice_back { padding: 3px; left: 14px; top: 24px; }
  .notice_back span { display: none; }
  .notice_content { width: auto; padding: 0px 15px; font-size: 12px; line-height: 24px; }
  .notice_content > h1 { margin-top: 27px; padding-bottom: 22px; font-size: 20px; line-height: 24px; }
  .notice_content > h2, .notice_content > h3, .notice_content > h4, .notice_content > h5, .notice_content > h6 { font-size: 12px; }
  .notice_content_body > ul { padding: 0px; list-style: none; font-size: 12px; line-height: 24px; }
  .notice_content_body > ul ul { font-size: 12px; line-height: 24px; }
}