/* common start */
*,:after,:before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin:0;
  padding:0;
}
body,html {
  --homeColor: #2354E6;
  --hoverHomeColor: #1B41B2;
  --fontNormal: #C2C4CC;
  --tbColor: #F2F7FF;
  --errorColor: #E62323;
  --bkColor: rgba(41, 47, 64, 0.5);
  --fontColor: #04091A;
  --fontSubColor: #8D93A6; /* 三级字体 */
  --homeTableBtnColor:#F5F6FA;
  --color-C2-4D: #C2C5CC;
  --homeDarkBg: transparent;
  --bgc-E6-29: #E6E9F2;
  --fontTwoColor: #565D73;/* 二级字体 */
}
body.classic-dark, body.dark-body{
  --homeColor: #2354E6;
  --hoverHomeColor: #1B41B2;
  --fontNormal: #C2C4CC;
  --tbColor: #F2F7FF;
  --errorColor: #E62323;
  --bkColor: rgba(41, 47, 64, 0.5);
  --fontColor: #fff;
  --fontSubColor: #989FB3;
  --color-C2-4D: #4D5366;
  --homeTableBtnColor:#292F40;
  --homeDarkBg: #151926;
  --bgc-E6-29: #292F40;
  --fontTwoColor: #4D5366;
}

input::-ms-clear,input::-ms-reveal {
  display: none
}

html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}
::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button
}
::-moz-selection {
  color: #fff;
  background: #1890ff
}

::selection {
  color: #fff;
  background: #1890ff
}
::-webkit-input-placeholder {
  color: #848e9c;
  opacity: .5
}

:-moz-placeholder,::-moz-placeholder {
  color: #848e9c;
  opacity: .5
}

.d-flex{display: flex;}
.flex-column{flex-direction: column;}
.align-items-center{align-items: center;}
.justify-center{justify-content: center;}
main h1{color: var(--color-text-1);}
main input::placeholder {color: #C2C5CC !important;font-weight: 500; font-size: 16px;}
#footList{padding:0}
footer.my-footer{border:none}
#logoSection{z-index: 4}
.flex-between{display: flex;justify-content: space-between;}
#languageBox{margin-top: 56px;}
.layout {position: relative;}
/* #footerSignup .footer_signup_title{font-size: 48px !important;} */
/* #footerSignup .footer_signup_text{font-size: 24px !important;} */
/* .layout>footer#footer-view #footerSignup .footer_signup_btn{font-size: 28px !important;} */
.classic-body header#mainHeader #headLayout{background:#151926!important;}
#footerMain>dl{width: 260px !important;margin-left: 12px;}

.home_main .home__card-title {font-weight: 600;font-size: var(--font-h2);color: var(--color-text-1);text-transform:capitalize;z-index: 1;}
html[lang='ru'] .home_main .home__card-title {text-transform:unset;}
.home_image_page_bg{position: absolute;width: 100vw;height: 821px;top: 0;background: linear-gradient(180deg, #E6F0FF 0%, rgba(247, 251, 255, 0) 100%);}
body.classic-dark .home_image_page_bg {background: linear-gradient(180deg, #1F2433 0%, #151926 100%);}
/* common end */

.layout>main {min-width: auto;}
.layout .home_main {display: flex;justify-content: center;flex-wrap: wrap;background-color: transparent!important;}
.layout{background: var(--color-bg-3)!important;}
.home_main .marketMore svg path{stroke: var(--color-text-2)!important;}
.home_main .marketMore:hover svg path{stroke: var(--color-brand-1) !important;}

.home_main .rate_down {color: var(--color-pd-2)!important;}
.home_main .rate_up {color: var(--color-pd-1)!important;}
body.rise-green-body .layout .home_main .rate_up {color: var(--color-pd-2)!important;}
body.rise-green-body .layout .home_main .rate_down {color: var(--color-pd-1)!important;}

/* ------------ 顶部 start ------------ */
#topSection{
  position: relative;
  z-index: 4;
  width: 100%;
  height: 100%;
}
.classic-dark #topSection{background: transparent}
.topSection-bg-right,
.topSection-bg-left {
  width: 120px;
  height: 120px;
  position: absolute;
  z-index: 11;
}
.topSection-bg-right {
  background-image: url('/images/home/banner/bg-right.png');
  background-size: cover;
  right: -280px;
  top: 64px;
}
.topSection-bg-left {
  background-image: url('/images/home/banner/bg-left.png');
  background-size: cover;
  left: -280px;
  bottom: 80px;
}

.classic-dark .topSection-bg-left {
  background-image: url('/images/home/banner/bg-left_dark.png');
  background-size: cover;
}

.classic-dark .topSection-bg-right {
  background-image: url('/images/home/banner/bg-right_dark.png');
  background-size: cover;
}
.home-top-container__left h4{margin-top: 24px;color: var(--color-text-1);font-size: var(--font-subtitle);line-height: 150%;width: 100%;}
.home-top-container__left .fast-wrap {display: flex;}
.home-top-container__left .fast-wrap .login_btn_wrap{display: flex; margin-top: 16px;flex-direction: column;}
.home-top-container__left .fast-wrap .buy_crypto {margin-top: 32px;}
.home-top{display: flex;justify-content: center;width: 100%;}
.home-top>div{width: 100%;}
.home-top-btn{font-size: 16px;font-weight: 600;position:relative;border:none;outline: none; color:#fff;height: 52px;line-height: 52px;min-width:140px;border-radius:8px;background: var(--color-brand-1);cursor: pointer;}
.home-top-btn:hover{background-color: var(--hoverHomeColor);}
.home-top-btn .button-text{color:#fff;position: relative;top:1px;margin-left: 2px;}
.home-top-btn a{color:#fff !important;font-size: 20px;font-weight: 600;white-space: nowrap;padding: 10px;}
.en-body .home-top-btn{font-size: 18px;}
.tier-info{top: 56px;}
.home_main .home__card {margin-top: 120px;}
.home_main .data-wrap {
  margin-top: 120px;
  width: 100%;
}

.home_main .data-wrap >div{z-index: 5;}
.home-top-container{display: flex;flex-direction: column;align-items: center;}
#register-info-input{border: 2px solid transparent;background: #fff;font-weight: 900;color: var(--color-text-1);caret-color:var(--color-brand-1);height: 52px;width: 438px;color:#0a0a0a;border-radius: 8px;margin-right: 10px;padding:0 13px}
#register-info-input:hover{
	border: 2px solid var(--color-brand-1);
}
.main-top-dashboard-item-numbe:hover, .main-top-dashboard-item-unit:hover, .data-wrap-item:hover .main-top-dashboard-item-title a, .main-top-dashboard-item-hint:hover,.data-wrap-item:hover{color: var(--color-brand-1) !important;}
.main-top-dashboard-item-number{font-size: var(--font-h2);color: var(--color-text-1);font-weight: 600;}
.main-top-dashboard-item-unit{font-size: 14px;}
.main-top-dashboard-item-title{font-size: 16px;margin-top: 16px;font-weight: 500;color: var(--color-text-1);}
.data-wrap-item .main-top-dashboard-item-icon-normal, .data-wrap-item:hover .main-top-dashboard-item-icon-active{display: inline-block;}
.data-wrap-item .main-top-dashboard-item-icon-active, .data-wrap-item:hover .main-top-dashboard-item-icon-normal{display: none;}
.data-wrap-item:hover .main-top-dashboard-item-title svg{color: #fff;}
.main-top-dashboard-item-hint{font-size: var(--font-body);line-height: 150%;margin-top: 8px;color:var(--color-text-2);}
.register-info-input-msg{padding-top: 5px;color: var(--errorColor);}
.new-user-welfare-text{padding-top: 7px;color: var(--color-text-3);font-size: 16px;}
.new-user-welfare-text span{color: var(--color-brand-1);opacity:1;font-weight: 500;}
.data-wrap-item:hover .main-top-dashboard-item-title{color: #2354E6;}
.main-top-dashboard-item-title a {
  color: var(--color-text-1) !important;
}
.home-top-container__left{width: calc((100% - 24px) / 2);}
.home-top-container__right {
  --var-banner-top: 144px;

  width: 732px;
  height: 732px;
  position: absolute;
  right: -72px;
  top: calc(0px - var(--var-banner-top));
}

.home-top-container__right .banner-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.home-top-container .home__top-bg {display: none;}
.home-top-container__right .dark-show,
.classic-dark .home-top-container__right .light-show{display: none;}

.classic-dark .home-top-container__right .dark-show,
.home-top-container__right .light-show{display: block;}
.home-top-container__right .banner-content {
  width: 100%;
  height: 100%;
  position: absolute;
}
.home-top-container__right .banner-anim-cont {
  width: 100%;
  position: absolute;
  top: 0;
  right: 72px;
  display: none;
  cursor: pointer;
}
.home-top-container__right .banner-two {
  width: 588px;
  height: 454px;
  top: var(--var-banner-top);
  right: 0;
}
.home-top-container__right .banner-hover {
  width: 524px;
  height: 390px;
  top: calc(var(--var-banner-top) + 32px);
  right: 32px;
  z-index: 12;
  opacity: 0;
}
.home-top-container__right .banner-hover,
.home-top-container__right .banner-deng,
.home-top-container__right .banner-two {
  position: absolute;
  -webkit-user-select: none; 
  -moz-user-select: none; 
  -ms-user-select: none;
  user-select: none;
}
.home-top-container__right .hd {display: flex;flex-direction: column;align-items: center;cursor: pointer;position: absolute;right: 72px;z-index: 99;height: 100%;justify-content: center;}
.home-top-container__right .hd span{width: 8px;height: 8px;margin-bottom: 12px;background: #E6E9F2;opacity: 0.8;}
.home-top-container__right .hd span.on{background-color: var(--color-brand-1)!important;}
body.classic-dark .home-top-container__right .hd span {background: #ADB5CC;}
#slideBox{display: flex;flex-direction: column;position:absolute;top:-72px;width: 100%;background: linear-gradient(180deg, #F2F8FF 0%, #FFFFFF 100%);}
.home-top-container__right .hd .arrow {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-card-2);
  border-radius: 50%;
}
.home-top-container__right .hd .arrow:hover{
  box-shadow: 0px 0px 16px rgba(35, 84, 230, 0.1);
}

.home-top-container__right .hd .arrow svg path {
  stroke: var(--color-text-4)
}
.home-top-container__right .hd .arrow:hover svg path {
  stroke: var(--color-brand-1)
}
.home-top-container__right .hd .arrow_top {
  transform: rotateZ(90deg);
  margin-bottom: 16px;
}
.home-top-container__right .hd .arrow_down {
  margin-top: 4px;
  transform: rotateZ(-90deg);
}
html[lang='ar'] .home-top-container__right .hd {
  left: 4px;
  right: unset;
}
#slogan{font-size: var(--font-h1);line-height: 120%;font-weight: 700;position: relative;color: var(--color-text-1);}
#slogan .slogan_square{position: absolute;width: 64px;height: 64px;left: -32px;top: -24px;background: var(--color-funct-1);z-index: -1;}
body.classic-dark #slideBox{background: #000;}
html[lang='ar'] #slogan .slogan_square {
  right: -32px !important;
  left: unset !important;
}

/* ------------ flash menu start ---------- */
#flashMenu{
  position:absolute;
  width: 420px;
  height: 420px;
  border-radius: 420px;
  bottom: -155px;
  background: rgba(0, 0, 0, 0.8);
  z-index: 3;
}
.flash-menu-text{
  display: none;
  position: absolute;
  top: 120px;
  font-size: 16px;
  left: 0;
  text-align: center;
  right: 0;
  z-index: 1;
  width: 300px;
  margin: 0 auto;
}
.flash-menu-text.active{
  display: block;
}
#flashMenu ul{
  width: 420px;
  height: 420px;
  border-radius: 50%;
  position: relative;
  padding-top: 31px;
}
#flashMenu li{
  width: 52px;
  height: 52px;
  position: absolute;
  background-color: #414450;
  border-radius: 50%;
  line-height: 51px;
  text-align: center;
  left: 50%;
  margin-left: -20px;
  margin-top: -30px;
  cursor:pointer;
  font-size:24px;
}
#flashMenu li:hover{
  background-color: var(--color-brand-1);
}
#flashMenu li > span{
  display:inline-block;
}
#flashMenu li.fm2{
  transform: rotate(48deg);
  transform-origin: 26px 196px;
}
#flashMenu li.fm3{
  transform: rotate(90deg);
  transform-origin: 37px 189px;
}
#flashMenu li.fm7{
  transform: rotate(270deg);
  transform-origin: 9px 195px;
}
#flashMenu li.fm8{
  transform: rotate(313deg);
  transform-origin: 17px 205px;
}
#flashMenu li.fm2 span{
  transform: rotate(-48deg);
  display: inline-block;
}
#flashMenu li.fm3 span{
  transform: rotate(-90deg);
}
#flashMenu li.fm7 span{
  transform: rotate(-270deg);
}
#flashMenu li.fm8 span{
  transform: rotate(-313deg);
}

#topSection .container{
  color: var(--color-text-1);
  z-index: 4;
  position: relative;
  align-items: center;
  padding-top: 88px;
}
/* ------------ flash menu end ---------- */

/* ------------ 第三方登录 start ------------ */
.login_btn_wrap .trade_bitcoin_link_container {
  display: flex;
  align-items: center;
  gap: 8px;
}
.login_btn_wrap .trade_bitcoin_link_container .trade_bitcoin_link{
  font-weight: 500;
  font-size: var(--font-body);
  line-height: 150%;
  color: var(--color-text-2);
}
.login_btn_wrap .trade_bitcoin_link_container path {
  stroke: var(--color-text-2);
}
.login_btn_wrap .register_btn {
  margin-top: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  background-color: var(--color-brand-1);
  padding: 12px;
  border-radius: 8px !important;
}
.login_btn_wrap .register_btn .register_btn_text {
  font-weight: 600;
  font-size: var(--font-subtitle);
  line-height: 120%;
  color: var(--colorWhite);
  margin-left: 8px;
}
.login_btn_wrap .register_btn svg {
  min-width: 28px;
}
.login_btn_wrap .divider {
  display: flex;
  align-items: center;
  padding: 16px 0;
  width: 100%;
}
.login_btn_wrap .divider .divider_line {
  width: 100%;
  height: 1px;
  background-color: var(--color-divider-2);
}
.login_btn_wrap .divider .divider_text {
  font-size: 16px;
  line-height: 19px;
  text-align: center;
  color: var(--color-text-3);
  padding: 0 32px;
}
.other_login_btn_container {
  display: flex;
  gap: 24px;
}
.other_login_btn_container .btn_item {
  cursor: pointer;
  padding: 16px 37px;
  background-color: var(--color-neutral-2);
  border-radius: 8px;
  height: 52px;
}
.other_login_btn_container .btn_item svg {width: 20px;height: 20px;}
.other_login_btn_container .btn_item:hover {
  background-color: var(--color-brand-1);
}

.other_login_btn_container .btn_item:nth-child(1):hover svg path,
.other_login_btn_container .btn_item:nth-child(3):hover svg path,
.other_login_btn_container .btn_item.telegram-login-btn:hover svg path {
  fill: #fff;
}
#contractListTable .contractListTableShow_btc{display: none;}
body.classic-dark .mac-login-btn svg path {fill: #FFFFFF;}

html[lang='ar'] .login_btn_wrap .trade_bitcoin_link_container .nav-moreSvg,
html[lang='ar'] .login_btn_wrap .register_btn > svg {
  transform: scaleX(-1);
}

/* -------- 第三方登 end ---------- */

/* ------------ 顶部 end ----------- */

/* ------ flash buy start ----- */
#flashBuyCon{
  color: var(--color-text-1);
  display:flex;
  align-items:center;
  justify-content:center;
  position: relative;
  line-height: 1;
  font-weight: 500;
}
#flashBuyCon:before{
  display:inline-block;
  content:'';
  width:100%;
  height:100%;
  position:absolute;
  z-index: -1;
}
.buy-err #coinOption,.buy-err #flashAmount,.buy-err #flashAmountBox,.buy-err #flashAmount:focus{
  background-color: transparent;
}
.buy-err #coinOption{
  border: 2px solid #E62323;
}
.buy-err #flashAmountBox{
 border: 2px solid #E62323;
}
#flashAmount{
  line-height: 16px;
  border: none !important;
  border-radius: 0;
  font-size: 16px;
  color: var(--color-text-1);
  margin: 8px 0;
  font-weight: 500;
  padding: 0;
}
#flashAmount:focus{
  background-color:transparent;
}
#subFlash{
  width: 112px;
  height: 46px;
  line-height: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--color-brand-1);
  margin-left: 8px;
  border-radius: 4px;
  font-size: 18px;
  color:#fff;
  font-weight: 500;
}
#subFlash:hover{
  background-color: var(--hoverHomeColor) !important;
}
#coinOption{
  display: none;
  height: 52px;
  background-color: #fff;
  margin-right: 0;
  padding: 8px 16px;
  width: 240px;
  position: relative;
  border-radius: 8px;
  border: 2px solid transparent;
}
#currCoinBox{
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#flashAmountBox{
  display: none;
  font-size: 16px;
  line-height: 50px;
  width: 200px;
  background: #fff;
  justify-content: space-between;
  padding:8px 16px;
  align-items: center;
  height: 52px;
  border-radius: 8px;
  margin-right: 8px;
  caret-color: var(--color-brand-1);
  font-weight: 500;
  overflow: hidden;
  border: 2px solid transparent;
}
#flashAmountBox .flashAmount-container{display: flex;flex-direction: column;height: 100%;}
#flashAmountBox label{
  line-height: initial;
  font-size: 12px;
  color:#C2C4CC;
  line-height: 12px;
}
#flashAmountBox abbr{
  font-size: 16px;
  color: var(--color-text-1);
}
#flashAmountBox:hover{border: 2px solid #2354E6;}
#currCoinBox{
  width:100%;
  height:100%;
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  position: relative;
}
#currCoinBox > span{
  width:103px;
  font-size: 14px;
}
#currCoinBox > span img{
  margin-right:5px;
  width:24px;
  height:24px;
  vertical-align: -7px;
}
#currCoinBox > span::after {
  content: '';
  display: block;
  position: absolute;
  height: 20px;
  width: 1px;
  background: #E6E9F2;
  right: 112px;
  top: 4px;
  opacity: .6;
}
#coinOption:hover #fListBox{
  display:block !important;
  /* top: 55px; */
}
#currCoinBox i{
  margin-right:3px;
}
#currCoinBox b{
  font-size: 16px;
  color: var(--color-C2-4D);
  
  font-weight: 500;
}
#currCoinBox em{
    margin: 0;
    position: absolute;
    right: 0;
    top: 13px;
    background: url('/images/home/homeicon/down-icon.svg') no-repeat;
    width: 10px;
    height: 10px;
}
#coinOption:hover em{
	background: url('/images/home/homeicon/down-icon_active.svg') no-repeat;
	top: 8px;
}
#currCoinBox em:before{display: none;}
.currCoinBox-bid{line-height: initial;color:#C2C4CC;font-size:12px;padding-bottom: 8px;font-weight: 500;}
#fListBox{
  position: absolute;
  z-index: 3;
  border-radius: 3px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.15);
  display: none;
  border-top: 1px solid transparent;
  width: 120px;
  right: 0;
}
#flashSupList{
  background-color: #fff;
  border-radius: 5px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  z-index: 1;
}
#flashSupList li{
  display:flex;
  align-items:center;
  padding: 16px;
  cursor:pointer;
}
#flashSupList li.disabled,#flashSupList li.disabled:hover{
  cursor:default;
  background-color:#F2F7FF;
  user-select: none;
}
#flashSupList li:hover{
  background-color:#F2F7FF;
}
#flashSupList li img{width: 24px;height: 24px;}

#flashSupList li span{
  color:#888;
  margin-left:5px;
}
#flashSupList li strong{
  display:inline-block;
  min-width:36px;
  margin-left: 8px;
  font-size: 16px;
  font-weight: 500;
  color: #04091A;
}
#fInfoList{
  margin-bottom: 15px;
  width: 100%;
  background: rgba(0, 41, 47,0.8);
  border-radius: 5px;
  padding: 15px 0 0;
}
#fInfoList dd{margin-bottom: 0;}
#fInfoList li{
  display:flex;
  align-items:center;
  padding: 15px;
}
#fInfoList li:first-child,#fInfoList li:nth-child(2){
  padding: 10px 15px;
}
#fInfoList li:last-child{
  display:list-item;
  margin-bottom: 10px;
}
#fInfoList li b,#fInfoList li input{
  color: #d2fffa;
  margin-right: 10px;
}
#fInfoList li input{font-size: 20px;background: none;border: 1px solid rgba(255,255,255,0.05);font-weight: 500;height: 20px;padding: 7px;width: auto;max-width: 270px;box-sizing:content-box}
#fInfoList i em{
  margin: 0 3px;
  color: rgba(255, 255, 255, 0.3);
}
#fInfoList li input#fundpass{
  font-size:18px
}
#fInfoList i.caret{
  border-width: 10px;
  border-left: 10px dashed;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  margin-left: 10px;
  transform-origin: 5px 10px;
  color: rgba(255, 255, 255, 0.3);
}
#fInfoList i.caret:before{
  color: rgb(0, 38, 43);
  border-width: 10px;
  border-left: 10px dashed;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  left: -11px;
  top: -10px;
}
.op-show i.caret{
  transform:rotate(90deg);
}
#fPayType{
  cursor:pointer;
  display: inline-block;
}
.disabled #fPayType{
  cursor:default
}
#fPayType b{
  font-weight:normal;
}
#ptOption{
  /* height: 36px; */
  height: auto;
  overflow:hidden;
  font-size: 14px;
  display: none;
  margin-top: 10px;
}
#fInfoList .is_min_type{
  line-height: 14px;
  display: inline-block;
  font-size: 12px;
  color: #ff5757;
  border: solid 1px #ff5757;
  padding: 1px 2px;
  border-radius: 4px;
  margin-left: 10px;
}
#ptOption dl{max-width: 30%;margin-right: 20px;display: flex;align-items: center;justify-content: center;flex-direction: row;line-height: 1;float: left;padding: 10px 20px;min-width: 80px;background: rgba(0, 55, 64, 0.5);border-radius: 3px;cursor: pointer;position: relative;overflow: hidden;}
#ptOption dt{margin-right:5px}
#ptOption dl dd{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#ptOption dl dd.val{font-size: 12px;display: inline-block;padding-top: 2px;padding-left: 2px;letter-spacing:0px;}
#ptOption .p-active{
  background: rgba(18, 82, 93, 0.8);
  color: #fff;
}
.flash-failed #ptOption dl{background: rgba(68, 56, 57, 0.8);}
.flash-failed #ptOption .p-active{
  background: rgba(99, 65, 65, 0.8);
}
.flash-failed #ptOption .p-active:after{background: rgba(232, 144, 144, 0.8);}
#ptOption .p-active:after{
  content:'';
  position:absolute;
  width:30px;
  height:30px;
  right: -17px;
  top: -17px;
  background: rgba(49, 130, 144,0.8);
  transform:rotate(45deg);
}
#flashConfirm #button-0{
  position:relative;
  overflow:hidden;
}
#subProgress{
  position:absolute;
  height:100%;
  display:inline-block;
  width:0;
  z-index: 0;
  top:0;
  left:0;
  background-color: rgba(0, 230, 171,0.2);
  background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, rgba(255, 255, 255,.1)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255,.1)), color-stop(.75, rgba(255, 255, 255,.1)), color-stop(.75, transparent), to(transparent) );
  background-image: -moz-linear-gradient( -45deg, rgba(255, 255, 255,.1) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255,.1) 50%, rgba(255, 255, 255,.1) 75%, transparent 75%, transparent );
  background-size: 50px 50px;
  animation: move 5s linear infinite;
}
#modalBtn{position:relative;z-index:1;text-shadow: 0 0 3px rgba(0,0,0,0.5);}
@-webkit-keyframes move{0%{background-position: 0 0;} 100%{background-position: 50px 50px;}}
@-moz-keyframes move{0%{background-position: 0 0;} 100%{background-position: 50px 50px;}}
.flash-failed.rimless #button-0 {
  background: linear-gradient(to bottom, #904141,#6f3246 60%,#5a2a3a 100%);
}
.flash-failed.rimless #button-0[disabled]{
  opacity: 0.8;
  cursor: not-allowed;
  background: linear-gradient(to bottom, #7d3e3e,#5a2a3a 100%) !important;
}
.flash-failed #subProgress{
  background-color: rgba(251, 111, 129, 0.2);
  background-image: none;
}
#fConform h3{
  display:flex;
  align-items:center;
}
#fConform h3 > span.error-tip{
  font-size:14px;
  font-weight:normal;
  color:#ff5757;
  display: inline-block;
  max-width: 360px;
}
#fConform h3 > span.succ-tip{
  font-weight:normal;
  color: #00fc95;
  font-size: 18px;
}
.flash-failed.rimless .flex{
  color: #c7b9c7;
}
.flash-failed.rimless .flex .disabled{
  color: rgba(199, 185, 199,0.5);
}
#fConform > p{width:100%;margin: 20px 0 10px;color: rgba(255, 255, 255, 0.6);}
#fConform .cancel-btn{font-size:14px;color:rgba(255, 255, 255, 0.3);cursor: pointer;}
li.flash-failed.rimless.gateioNotyTheme, .noty_bg {
  background: linear-gradient(to bottom, rgb(0,0,0),rgb(23, 0, 19) 60%,rgba(45, 0, 0, 0.9) 100%) !important;
  border-bottom-color: #3e123a;
}
.flash-failed #fInfoList {
  background: rgba(56, 56, 56, 0.5);
}
.flash-failed #fInfoList i.caret:before{
  color: rgb(42, 29, 35);
}
.flash-failed #fInfoList li b,.flash-failed.rimless .flex p,#fInfoList li input {
  color: #fff;
}
.flash-failed #fInfoList.disabled li b,#fInfoList.disabled li input {
  color: #888;
}
.matching:before{
  content:'';
  display:block;
  width:100%;
  height:100%;
  position:absolute;
  left:0;
  top:0;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 999991;
  user-select: none;
}
.gateioNotyTheme.rimless .noty_text{
  font-weight: 100;
}
.gateioNotyTheme.matching:hover .noty-close {
  opacity:0.5 !important;
}
.flash-failed #fInfoList li input:not([readonly]){
  background-color: rgba(255, 163, 163, 0.2);
}
#fInfoList li input:not([readonly]){
  background-color: rgba(255, 255, 255, 0.1);
}
body.classic-dark #topMarkets {background-color: transparent;}
#fInfoList li input:not([readonly]):focus{
  border-color:rgba(84, 255, 213, 0.3) !important;
}
#fInfoList li input:focus{border-color: rgba(255,255,255,0.05) !important;}
.flash-failed #fInfoList li input:focus{border-color:rgba(255, 163, 163, 0.5) !important;}
.flash-failed #fInfoList li input[readonly]:focus{ border-color:rgba(255,255,255,0.05) !important}
#flashConfirm #button-0.btn-deal{
  background-image: linear-gradient(to bottom, rgba(0, 115, 130,0.8),rgba(1, 99, 90,0.8) 100%);
  animation: bg_color_breath 8s linear infinite;
}
@keyframes bg_color_breath {
  0% {background-color: red;}
  25% {background-color: yellow;}
  50% {background-color: purple;}
  75% {background-color: yellow;}
  100% {background-color: red;}
}
#actionBox{
  display:flex;
  align-items:center;
  justify-content:center;
  color: rgba(255,255,255,0.3);
  padding-top: 10px;
  clear: both;
}
#actionBox > span{
  margin:0 10px;
  cursor:pointer;
}
#actionBox > span:hover{
  color:#fff;
}
#ipChangeTip{
  color: rgba(255,255,255,0.3);
  font-size:18px;
}
#cancel_risk{
  width: 20px;
  height: 20px;
  margin-right: 2px;
}
.n-confirm label{
  line-height: 1.6;
  font-weight: 100;
  color: rgba(255,255,255,0.6);
  cursor:pointer;
  user-select: none;
}
.n-confirm label:hover{
  color:#fff
}
.checked-od .n-confirm label,.checked-od .n-confirm label:hover{
  color:#8eaddc
}
.imp-tips b{font-weight: 100;}
#flashConfirm #tablePending li{
  padding: 4px 0;
  font-weight: normal;
  line-height: 1.5;
  color: #49e0d1;
}
#flashConfirm #tablePending li.red{
  color: #E64E62;
  font-weight: 500;
  background: rgba(255, 0, 0,0.1) !important;
  border-radius: 0;
  padding: 4px 8px;
}
.rimless #tablePending{
  padding: 15px 5px;
  min-height: 150px;
}
.rimless .noty_message hr{background:transparent}
#flashConfirm #tablePending li > span, #flashConfirm #tablePending li > b{
  font-weight: 100;
  margin-left: 5px;
  color: #fff;
}
#flashConfirm #tablePending li .cancel-bold{
  font-weight: 500;
}
.risk-box.shake{color:darkorange;display: inline-block;}
.shake{animation:shake_box 0.5s ease-in-out 0s;}
@keyframes shake_box{
  0% {transform: translate(0px, 0px) rotate(.5deg)}
  20% {transform: translate(3px, -4px) rotate(-.5deg)}
  40% {transform: translate(-4px, 2px) rotate(.5deg)}
  60% {transform: translate(3px, -4px) rotate(-.5deg)}
  80% {transform: translate(-4px, 2px) rotate(.5deg)}
}
#flashConfirm.rimless #tablePending #button-0{
  opacity: 0.6;
  background: linear-gradient(to bottom, #00454e,#00403d 100%);
}
#flashConfirm.rimless.checked-od #button-0{background: linear-gradient(to bottom, #005863,#084e4b 60%,#00403a 100%);opacity: 0.9;}
.rimless  .modal-cancel-succ{
  min-height: 200px;
  display: flex;
  justify-content: center;
  align-items:center;
  flex-direction:row;
  letter-spacing: 1px;
  font-size: 1.5em;
}
.modal-cancel-succ .red{margin:0 5px;font-weight:500;}
#flashConfirm.rimless.checked-od #button-0:hover{opacity:1}
.flash-tip.bug-tip-first{
	bottom: -55px;
	left: -15px;
}
.flash-tip{
  position:absolute;
  background: transparent;
  padding: 12px;
  border-radius: 3px;
  display: flex;
  justify-content: center;
  opacity: 1 !important;
  white-space:nowrap;
  color: #E62323;
  bottom: -55px;
  z-index: -1;
  font-weight: 400;
  left: -10px;
  font-size: 14px;
}
.flash-tip.bug-tip{
	bottom: -80px;
    left: -15px;
}
.flash-tip .caret{
  position:absolute;
  bottom: -5px;
  color: rgba(255,255,255,0.85);
}
.flash-tip .caret:before{
  display:none;
}
#fvEmpty{
  left: -240px
}
#ptOption dl img{width:16px !important;height:16px !important;padding:1px 0 1px 2px;border-radius: 2px;filter: inherit !important;}
.pay_icon0{background:#019fe8;}
.pay_icon1{background:#00bb0c;padding: 1px !important;}
body.classic-dark #flashSupList {background-color: #292F40;}
body.classic-dark #flashSupList li.disabled{
	background-color: #112A73;
}
body.classic-dark #flashSupList li strong{color: #fff;font-weight: 500;}
/* -------- flash buy end -------- */

/* --------- StartUp start -------- */
/* .home-slider{height: calc((75vw / 4 - 24px) / 1.9);} */
.home-sliderBox{
  height:100%;
  width: 100%;
  position: relative;
  z-index: 2;
}
.home-sliderBox:hover .home-sliderToLeft,
.home-sliderBox:hover .home-sliderToRight{
  display: flex;
}
/* .slider-startup .home-sliderBox {width: calc(100% + 24px )!important;} */
.home-startUp-sliderToLeft,.home-startUp-sliderToRight{
  background: var(--color-neutral-4);
  border-radius: 8px !important;
}
.slide-item-body-ul .slick-arrow:hover {background-color: var(--color-card-3);}
body.classic-dark .container-active-title, body.classic-dark .startup-slider-title .marketMore{color: var(--color-text-2) !important;}
.home-sliderToLeft,.home-sliderToRight,.home-startUp-sliderToLeft,.home-startUp-sliderToRight{
  width: 40px;
  height: 40px;
  position: absolute;
  z-index: 1;
  border-radius: 50%;
  line-height: 40px;
  text-align: center;
  font-size: 20px;
  top: 50%;
  cursor: pointer;
  z-index: 1003;
}
.slider-startup .home-startUp-sliderToLeft{right: 68px;top: -68px;}
.slider-startup .home-startUp-sliderToRight{right: 12px;top: -68px;}
.slider-startup .home-startUp-sliderToLeft:hover svg path, .slider-startup .home-startUp-sliderToRight:hover svg path{stroke: var(--color-brand-1) !important;}
.slider-startup #sliderToLeft-news svg path, .slider-startup #sliderToRight-news svg path{stroke: var(--color-text-2);}
.home-sliderToLeft{
  left: 20px;
  transform: translateY(-50%);
  padding-right: 1px;
}
.home-sliderToLeft:hover svg path{stroke: #2354E6;}
.home-sliderToRight:hover svg path{stroke: #2354E6;}
.home-sliderToLeft:hover {background: #FFFFFF;box-shadow: 0px 0px 16px rgba(35, 84, 230, 0.1);}
.home-sliderToRight:hover {background: #FFFFFF;box-shadow: 0px 0px 16px rgba(35, 84, 230, 0.1);}
.home-sliderToRight{
  right: 20px;
  transform: translateY(-50%);
  padding-left: 1px;
}
.home-sliderToLeft:hover,.home-sliderToRight:hover{
  background-color: #fff;
  color: var(--color-brand-1);
}
.home-slider ul li{
  opacity: 1;
  cursor: pointer;
}
.slider-startup .startup-item-time {display: flex;align-items: center;font-weight: 600;}
.slider-startup .startup-item-time i{ font-style: normal;font-weight: 600;}
.slider-startup .startup-item-time .startUpTime em{font-style: normal;display: inline-block;font-weight: 600;}
.startUpTime em {font-style: normal;}
.startUpDay{font-style: normal;}
/* .slider-startup .startup-item-time .startUpDay{background-color: transparent;color: #04091A;} */
.slider-startup .startup-item-time .startUpDay:nth-of-type(1){margin-left: 4px;}
/* .slider-startup .startup-item-time .cn_startUpDay{margin-right: 2px;} */
.slider-startup .startup-item-time .startUpDay:nth-of-type(4){margin-right: 3px;}
.slider-startup .startup-item-time .startUpSiem{background: url(/images/arrow/seim.png) no-repeat;background-size: contain; color: #fff;margin-left: 3px;margin-right: 3px;width: 2px;height: 6px;}
/* .startup-slider-title > a{color: var(--color-text-1);} */
#spot-QuantitativeCopy-volume .main-top-spot-modal {left: -76px;top: -120px;}
.remain-date-container{display: flex;flex-direction: column;line-height: 24px;}
.startup_icon_no{display: flex;align-items: center;justify-content: center;height: 100%;font-size: 2em;text-align: center;}
.sliderBox-startup .slide-item-body ul .slick-list li{max-width: 282px;width: inherit;}
.sliderBox-startup .slide-item-body ul .slick-list li a{border-radius: 10px;position: relative;padding: 12px 12px 0 12px;}
.startup-item-info{display: flex;font-size: 14px;color: #ffffff;width: 100%;z-index: 99;overflow: hidden;flex-direction: column;padding: 16px 0;}
.slider-startup.home-slider{padding-top: 28px;}
.startup-item-img-icon{width: 100%;height: 144px;object-fit: cover;margin: 0;position: relative;border-radius: 8px;background-color: var(--color-card-1);min-height: 184px;}
.startup-slider-title{font-size: var(--font-h1);font-weight: 600;display: flex; justify-content: space-between;}
.container-active-title{margin-top: 120px !important;display: flex;justify-content: space-between;margin-bottom: 40px;}
.sliderBox-startup-slide .slide-item-body-ul {--layout-itemMargin: 0;}
.sliderBox-startup .slider-img img,.sliderBox-startup .slider-img{float: left;border-radius: 8px;max-width: 282px!important;box-shadow: 0px 4px 16px rgba(23, 56, 153, 0.06);}
.sliderBox-startup .slide-item-body ul .slick-list li {float: left;border-radius: 8px;box-shadow: 0px 4px 16px rgba(23, 56, 153, 0.06);}
.sliderBox-startup .slide-item-body ul li {margin: 12px 12px 16px 12px;box-shadow: none;background-color: var(--color-card-2);}
.sliderBox-startup .slide-item-body ul,.slider-startup.home-slider{height: auto;}
.sliderBox-startup .slide-item-body ul.slide-item-body-ul {min-height: 236px;}
.startup-item-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-height: 20px;width: 100%;color: var(--color-text-1);font-weight: 600;font-size: var(--font-body);height: var(--font-body);margin-bottom: 12px;}
.startup-item-tag{border: 1px solid var(--color-divider-1);border-radius: 2px;line-height: 16px;font-size: var(--font-body-s);color: var(--color-text-2)!important;padding: 4px 8px;margin-right: 8px;font-weight: 400;display: inline-block;}
/* .startup-item-is-free{background: linear-gradient(270deg, #16D9D9 0%, #17E6A1 100%);} */
body.classic-dark .startup-item-tag{border: 1px solid #2A2F40 !important;}
.startup-item-token-sale{background: #f96332;}
/* .startup-item-tag.title-tip-INITIAL{background: linear-gradient(90deg, #16D9D9 0%, #1979FF 100%);} */
/* .startup-item-tag.title-tip-NONINITIAL{background: linear-gradient(90deg, #16D9D9 0%, #1979FF 100%)} */
/* .startup-item-tag.title-tip-DISCOUNT{background: #f38100} */
.startup-status{padding-bottom: 8px;white-space: nowrap;font-size: var(--font-body-s);font-weight: 600;box-sizing: border-box;line-height: 20px;padding: 3px 8px;z-index: 2;display: flex;align-items: center;position: absolute;top: 24px;left: 24px;background: rgba(255, 255, 255, 0.95);border-radius: 4px;}
.startup-status > span{display: flex;}
body.classic-dark .startup-status {background: rgba(31, 36, 51, 0.95);}
.status-UNDERWAY{color: var(--color-funct-2);}
.status-PREHEAT{color: var(--color-funct-4);}
.status-FINISH{color: var(--color-text-1)}
.startup-status img {margin-right: 8px;}
.startup-item-bottom-progress-item-FINISH{background: linear-gradient(90deg, #ADB5CC 0%, #8691B3 100%) !important;}
.title-tip-{padding: 0;margin: 0;display: none;}
.startup-item-brief{position: absolute;float: left;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;padding-right: 14px;color: #292F40;font-size:16px;line-height: 24px;}
.startup-item-bottom-info{position: absolute;position: absolute;display: flex;justify-content: space-between;width: 100%;font-weight: 500;color: #000;font-size: 14px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;bottom: 15%;left: 0;padding-left: 16px;padding-right: 16px;}
.startup-item-bottom-progress{position: absolute;width: 100%;height: 8px;/* background: #E6E9F2; */padding-right: 16px;bottom: 8%;display: flex;overflow: hidden;left: 0;padding-left: 16px;margin: 0;}
.startup-item-bottom-progress-wrapper{width: 100%;background: #E6E9F2;overflow: hidden;position: relative;}
.startup-item-bottom-progress-item{background: linear-gradient(270deg, #17E5A1 0%, #54E623 99.48%);height: 100%;position: absolute;left: 0;top: 0;max-width: 100%;}

.sliderBox-startup .slide-item {display: flex; justify-content: space-between;height: 100%;}
.sliderBox-startup-top30 {margin-left: 24px;height: 64px; margin-top: 24px;margin-bottom: 24px;display: inline-block;}
.sliderBox-startup-top30 ul li {margin-top: 8px;position: relative;box-sizing: border-box;width: 64px !important;height: 64px !important;margin-left: 12px;margin-right: 12px;display: flex;align-items: center;justify-content: center;}
.sliderBox-startup-top30 ul li img{width: 64px; height: 64px;border-radius: 50%;}
.sliderBox-startup-top30 ul li:hover .top30_mask, .sliderBox-startup-top30 ul li:hover .top30_mask_tip{visibility: visible;display: flex;}
.sliderBox-startup-top30 ul li .top30_mask{font-weight: 500;visibility: hidden;position: absolute;left: 50%;top: 50%;background: linear-gradient(0deg, rgba(0, 0, 0, 0.72), rgba(0, 0, 0, 0.72));border: 4px solid #17E6A1;width: 64px;height: 64px;transform: translate(-50%, -50%);justify-content: center;align-items: center;color: #fff;border-radius: 50%;overflow: hidden;box-sizing: border-box;}
.sliderBox-startup-top30 .top30_large .top30_mask{width: 104px;height: 104px;box-sizing: border-box;}
.sliderBox-startup-top30 ul .top30_large:hover  img{width: 100px !important;height: 100px !important;}
.sliderBox-top{border-radius: 8px;padding: 12px;color: #fff;font-size: 12px;z-index: 99;display: flex;justify-content: center;align-items: center;flex-direction: column;min-width: 80px;margin-bottom: 0;}
.sliderBox-top span{min-width: 80px;line-height: 18px;text-align: center;}
.sliderBox-popup-tooltips-content{border-radius: 8px;background: rgba(4, 9, 26, 0.9);}
body.classic-dark .sliderBox-popup-tooltips-content{background-color: #1B41B2 !important;}
body.classic-dark .sliderBox-popup-tooltips-content svg {color: #1B41B2 !important;}
.sliderBox-popup--large-tooltips-content{transform: translateY(-12px) !important}
.sliderBox-popup-tooltips-content svg{color:  rgba(4, 9, 26, 0.9);}
.sliderBox-top span:nth-child(1){color: #17E6A1;font-weight: 500;}
.sliderBox-top span.up{color: #E62323;}
.rise-green-body .sliderBox-top span:nth-child(1){color: #E62323;font-weight: 500;}
.rise-green-body .sliderBox-top span.up {color: #17E6A1;}
.sliderBox-top .top30_mask{font-weight: 500;}
.sliderBox-startup-slide-up .tempWrap{ width: 100% !important;}
.sliderBox-startup-slide-up .hd a:hover {background-color: var(--color-card-3);}
/* 轮播图指示器 */
.slide-item-body .slick-dots {display: flex;justify-content: center;align-items: center;}
.slide-item-body ul.slick-dots li {width: 4px!important;height: 4px;background-color: var(--color-neutral-2);margin: 0; margin-right: 4px;}
.slide-item-body ul.slick-dots li button {display: none;}
.slide-item-body ul.slick-dots li.slick-active {background-color: var(--color-brand-1);}
.slide-item-body .home-slide__news .slick-dots {margin-top: 16px;}
/* .sliderBox-startup-slide-up .hd a:hover svg path{stroke: var(--color-brand-1);} */

html[lang='ar'] .sliderBox-startup .slide-item-body ul .slick-list li a {
  text-align: right;
}
html[lang='ar'] .startup-item-tag:last-child {
  margin-right: 0;
}
html[lang='ar'] .startup-status {
  right: 24px;
  left: unset;
  flex-direction: row-reverse;
}
html[lang='ar'] .startup-status img {
  margin-right: unset;
  margin-left: 8px;
}
/* ---------- StartUp end --------- */

/*----------- 活动 start ---------- */
  #sliderBox-news .slide-item-body ul.home-slide__news {height: 148px;margin: 0 -12px;}
  #sliderBox-news .slide-item-body ul.home-slide__news .slick-list li {
    /* float: left; */
    display: block;
    /* border: none; */
    border-radius: 8px;
    transition: all 0.3s ease;
    height: 148px;
    margin: 0 12px;
    padding: 0;
    max-width: 302px;
  }
  .slide-item-body ul .slick-list li a {
    display: block;
    width: 100%;
    height: 100%;
  }
  #sliderBox-news .slider-img{
    /* width:calc(75vw / 4 - 24px) !important;
    height: calc((75vw / 4 - 24px) / 1.9); */
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 8px;
  }
  .sliderBox-startup-slider-img{background: url('/images/startUpImage.png') no-repeat; background-size: cover;}
  .sliderBox-startup-slider-img, .sliderBox-startup-slider-img img{
    width: 100% !important;
  }
  #sliderBox-news .slider-img img {
    /* width:calc(75vw / 4 - 24px) !important;
    height: calc((75vw / 4 - 24px) / 1.9); */
    width: 100%;
    height: 100%;
    border: none;
    display: block;
    transition: all 0.3s;
    object-fit: cover;
  }
  #sliderBox-news .slider-img img:hover {
    transform: scale(1.05);
  }
  .slide-item {
    position: relative;
    margin: 0 auto;
  }
  .slide-item-box {
    padding: 0;
    position: relative;
    height: 100%;
  }
  .sliderBox-startup-slide-up{ border-radius: 8px;width: 100%;}
  body.classic-dark .startup-item-info{background: transparent;}

/*----------- 活动 start ---------- */

/* ----------- 行情 start ---------- */
#topMarkets{
  min-height: 600px;
  position: relative;
  z-index: 3;
  width: 100%;
}
.main-page-title{margin-top: 120px;margin-bottom: 40px; position: relative;text-align: left;display: flex;align-items: center;justify-content: space-between;}
.en-body.ar-body #marketTab{padding-left: 100px;padding-right: unset}
#marketTab li.leaderboard-market__tab::after {
  content: '';
	width: 16px;
	height: 16px;
	background: url('/images/home/homeicon/dashenjump.svg') no-repeat;
	background-size: contain;
	margin-left: 4px;
}
#marketTab li{
  margin-right: 32px;
  padding-bottom: 8px;
  display: flex;
  align-items: center;
  color: var(--color-text-4);
  font-weight: 600;
  font-size: var(--font-subtitle);
  cursor: pointer;
}
#marketTab li.active{
  color: var(--color-text-1);
  position: relative;
}

body.classic-dark #marketTab li:last-child::after{background: url(/images/home/homeicon/black_jiantou_icon.svg) no-repeat;background-size: contain;}
#marketTab li.active::before{
	content: '';
	width: 8px;
	height: 8px;
	background-color: var(--color-funct-1);
	bottom: -8px;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
}
#marketTab li.active .load8{
  position:absolute;
  top: -25px;
  right: auto;
  display: none;
}
#marketTab li:hover{
  color: var(--color-text-1);
}
html[lang='ar'] #marketTab li:first-child {
  margin-right: 0;
}

#mainListBox > table{
  display: none;
  width: calc(100% + 32px);
  margin-top: 28px;
}
#mainListBox > table.active{
  display: table;
}
#mainListBox .rate_down > span,#mainListBox .rate_up >span, #mainListBox > table .cname,  #mainListBox > table .name-con span,#mainListBox > table .name-con{
  color: var(--color-text-3);
  font-size: var(--font-body);
}
#mainListBox > table .name-con .cname {font-size: var(--font-body-m);color: var(--color-text-3);margin-right: 0;}
 #mainListBox > table .name-con span,#mainListBox > table .name-con {margin-top: 0;margin-right: 8px;}
#mainListBox th:last-child,#mainListBox td:last-child{
  text-align:right;
  width: 16.6%;
  padding-right: 16px;
  border-radius: 0 8px 8px 0;
}
html[lang='ar'] #mainListBox td:last-child {
  text-align: left;
  border-radius: 8px 0 0 8px !important;
}
#mainListBox th:nth-child(5),#mainListBox th:nth-child(6){display: none;}
#listTable th:nth-child(5),#etfListTable th:nth-child(5),#contractListTable th:nth-child(5),#hotListTable th:nth-child(5), #newlistedListTable th:nth-child(5), #topgainersListTable th:nth-child(5){display: table-cell;}
#mainListBox th:nth-child(3),
#mainListBox td:nth-child(3),
#mainListBox th:nth-child(2),
#mainListBox td:nth-child(2){
  width: 16.6%;
  font-weight: 500;
  font-size: var(--font-body);
}
/* #contractListTable .coin-name .name-con span.cname {display: none;} */
#mainListBox th:first-child,
#mainListBox td:first-child{
  width: 16.6%;
  padding-left: 16px;
  border-radius: 8px 0 0 8px;
}
#loanListTable th:first-child,
#loanListTable td:first-child{
  width: 320px;
}
#loanListTable th:nth-child(2),
#loanListTable td:nth-child(2),
#loanListTable th:nth-child(3),
#loanListTable td:nth-child(3){
  width: 260px;
}
#list_tbody .name-con{margin-top: 0;}
#mainListBox #loanListTable th:last-child,
#mainListBox #loanListTable td:last-child,
#mainListBox th:nth-child(5),
#mainListBox td:nth-child(5),
#mainListBox th:nth-child(4),
#mainListBox td:nth-child(4){
  width: 16.6% !important;
  font-weight: 500;
  font-size: var(--font-body);
  height: 100%;
}
#mainListBox th:nth-child(5),
#mainListBox td:nth-child(5){
  width: 200px;
  text-align: left;
  /* padding-right: 100px; */
}
#mainListBox th {border: none;}
#mainListBox thead, #mainListBox tr {height: 38px;}
#mainListBox th b{
  font-weight: normal;
  color: var(--color-text-3) !important;
  font-size: var(--font-body-m);
  
  white-space: nowrap;
}
#mainListBox th:nth-child(3) b,
#mainListBox th:nth-child(2) b,
#mainListBox th:nth-child(4) b{
  float: left;
}
#mainListBox .icon-box{
  float:left;
  margin-right: 8px;
  width: 24px;
  overflow: hidden;
}
#mainListBox .icon-box img{
  width:24px;
  height:24px;
  border-radius: 50%;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#mainListBox tbody tr{
  cursor:pointer;
  height: 76px;
}
#mainListBox tbody tr:hover{
  background:var(--color-card-3) !important;
}
body.classic-dark #mainListBox > table{border-bottom: 1px solid transparent !important;}
#mainListBox .rate_down > span,#mainListBox .rate_up > span{
  color:#999
}
.rate_up > span,.rate_down >span, .rate_flat > span	 {display: none;}
#mainListBox .day-updn .green,#mainListBox .day-updn .red {
	position: relative;
	font-weight: 500;
  font-size: var(--font-body);
}
#mainListBox .day-updn>span::after{
	content: '';
	width: 12px;
  	height: 12px;
	position: absolute;
	top: 50%;
	/* border-radius: 3px; */
	margin-left: 4px;
	background-size: 100% 100%;
	transform: translateY(-50%);
}
#mainListBox #loanListTable td:last-child{text-align: right;}
.home_main .marketlist .day-updn.loan-td-rate{display: table-cell !important;}
.coin-name b span {min-width: 50px;color: var(--color-text-1) !important;font-weight: 500;font-size: var(--font-body) !important;}

.marketlist th:nth-child(2) b,.marketlist th:nth-child(3) b,.marketlist th:nth-child(4) b{
  float: left;
}
.rise-green-body #mainListBox .day-updn .green::after{
	background: url('/images/home/homeicon/downRedIcon.svg?v=1021') no-repeat;
	background-size: 100% 100%;
}
.rise-green-body #mainListBox .day-updn .red::after{
	background: url('/images/home/homeicon/upGreenIcon.svg?v=1021') no-repeat;
	background-size: 100% 100%;
}
.rise-red-body #mainListBox .day-updn .green::after{
	background: url('/images/home/homeicon/downGreenIcon.svg?v=1021') no-repeat;
	background-size: 100% 100%;
}
.rise-red-body #mainListBox .day-updn .red::after{
	background: url('/images/home/homeicon/upRedIcon.svg?v=1021') no-repeat;
	background-size: 100% 100%;
}
.go-trade-btn{
  padding: 8px 16px;
  border-radius: 4px;
  color: var(--color-text-1)!important;
  
  font-size: var(--font-body);
  background: var(--color-neutral-2)!important;
  font-weight: 500;
  white-space: nowrap;
}
body.classic-dark #register-info-input {background-color: #292F40 !important;}
#mainListBox tbody tr:hover .go-trade-btn,.go-trade-btn:hover{color:#FFFFFF !important;background: var(--color-brand-1) !important;border: none}

#mainListBox tbody tr:hover .go-trade-btn {
  transition: background-color 200ms ease-in-out 0s;
}

.price-chart {
  width: 220px;
  height: 38px;
  position: relative;
}
.price-chart .chart-err{text-align: left;background-color: transparent;line-height: 38px;color: var(--color-text-1);}
.main-page-title .mk-more{
  display: flex;
  align-items: center;
}
.main-page-title .mk-more a:hover{
color: var(--color-brand-1) !important;
}
.main-page-title .mk-more a:hover svg{
color: var(--color-brand-1) !important;
}
#mainListBox {position: relative;flex-direction: column;}
#mainListBox .home-search{position: absolute; right: 0;}
.home-search {
  left:593px;
  top:-12px;
}
#mainListBox td:nth-child(2) span {
   font-size: var(--font-body);
  font-weight: 500;
}
#mainListBox td:nth-child(3) {
  color: var(--color-text-1);
  font-weight: 500;
   font-size: var(--font-body);
}
#listTable thead,#listTable tr:nth-child(even){background-color: transparent !important;}
body.rise-green-body #mainListBox .red, .rise-green-body .main_title h1 .red{color: #13BF86 !important;}
body.rise-green-body #mainListBox .green {color: #E62323 !important;}
#mainListBox .coin-name {display: flex;align-items: center;padding: 16px 0;margin: 0;}
#td_btc_usdt_price span{display: none;}
.contractListTable_btn_wrapper{display: none;margin-top: 40px;align-items: center;width: 100%;}
.contractListTable_btn{padding: 12px;cursor: pointer;font-size: 16px;background: var(--homeTableBtnColor);color: var(--color-text-1);border-radius: 4px;font-weight: 500;}
.contractListTable_btn.activeBtn {background:var(--color-brand-1); color: #ffff;}
#mainListBox .showTableBtn{display: flex;}
.add0feeflag .zerofee-flag{position: relative;top:2px;background-repeat: no-repeat;min-width: 26px;}

#trade.active::before,
#etf.active::before,
#contract.active::before {
  left: 26% !important;
}
.ar-body #trade.active::before,
.ar-body #contract.active::before {
  left: 65% !important;
}
.ar-body #etf.active::before { left: 78% !important;}

#mainListBox th:first-child, #mainListBox td:first-child {border-radius: 8px 0 0 8px;}
html[lang='ar'] #mainListBox th:first-child, html[lang='ar'] #mainListBox td:first-child {
  border-radius: 0 8px 8px 0 !important;
}
/* ----------- 行情 end ---------- */

/* ----------- 公告 轮播 start ---------- */
.bottom-notice > a{color:var(--color-text-2) !important;margin-left: auto;font-weight: 500;font-size: var(--font-body-m);white-space: nowrap; }
.bottom-notice > a:hover{color:var(--color-brand-1)}
.container .bottom-notice{padding-top:10px}
.scroll-txt-box{overflow: hidden;}
.scroll-txt-box .scroll-txt ul{overflow: unset;zoom: 1;float: left;display: flex;flex-direction: column;}
.scroll-txt-box .scroll-txt ul li{text-align: left;float: left;list-style: none;padding: 0;}
.scroll-txt-box li a{color: var(--color-text-2) !important;font-size: var(--font-body-m);line-height: 120%;}
.scroll-txt-box li a:hover{color: var(--color-brand-1) !important;}
body.classic-dark #siteNotice .icon_notice use{fill: #fff;stroke: #fff;}
#siteNotice{
  color: var(--color-text-2);
  padding-top: 24px;
  padding-bottom: 0;
  width: 100%;
  font-size: var(--font-body-m);
  
  display: flex;align-items: center;
  float: none;
}
#siteNotice .icon{
  margin-right:5px
}
#siteNotice>svg path {stroke: var(--color-text-2);}
#siteNotice>svg {
  width: 20px;
  height: 20px;
  margin-bottom: 0;
  margin-right: 8px;
  flex-shrink: 0;
}
#siteNotice #scrollTxt{display: flex;}
#txtEmp{opacity: 0;width: 10px;}
.marketMore{font-weight: 500;font-size: var(--font-body-m);color: var(--color-text-2)!important; display: flex;align-items: center;text-align: right;}
.marketMore svg{margin-left: 8px;}

html[lang='ar'] .marketMore svg {
  transform: scaleX(-1);
  margin-right: 8px;
  margin-left: unset;
}

html[lang='ar'] #homeNoticeMore {
  margin-right: auto;
  margin-left: unset;
}
/* ----------- 公告 轮播 end ---------- */

/* ----------- TODO: remove Features start ----------- */
#Features{
  min-height: 500px;
}
#Features h1,#clientSection h1{
  text-align:center;
  margin-top: 100px;
  font-size: 2em;
  letter-spacing: 2px;
  color: #ddd;
}
.feature-box{
  padding: 0 10px;
  align-items: flex-start;
  width: 80%;
}
.feature-box dl{
  flex:1;
  padding: 0 30px;
  text-align: center;
}

.feature-box dt{
  text-align:center;
}
.feature-box dd{
  color:#666
}
.feature-box dt .icon{
  width: 120px;
  height: 120px;
  display: inline-block;
  padding: 20px;
  border-radius: 50%;
  background: #000000;
}
.feature-box dt h3{
  font-size: 1.4em;
  margin: 30px 0;
  line-height: 1.5;
}
/* ----------- Features end ----------- */


/* ---- TODO: remove useless old ---- */
#clientSection{/* background: #fafbfc; */padding: 0 0 100px;}
#clientSection h1{margin-top:0;padding-top: 100px;color: #ddd;}
#clientSection h2{margin: 25px 0;}

#gateApps .icon{font-size: 30px;}
#gateApps dl{padding: 40px 20px;min-width: 260px;min-height: 310px;border-radius: 10px;/* border: 1px solid #ccc; */background: #fff;box-sizing: border-box;flex: 1;margin: 0 10px;display: inherit;flex-direction: column;justify-content: space-between;}
#gateApps dl:hover{background:#fafbfc}
#gateApps dt,#gateApps dt span{font-size: 26px;font-weight: 400;}
#gateApps .bold{font-weight:400}
#gateApps li{flex: 1;display: flex;align-items: center;margin-bottom: 10px;padding: 6px;border-radius: 5px;border: 1px solid rgba(0,0,0,0.1);cursor: pointer;background: #fff;line-height: 1.25;transition: all 0.3s;}
#gateApps ul li:hover{filter: saturate(1.8) drop-shadow(0 1px 5px rgba(0,0,0,0.1));}
#gateApps ol li a{display:inline-block;width:100%;height:100%;padding-top: 8px;}
#gateApps ol li a:after{content:'';display:inline-block;border-left: 6px dashed;border-top: 6px solid transparent;border-bottom: 6px solid transparent;float: right;margin-top: 3px;}
#gateApps ol{padding-left: 15px;}
#gateApps ol li{list-style:decimal;padding: 0 0 0 5px;color: #888;display: list-item;margin: 0;border: none;background: none;}
#gateApps li > span{font-size:12px;}
#gateApps .gate-icon-common{font-size:24px;margin-right: 5px;}
#mobileClient dd{display: flex;align-items: flex-end;justify-content: space-between;}
#gateApps em{font-style:normal;font-size:14px;}
#mobileClient ul{width: calc(100% - 148px);max-width: 200px;}
.i-andriod{color: #429c85;}
.i-play{color: #d2757c;}
.i-ios,.i-mac-os{color: #717b80;}
.i-win{color: #7a92bf;}
#gateApps li.i-ios{margin:0}
#appQrCode{display:flex;align-items:center;justify-content:center;flex-direction:column;background:#fff;border-radius:5px;font-size:12px;margin-bottom: 0;margin-right: -2px;color:#666;}
#appQrCode img{width:140px;height:140px;}
#pcClient ul{flex-direction: row;display: flex;justify-content: space-between;}
#pcClient li{flex: 0.47;margin: 0;padding: 5px;}
#gateApps #pcClient li i{font-size:30px}
#pcClient .i-win i{color: #5b7fc3;}
#gateApps dt.pcClient_info {
  font-size: 16px;
  margin-bottom: 70px;
  line-height: 24px;
}
/*  remove useless old ---- */
/* ------------ 一站式交易服务 ------------- */
#tradeGuide {min-height: 470px;margin-top: 42px;background: #fff;padding: 100px;}
#tradeGuide .tradeguide-box {
  padding: 0 10px;
  align-items: flex-start;
  justify-content: space-between;
  max-width: 1280px;
  width: 100%;
}
.tradeguide-img {
  width: 560px;
  height: 342px;
}
@media screen and (max-width: 1366px){
  .tradeguide-img {
    transform: scale(0.8);
  }
  .cn-body .tradeguide-tab .tab-nav .tab-nav-item{
    font-size: 16px !important;
  }
}
.tradeguide-tab {max-width: 670px;}
.tradeguide-tab .tab-title {
  max-width: 600px;
  text-align: left;
  
}
.tradeguide-tab .tab-nav {
  border-bottom: 1px solid #ebeef4;
  -webkit-box-pack: left !important;
  -webkit-justify-content: left !important;
  justify-content: left !important;
}

.tradeguide-tab .tab-nav .tab-nav-item{
  font-weight: 400;
  font-size: 14px;
  padding: 12px 0;
  margin-right: 25px;
  cursor: pointer;
  margin-bottom: -1px;
}
.cn-body .tradeguide-tab .tab-nav .tab-nav-item{
  font-size:18px
}
.tradeguide-tab .tab-nav .active{
  box-shadow: inset 0 -2px 0 0 #35384a;
}
.tradeguide-tab .tab-content {margin-top: 30px;}
.tradeguide-tab .tab-content .tab-content-item{
  width: 550px;
  display: none;
  text-align: left;
}
.tradeguide-tab .tab-content .active{
  display: block;
}
.tradeguide-tab .tab-content .tab-content-item p{
  color: #35384a;
  line-height: 1.8;
  max-height: 182px;
  margin-bottom: 50px;
  overflow: hidden;
}

.tradeguide-tab .tab-content .tab-content-item a{
  font-weight: 500;
}
/* ------------ 一站式交易服务 ------------- */

/* --------- TODO: remove copy ---------- */
.goto-copy{transition: all 0.3s;font-size: 14px; opacity: 1;margin-left:9px}
.goto-copy a{color:rgb(255, 255, 255);}
.goto-copy a:hover{color:#90DBFF}
.goto-copy svg{
  width: 14px;
  height: 14px;
  border-radius: 50%;
  padding: 0px;
  margin-left: -3px;
}
.quant-sta-item:hover .goto-copy{display: flex;align-items: center;}
/* 暂时先隐藏 */
.topsection-bg{width:100%;bottom:0px;height: 514px;object-fit: cover;opacity: 0;} 
.home-top-right h4{font-size: 20px;}
.c2c-wizard-container{display:none;position: absolute;bottom:54px;background-color: #fff;padding:16px 10px 10px 10px;width: 276px;height:108px;border-radius: 4px;left: -40px;}
.c2c-triangle-down{width:0;height:0;border-top:10px solid #fff;border-right:10px solid transparent;border-left:10px solid transparent;position: absolute;bottom:-6px;left:136px;}
.c2c-wizard-container p{color: #333;height: 20px;line-height: 20px; margin-bottom: 10px;text-align: left;font-size: 12px;}
.top-gradient-btn{
  height: 32px;
  line-height: 32px;
  padding: 0 10px;
  background: linear-gradient(270deg, #00B389 0%, #009CAB 100%);
  border-radius: 4px;
  border: none;
  outline: none;
  color:#fff;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.top-gradient-btn a{position: relative;top: 1px;color:#fff;}
.top-gradient-btn a:hover{color:#fff;}
.top-gradient-btn svg{
  transform: rotate(-45deg);
  font-size: 20px;
}
.home-quant-statistics{
  display: flex;
  justify-content: space-between;
  margin-top: 16px;
}
.home-quant-statistics .quant-sta-item{
  background-color: #024654;
  border-radius: 8px;
  height: 110px;
  width: 290px;
  padding: 30px 20px;
  position: relative;
}
.quant-sta-item .first-row{
  display: flex;
  align-items: center;
}
.quant-sta-item .first-row>span:first-child{
  font-size: 30px;
}
.quant-change{padding:0 10px;border-radius: 12px;height: 24px;line-height: 25px;margin-left: 10px;position: relative;top:-2px;font-weight: 500;}
.quant-change.red{background-color: #FCEDEF;}
.quant-change.green{background-color:#E5F2F2;}
.rise-green-body .quant-change.red{background-color: #E5F2F2;}
.rise-green-body .quant-change.green{background-color:#FCEDEF;}
.quant-sta-item .quant-block-text{margin-top: 14px;display: flex;justify-content: space-between;position: absolute;bottom: 20px;width: calc(100% - 40px);}
/* --------- TODO: remove copy ---------- */

/* --------- dns dialog ---------- */
  .dns-dlalog{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.3);
    z-index: 100000;
  }
  .dns-dlalog-main{
    padding: 40px 15px;
    width: 520px;
    height: auto;
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden;
  }
  .dns-dialog-header{
    position: relative;
  }
  .dns-dialog-header .close_dns_dialog{
    position: absolute;
    right: -2px;
    top: -22px;
    cursor: pointer;
    padding: 2px;
  }
  .dns-dialog-header .close_dns_dialog{}
  .dns-dialog-header h4,
  .dns-dialog-header p{
    margin: 0 auto;
    display: block;
    width: 70%;
    text-align: center;
  }
  .dns-dialog-header h4{
    font-size: 16px;
    font-weight: 500;
    color: rgba(0,0,0,.85);
    line-height: 24px;
    padding-bottom: 8px;
  }
  .dns-dialog-header p{
    font-size: 12px;
    font-weight: 400;
    color: #4f5669;
    line-height: 18px;
  }
  .dns-dialog-body{
    padding: 10px 0;
  }
  .dns-dlalog .flex{
    display: flex;
    align-items: flex-start;
  }
  .dns-dlalog .flex-1{
    flex: 1;
    text-align: center;
  }
  .dns-dialog-body .flex-title{
    font-size: 16px;
    font-weight: 500;
    color: #3f475a;
    line-height: 20px;
    margin: 16px 0 12px;
  }
  .dns-dlalog .dns-btn{
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    line-height: 16px;
    border: none;
    padding: 8px 16px 6px 16px;
    background: var(--color-brand-1);
    border-radius: 2px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    margin: 0 auto;
    cursor: pointer;
    display: block;
    -webkit-tap-highlight-color: transparent;
    -webkit-appearance: none;
    text-decoration: none;
  }
  .dns-dlalog .dns-btn.dns-btn-bor{
    color: var(--color-brand-1);
    border: 1px solid var(--color-brand-1);
    background: transparent
  }
  .dns-dlalog .dns-input input{
    width: 53px;
    font-size: 12px;
    font-weight: 500;
    color: #3f475a;
    line-height: 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    letter-spacing: -.1px;
    resize: none;
    border: none;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-block;
  }
  .dns-dlalog .dns-input .dns-val{
    display: inline-block;
    vertical-align: text-bottom;
    position: relative;
  }
  .dns-dlalog .dns-dialog-body p{
    font-size: 12px;
    font-weight: 400;
    color: #7b8293;
    line-height: 17px;
    text-align: center;
    margin: 16px auto 0 auto;
    display: block;
    width: 80%;
  }
  .dns-dlalog .dns-dialog-body p a{
    color: var(--color-brand-1)
  }
  .dns-dlalog .dns-dialog-body .dns-val .icon{
    fill: currentColor;
    color: #bbb;
  }
  .dns-dlalog .dns-dialog-body .dns-val.active .dns-copy-tip{color: #008792;display: inline-block;}
  .dns-dlalog .dns-dialog-body .dns-val .dns-copy-tip{
    color: #008792;
    display: none;
    font-size: 12px;
    margin: 0;
  }
  .dns-dlalog .dns-dialog-body .dns-val.active .icon.icon-copy{display: none;}
  .dns-dlalog .dns-dialog-body .dns-val .icon.icon-copy{display: inline-block;cursor: pointer;}
  .dns-dialog-footer{
    padding-top: 20px;
  }

  body.dark-body .dns-dlalog-main{
    background: #333;
  }
  body.dark-body .dns-dialog-header h4{
    color: rgba(255,255,255,0.5)
  }
  body.dark-body .dns-dialog-header p{
    color: rgba(255,255,255,0.3)
  }
  body.dark-body .dns-dialog-body .flex-title{
    color: rgba(255,255,255,0.4)
  }
    body.dark-body .dns-dialog-body .flex-title 
  body.dark-body .dns-dlalog .dns-input input{
    background: transparent;
    color: #aaa;
  }
/* ---------- DNS dialog end ---------  */

/* TODO: remove useless */
#leadSign{padding-bottom: 30px;background: #e6e6e6}
#leadSign h1{padding-top: 30px;color: #000}
.anniversary{ color: #fff; z-index: 999; background-color: #f2542f; position: fixed; bottom: 100px; left: 0; padding: 14px 20px 6px 8px; border-radius: 0 25px 25px 0; cursor: pointer; background-image: linear-gradient(90deg, #f76a91 0%, #d2501e 100%);}
.anniversary b {font-size: 18px; margin-left: 35px;}
.anniversary i {background-image: url(/images/activity_template/celebration/8year.png); position: absolute;top: -19px; left: -3px;width: 58px;height: 58px;}
/* TODO: remove useless */

/* --------- verify dialog --------- */
.face_verify_dialog{position: fixed;top: 0;right: 0;bottom: 0;left: 0;background: rgba(0,0,0,0.6);z-index: 100000;}
.face_verify_dialog-por{position: relative;width: 100%;height: 100%;}
.face_verify_dialog_content{position: absolute;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);top: 50%;left: 50%;width: 600px;border-radius: 10px;overflow: hidden;}
.face_verify_dialog_body{padding: 30px;background: #fff;text-align: center;}
.face_verify_dialog_footer{background: #00505f;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 15px;display: flex;}
.face_verify_dialog_footer .flex-1{flex: 1;display: flex;flex-direction: column;justify-content: center;}
.face_verify_dialog_footer #face_verify_download_app{padding: 5px;height: 80px;width: 80px;display: inline-block;padding-right: 10px;}
.face_verify_dialog_footer p{line-height: 24px;font-size: 14px;color: #fff;margin: 0;}
.face_verify_dialog_footer a,
.face_verify_dialog_footer span {color: #90cbd6;line-height: 24px;font-size: 12px;}
.face_verify_dialog_footer img.bg_img{width: 90px;height: 90px;padding-left: 10px;display: inline-block;}
.face_verify_dialog_body h4{font-size: 18px;color: #262626;text-align: center;}
.face_verify_dialog_body .dialog_err_msg{font-size: 13px;color: var(--color-brand-1);max-width: 100%;text-align: center;display: inline-block;font-style: normal;background: rgba(222,89,107,0.1);padding: 8px 20px;}
.face_verify_dialog_body p{color: #666;font-size: 14px;padding-top: 15px;}
.face_verify_dialog_body p span{color: #262626;display: inline-block;padding-right: 15px;}
.face_verify_dialog_body p span svg{background: #eee;}
.face_verify_dialog_body p span:last-child{padding-right: 0;}
.face_verify_dialog_body .face_verify_icon{display: block;margin: 20px auto;background: #f5f5f5;max-width: 100px;width: auto;height: 100px;}
.face_verify_dialog_body .qrcode_box{width: 240px;height: 240px;border: solid 1px #e5e5e5;margin: 0 auto;display: flex;flex-direction: column;justify-content: space-evenly;flex-direction: column;margin-bottom: 5px;}
.face_verify_dialog_body .face_verify_qrcode_timer{margin-bottom: 10px;}
.face_verify_dialog_body .qrcode_box h5{color: #262626;font-size: 16px;}
.face_verify_dialog_body .qrcode_box h6{color: #007080;font-size: 14px;}
.reload_face_verify_qrcode{cursor: pointer;}
.face_verify_dialog_body .qrcode_box .face_verify_qrcode{display: block;width: 160px;height: 160px;margin: 0 auto;background: url(/images/loading.gif) center center no-repeat;}
.face_verify_dialog_content .face_verify_dialog-icon-close{display: block;position: absolute;top: 15px;background-image: url(/images/close.svg);right: 15px;cursor: pointer;width: 18px;height: 18px;background-size: 100%;}
.face_verify_dialog_content canvas {border: solid 5px #fff;}
body.classic-dark .face_verify_dialog_body,
body.dark-body .face_verify_dialog_body{background: #333;}
body.classic-dark .face_verify_dialog_body .qrcode_box h5,
body.dark-body .face_verify_dialog_body .qrcode_box h5,
body.classic-dark .face_verify_dialog_body p span,
body.dark-body .face_verify_dialog_body p span,
body.classic-dark .face_verify_dialog_body h4,
body.dark-body .face_verify_dialog_body h4{color: #999}
body.classic-dark .face_verify_dialog_body p span svg,
body.classic-dark .face_verify_dialog_body .face_verify_icon,
body.dark-body .face_verify_dialog_body p span svg,
body.dark-body .face_verify_dialog_body .face_verify_icon{background: #444;}
body.classic-dark .face_verify_dialog_body .qrcode_box,
body.dark-body .face_verify_dialog_body .qrcode_box{border-color: #444;}
body.classic-dark .reload_face_verify_qrcode,
body.dark-body .reload_face_verify_qrcode{color: #0ebed8}
/* --------- verify dialog end--------- */

/* ------- 初学者指南 -------- */
.gateio-ecological-container{margin-top: 120px;}
.gateio-ecological-content-container{display:flex;align-items:flex-start;flex-direction: column;justify-content: space-between;position: relative;z-index: 2;}
.gateio-ecological-short-introduction{font-size: 16px;opacity: 0.65;}
.gateio-ecological-items-container-wrapper{display: flex;width: 100%;height: 100%;justify-content: space-between;}
.gateio-ecological-short-introduction-img{width: 100%;object-fit: cover;}
.gateio-ecological-short-introduction-second-img{width: 100%;height: 100%;object-fit: cover;}
.gateio-beginner-images{width: 100%;height: 100%;object-fit: contain;}
.gateio-nowrap{white-space: nowrap;}
.gateio-ecological-items-container{display: flex;flex-direction: column;}
.gateio-ecological-items-container:nth-child(1){width: 100%;display: flex;}
.gateio-chuxuezhe-container .gateio-chuxuezhe-items-container {margin-right: 24px;min-width: 60%;}
.gateio-ecological-items-beginner-container{width: 100%;display: flex;align-items: center}
.gateio-ecological-item{width: 100%;color: var(--color-text-1);border-radius: 8px;margin:4px 30px 4px 0;cursor: pointer;display: flex;align-items: center;padding: 22px 10px;}
.gateio-ecological-item:hover{background: var(--color-card-3);}
.gateio-ecological-item:hover .gateio-ecological-item-title, .gateio-ecological-item:hover svg path{color: var(--color-brand-1) !important;}
body.classic-dark .gateio-ecological-item:hover{opacity: 1;}
.gateio-chuxuezhe-container .gateio-ecological-item-title{font-size: var(--font-h5);font-weight: 600;margin-bottom: 8px;color: var(--color-text-1);line-height: 120%;}
.gateio-ecological-item-content{color: var(--color-text-3);line-height: 150%;font-size: var(--font-body);}
.gateio-chuxuezhe-container .gateio-ecological-icon{width: 64px;height: 64px;}
.gateio-beginner-start-btn{padding: 12px 24px;color: #fff;background-color: var(--color-brand-1);margin-top: 16px;white-space: nowrap;text-align: center;font-weight: 600;font-size: var(--font-body);border-radius: 4px;width: fit-content;}
.gateio-beginner-start-btn:hover{color: #fff; background-color: var(--color-brand-2);}
.gateio-ecological-item-text{position: relative;width: 100%;}
.gateio-ecological-item-text .gateio-ecological-item-go{opacity: 0;}
.clear-search-history {display: none;}
.gateio-chuxuezhe-container .gateio-ecological-title{margin-bottom: 40px;}
.gateio-chuxuezhe-container .gateio-ecological-item{margin: 0; margin-left: -16px;margin-bottom: 8px;padding: 16px;}
.gateio-chuxuezhe-container{position: relative;z-index: 1;margin-bottom: 0px;width: 100%;}
.container-chuxuezhe-bg-positon{position: absolute;background: var(--homeDarkBg);width: 100vw;left: calc((100vw - 92vw) / -2);z-index: -1;top: -120px;height: calc(100% + 180px);}
.gateio-chuxuezhe-container .gateio-ecological-icon{margin-right: 24px;}
.gateio-chuxuezhe-container .gateio-ecological-item-title {display: flex; justify-content: space-between;align-items: center;}
.gateio-chuxuezhe-container .gateio-guide-item-title{color: var(--color-text-1);display: inline-block;white-space: break-spaces;}

html[lang='ar'] .gateio-chuxuezhe-container .gateio-chuxuezhe-items-container {margin-right: 0px;}
html[lang='ar'] .gateio-chuxuezhe-container .gateio-ecological-icon{margin-right: unset;margin-left: 24px;}
/* ------- 初学者指南 end -------- */

/* ----------- 为什么选择我们 start ---------- */
.gateio-choose-us{position: relative;z-index: 1; width: 100%;margin-top: 120px;}
.gateio-choose-us-container{display: flex;flex-direction: column}
.choose-us-title{margin-bottom: 40px;}
.choose-us-content-container{--layout-itemMargin: 48px; }
.choose-us-item-icon{height: 120px;width: 120px;background:center center no-repeat;background-size: contain;margin: 48px auto 64px;}
.choose-us-item-title{color: var(--color-text-1);font-size: var(--font-subtitle);margin-bottom: 16px;line-height: 150%;font-weight: 600;}
.choose-us-item-content{color: var(--color-text-3);font-size: var(--font-body);line-height: 150%;}
.homeicon-safeguard{background-image: url("/images/home/homeicon/safeguard.png?v=1010") }
.homeicon-fast{background-image: url("/images/home/homeicon/fast.png?v=1010") }
.homeicon-stabilization{background-image: url("/images/home/homeicon/th_ann.png?v=1010") }
.homeicon-trust{background-image: url("/images/home/homeicon/year.png") }
.home_main .choose-us-title {text-transform: none;}
/* ----------- 为什么选择我们 end ---------- */

/* ----------- 交易随时随地 start ----------- */
.gateio-trade-everywhere{position: relative;z-index: 1;width: 100%;padding-bottom: 80px;padding-top: 40px;}
.gateio-trade-everywhere-more a:hover{
  color: var(--color-brand-1) !important;
}
/* .gateio-trade-every-bg{position: absolute;left: calc((100vw - 92vw) / -2);width: 100vw;height: 100%;z-index: -1;background: var(--homeDarkBg);top: 0;} */
.gateio-trade-everywhere-container{display: flex;flex-direction: column}
.gateio-trade-everywhere-content-container{display: flex;margin-top: 40px;}
.gateio-download-qrcode-container{display: flex;align-items: center;margin-bottom: 48px;}
.scan-download-text{color:var(--color-text-1);margin-left: 32px;font-weight: 600;font-size:var(--font-subtitle);}
.scan-download-text span {color: var(--color-text-2);font-weight: 600;font-size: var(--font-body);line-height: 150%;display: block;margin-top: 16px;}
.download-market-item{width:104px;height:94px;display: flex;flex-direction: column;align-items: center;justify-content: center;cursor: pointer; padding: 16px 0;}
.download-market-item svg {
  width: 32px;
  height: 32px;
}
.gateio-download-market-list-first {row-gap: 8px;}
.download-market-item:hover {background: var(--color-card-3);border-radius: 8px;}
.download-market-item:hover svg g path{fill: var(--color-brand-1) !important;}
.download-market-icon{width:32px;height:32px}
.download-market-name{color:var(--color-text-1);margin-top: 16px;font-size: var(--font-body-m); white-space: nowrap;}
.gateio-app-image{width: 690px;height: 420px;}
.qrcode-container{display: flex;align-items: center;justify-content: center;border: 5px solid var(--color-divider-1);border-radius: 4px;}
body.classic-dark .qrcode-container {border: 5px solid var(--color-divider-2);}
.QR-bottom-scan-box{padding: 0px;}
.gateio-trade-everywhere-more{display: flex;justify-content: center;margin-top: 64px}
.main-top-spot-modal{display:none;padding: 12px 20px 12px 14px;background: var(--color-text-1);border-radius: 8px;width: 300px;position: absolute;top: -140px;left: -108px; font-size: 12px;}
#spot-QuantitativeCopy-volume .main-top-spot-modal.isShow{display: block;}
.spot-market-number{color:#17E5A1;line-height: 20px;font-size: 12px;white-space:nowrap}
.spot-market-title{color: #fff;font-weight: 500;margin-bottom: 8px;}
.spot-market-border{width: 100%;height: 1px;background-color: #292F40;margin-top: 12px;margin-bottom: 12px;}
.spot-market-des{color: #fff;}
#spot-Transaction-volume, #spot-QuantitativeCopy-volume{position: relative;}
#spot-container:hover .main-top-spot-modal, #spot-Transaction-volume:hover .main-top-spot-modal,#spot-QuantitativeCopy-volume:hover .main-top-spot-modal{display: block}
#spot-container{position:relative;cursor: pointer}
.data-wrap-item:hover .main-top-dashboard-item-number, .data-wrap-item:hover .main-top-dashboard-item-hint{color: var(--color-brand-1)}
body main.home_main .marketMore:hover{color:var(--color-brand-1) !important}
/* body main.home_main {min-width: 992px; max-width: 2560px; margin: 0 auto;} */
.marketMore:hover svg path{stroke: var(--color-brand-1) !important;}


html[lang='ar'] .marketMore {
  justify-content: flex-end;
}
html[lang='ar'] .gateio-help-item-content.marketMore {
  justify-content: unset;
}
html[lang='ar'] .gateio-download-market-container {
  margin-right: 0;
}
/* ----------- 交易随时随地 end ----------- */

/* ------------ gate 社区 ------------ */
.gateio-community{padding-bottom: 48px;width: 100%; display: none;}
.gateio-community-container{display: flex;flex-direction: column}
.gateio-community-title{font-size: 24px;color:var(--color-text-1);font-weight: 600;margin-bottom: 12px;}
.gateio-community-second-title{color:var(--color-text-2);font-size: 16px;line-height: 150%;}
.gateio-community-icon-container{width:100%;display: flex;margin-top: 40px;flex-wrap: wrap;}
.gateio-community-icon{width: 32px}
.community-icon-item{cursor: pointer;width: 52px;height: 52px;background: transparent;border-radius: 50%; display: flex;justify-content: center;align-items: center; position: relative;margin-right: 8px;}
.community-icon-item:hover{background-color: var(--color-card-3);border-radius: 50%;}
.community-icon-item:hover svg path{fill: var(--color-brand-1);}
.community-icon-item svg {
  width: 32px;
  height: 32px;
}
.community-icon-item ul{
  position: absolute;
  box-shadow: 0px 0px 16px rgba(35, 84, 230, 0.1);
  border-radius: 8px;
  background-color: var(--color-card-2);
  bottom: 67px;
  left: 0px;
  padding: 8px 0;
  width: 380px;
  z-index: 3;
  display: none;
}
.gateio-community-icon-container .active svg path{fill: var(--color-brand-1);}
.gateio-community-icon-container .active ul{display: block !important;}
.gateio-community-icon-container .active{background:#F2F7FF !important;box-shadow: none !important;}
.community-icon-item ul li a:hover{color: var(--color-brand-1);}
.community-icon-item ul i {
  width: 10px;
  height: 10px;
  position: absolute;
  left: 34px;
  background: var(--color-card-2);
  box-shadow: 0px 1px 2px rgb(185 192 200 / 41%);
  transform: rotate( 
45deg
);
  bottom: -5px;
}
.community-icon-item:hover ul {
  display: block;
}
.community-icon-item ul li {
  float: left;
  padding: 9px 6px;
  width: 33.3%;
  font-size: 14px;
  font-weight: 500;
  color: var(--color-text-1);
}
/* ------------ gate 社区 ------------ */

/* ------------  buy cryto ----------- */
.buy_crypto a {
  background: var(--color-brand-1);
  font-size:var(--font-subtitle);
  padding: 11px 32px;
  line-height: 150%;
  border-radius: 8px;
  color: #FFFFFF;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 600;
}
.buy_crypto a:hover{color:#fff}
/* ------------  buy cryto end ----------- */

/* ----------- 全局搜索 start ------------ */
/* .classic-dark .home-top-container__right { 
  background: url('/images/home/banner/yuan_dark.png'); 
  background-size: cover;
} */
/* .home-top-container__right .banner-gate {
  width: 488rem;
  top: 160rem;
  left: 220rem;
}
.classic-dark  .home-top-container__right .banner-gate {
  width: 528rem;
  top: 190rem;
  left: 244rem;
} */
/* .sliderBox-startup-slide .hd{display: flex;justify-content: center;top:50%;right: 10%;transform: rotate(90deg) translateY(-50%);position: absolute;z-index:13;} */
/* .sliderBox-startup-slide .hd{right: -10px;} */
/* .sliderBox-startup-slide .hd ul{display: flex;} */
/* .sliderBox-startup-slide .hd li{width: 8px;height: 8px; background-color: #E6E9F2;margin-left: 12px;cursor: pointer;} */
/* .sliderBox-startup-slide .hd li.on{background-color: var(--homeColor)} */
/* #headLayout{background:transparent!important;} */
.dark-body header#mainHeader #headLayout{background:transparent!important;}
/* .home_main{background-color: #fff !important; min-width: 1280px !important;} */
.sliderBox-startup-top30 {margin-left: 24px;height: 64px; margin-top: 24px;margin-bottom: 24px;display: inline-block;}
.sliderBox-startup-top30 ul li {margin-top: 8px;position: relative;box-sizing: border-box;width: 64px !important;height: 64px !important;margin-left: 12px;margin-right: 12px;display: flex;align-items: center;justify-content: center;}
.sliderBox-startup-top30 ul li img{width: 64px; height: 64px;border-radius: 50%;}
/* .sliderBox-startup-top30-wrapper{padding-top: 18px;} */
/* .sliderBox-startup-top30 .top30_large img{width: 104px;height: 104px;} */
.sliderBox-startup-top30 ul li:hover .top30_mask, .sliderBox-startup-top30 ul li:hover .top30_mask_tip{visibility: visible;display: flex;}
.sliderBox-startup-top30 ul li .top30_mask{font-weight: 500;visibility: hidden;position: absolute;left: 50%;top: 50%;background: linear-gradient(0deg, rgba(0, 0, 0, 0.72), rgba(0, 0, 0, 0.72));border: 4px solid #17E6A1;width: 64px;height: 64px;transform: translate(-50%, -50%);justify-content: center;align-items: center;color: #fff;border-radius: 50%;overflow: hidden;box-sizing: border-box;}
.sliderBox-startup-top30 .top30_large .top30_mask{width: 104px;height: 104px;box-sizing: border-box;}
.sliderBox-startup-top30 ul .top30_large:hover  img{width: 100px !important;height: 100px !important;}
.sliderBox-top{border-radius: 8px;padding: 12px;color: #fff;font-size: 12px;z-index: 99;display: flex;justify-content: center;align-items: center;flex-direction: column;min-width: 80px;margin-bottom: 0;}
.sliderBox-top span{min-width: 80px;line-height: 18px;text-align: center;}
.sliderBox-popup-tooltips-content{border-radius: 8px;background: rgba(4, 9, 26, 0.9);}
body.classic-dark .sliderBox-popup-tooltips-content{background-color: #1B41B2 !important;}
body.classic-dark .sliderBox-popup-tooltips-content svg {color: #1B41B2 !important;}
.sliderBox-popup--large-tooltips-content{transform: translateY(-12px) !important}
.sliderBox-popup-tooltips-content svg{color:  rgba(4, 9, 26, 0.9);}
.sliderBox-top span:nth-child(1){color: #17E6A1;font-weight: 500;}
.sliderBox-top span.up{color: #E62323;}
.rise-green-body .sliderBox-top span:nth-child(1){color: #E62323;font-weight: 500;}
.rise-green-body .sliderBox-top span.up {color: #17E6A1;}
.sliderBox-top .top30_mask{font-weight: 500;}
body.classic-dark .go-trade-btn {background-color:  #292F40 !important; color: #fff !important}
/* body.classic-dark .home_image_page_bg{} */
/* 全局搜索 */
#globalSearchArea .dataTables_filter input{width: 30px !important;height: 40px !important;background: url('/images/home/homeicon/search.svg') no-repeat center center !important;padding: 18px 32px !important;border: none;}
#globalSearchArea .dataTables_filter input::placeholder{color: #F5F6FA;}
#globalSearchArea .global-search-select-dropdown{z-index: 2;}
#globalSearchArea .global-search-placeholder-view{ box-shadow: 0px 0px 24px rgb(70 100 140 / 15%);border-radius: 8px;top: 25px !important;}
body.classic-dark #globalSearchArea .global-search-placeholder-view{box-shadow: 0px 0px 24px rgba(70, 100, 140, 0.15);margin-right: 11px;}
#globalSearchArea .global-search-select-dropdown{ top: 25px !important; }
#globalSearchArea .searchShow{ display: block !important;z-index: 1;margin-right: 0;}
#globalSearchArea .search-placeholder-container .search-hot-rank{background: url('/images/newHot.png') no-repeat;background-size: 100% 100%;width: 10px;height: 12px;margin-left: 5px;}
#globalSearchArea .search-placeholder-container .search-hot-rank span {color: transparent;}
#globalSearchArea .search-more-container{position: absolute;right: 15px;top: 16px;margin-top: 0px;}
#globalSearchArea .search-more-container .search-more{color: var(--color-text-1);font-weight: 500;margin-top: 0;line-height: 14px;}
body.classic-dark #globalSearchArea .search-more-container .search-more svg path{stroke: #fff;}
body #globalSearchArea .dataTables_filter input.dataTables_filter_input_hover{background: url('/images/home/homeicon/active_search.svg') no-repeat 10px center !important;width: 220px !important;padding: 8px 35px 8px 35px !important;transition: width 1s;-webkit-transition: width 1s;border: 2px solid var(--color-brand-1);font-size: 16px;font-weight: 500;background-color: #fff !important;}
#globalSearchArea .dataTables_filter .dataTables_filter_input_hover::placeholder{color: #C2C4CC;}
body.classic-dark #globalSearchArea .dataTables_filter .dataTables_filter_input_hover{background-color: transparent !important;border: none;background-position-x: 10px !important;}
#globalSearchArea .global-search-coin-icon{width: 20px;height: 20px;background-size: 20px;}
#globalSearchArea .hot-rank-item-name{color: var(--color-text-1);font-size: 14px;width: 20%;margin: 0;}
#globalSearchArea .dataTables_filter {background-color: #F5F6FA;border-radius: 8px;right: 0;}
#globalSearchArea .showSoftKeyBoard{display: none;}
#globalSearchArea .global-search-list{z-index: 2;}
#globalSearchArea .search-list-title{margin-bottom: 10px;font-weight: 500;}
#globalSearchArea .hot-rank-item-rate{position: relative;margin-left: 15px;font-weight: 500;}
#globalSearchArea .global-search-market-ranking{color: #4D5366;font-weight: 500;font-size: 12px;}
body.classic-dark #globalSearchArea .dataTables_filter input {background: url(/images/search_bg_back.svg) no-repeat center center !important;}
.global-search-select-dropdown:focus-visible  + .global-search-placeholder-view{display: none !important;}

html[lang='tr'] .global-search .global-search-placeholder-view {width: 295px;}
html[lang='ar'] .search-more svg {transform: rotateZ(180deg);}
html[lang='ar'] #globalSearchArea .search-more-container,
html[lang='ar'] #globalSearchArea .dataTables_filter {right: inherit;}
html[lang='ar'] body #globalSearchArea .dataTables_filter input.dataTables_filter_input_hover{background-position-x: calc(100% - 10px) !important;}
/* ----------- 全局搜索 end ------------ */

/* ---------- 帮助中心 start ----------- */
.gateio-help-wrapper,.gateio-help-center{width: 100%;}
.gateio-help-wrapper {display: flex;}
.gateio-help-wrapper .gateio-help-left{padding: 32px;background: var(--color-card-1);width: calc((792 / 1200) * 100%);margin-right: 24px;border-radius: 8px;}
.gateio-help-left-contain{display: flex;justify-content: space-between;align-items: self-end;}
.gateio-help-left-contain .gateio-help-left-contain-title{font-weight: 600;font-size:var(--font-subtitle);line-height: 150%;color: var(--color-text-1);}
.gateio-help-center li{padding: 24px 0;border-bottom: 1px solid var(--color-divider-1);position: relative;}
.gateio-help-center li label{position: relative;z-index: 1;}
.gateio-help-center li label:hover{cursor: pointer;}
.gateio-help-center li:hover .raw{color: var(--color-brand-1) !important;}
body.classic-dark .gateio-help-center li{border-bottom: 1px solid var(--color-divider-2);}
.gateio-help-center li span a{color: var(--color-brand-1);}
.gateio-help-center li p {display: flex;justify-content: space-between;align-items: center;margin: 0;}
.gateio-help-center li p b{ font-weight: 600;max-width: calc(100% - 62px);font-size:var(--font-subtitle);line-height: 150%;color: var(--color-text-1);}
/* .gateio-help-center li label {display: flex;justify-content: space-between;align-items: center;margin: 0;margin-left: 35px;} */
.gateio-help-center li b{ font-weight: 500;font-size:24px;line-height: 150%;color: var(--color-text-1);}
.gateio-help-center li span{display: none;font-weight: 400;font-size: var(--font-body);line-height: 150%;color: var(--color-text-3);margin-top: 8px;}
.gateio-help-center li:last-child{ border-bottom: none;}
.gateio-help-center .raw:nth-child(1) {
  cursor: pointer;
  display: block;
  color: var(--color-text-1);
  width: 14px;
  height: 14px;
}
.gateio-help-center .raw:nth-child(1):hover {
	color: var(--color-brand-1) !important;
}

.gateio-help-center .gateio-help-center-arrow{
  position: absolute;
  right: 0;
  top: 31px;
}
input:checked ~ .gateio-help-center-arrow .raw:nth-child(1){
  transform: rotate(180deg); 
  color: var(--color-brand-1) !important;
}

input:checked ~  span.gateio-help-content {
  display: block;
}
.gateio-help-right {width: calc((464 / 1200) * 100%);}
.gateio-help-right-container{width: auto !important;}
.gateio-help-item-title{font-weight: 600;font-size:var(--font-subtitle);line-height: 150%;color: var(--color-text-1);}
.gateio-help-item-content{font-weight: 500;font-size: var(--font-body-m);color: var(--color-text-2);margin-top: 8px;}
.gateio-help-item-content svg{margin-left: 4px;}
.gateio-help-item-content svg path{stroke: var(--color-text-2);}
.gateio-help-container{margin-top:120px;position: relative;z-index: 1;width: 100%;}
.gateio-help-bg{position: absolute;left: calc((100vw - 92vw) / -2);width: 100vw;height: calc(100% + 120px);z-index: -1;background: var(--homeDarkBg);top: -120px;}
.gateio-help-container .gateio-ecological-title{margin-bottom: 40px;}
.gateio-help-wrapper .gateio-ecological-icon{width: 100px;height: 100px;margin-right: 16px;}
.gateio-help-right .gateio-ecological-item{padding: 0;padding-right: 16px;margin: 0;margin-bottom: 32px;}
.gateio-help-right .gateio-ecological-item:last-child{margin-bottom: 0;}

html[lang='ar'] .gateio-help-center .gateio-help-center-arrow {
  right: unset;
  left: 0;
}
html[lang='ar'] .gateio-help-right .gateio-ecological-item {
  padding-left: 16px;
  padding-right: unset;
}
html[lang='ar'] .gateio-help-wrapper .gateio-help-left {
  margin-right: 0;
  margin-left: 24px;
}
/* ---------- 帮助中心 end ----------- */

/* ---------- 产品生态 ------------- */
.gateio-ecological-item:hover .gateio-help-item-title, .gateio-ecological-item:hover .gateio-help-item-content{color: var(--color-brand-1) !important}
.gateio-ecological-item:hover svg path{stroke: var(--color-brand-1) !important;}
.gateio-ecological-item:hover .gateio-ecological-item-go{opacity: 1;}
.gateio-ecological-items-container .gateio-ecological-item .gateio-ecological-item-go:hover svg path {stroke: var(--color-brand-1) !important;}
#sliderBox-news .slide-item-box .tempWrap{width: auto !important;}
.gateio-shengtai-content .gateio-shengtai-bg{position: absolute;left: 0;left: calc((100vw - 92vw) / -2);width: 100%;height: 100%;z-index: 0; top: 0;}
.gateio-shengtai-content .gateio-ecological-item:hover{opacity: 1;background: var(--color-card-3);border-radius: 8px;}
.gateio-shengtai-content .gateio-ecological-item:hover .gateio-ecological-item-title,.gateio-shengtai-content .gateio-ecological-item:hover .gateio-ecological-item-go{color: var(--color-brand-1) !important;}
.gateio-shengtai-content .gateio-ecological-item:hover .gateio-ecological-item-go svg path {stroke: var(--color-brand-1) !important}
.gateio-shengtai-content{position: relative;margin-top: 0;width: 100%;}
.gateio-shengtai-content .gateio-shengtai-bg .topSection-bg-right{top: 40px;right: 40px;}
.gateio-shengtai-content .gateio-shengtai-bg .topSection-bg-left{bottom: 40px;left: 40px;}
.gateio-shengtai-content .gateio-ecological-title{margin-bottom: 40px;margin-top: 120px;font-weight: 600;}
.gateio-shengtai-content .gateio-ecological-item-title{font-weight: 600;position: relative;font-size: var(--font-subtitle);line-height: 150%;color: var(--color-text-1);margin-bottom: 8px;}
.gateio-shengtai-content .gateio-ecological-items-container{align-items: flex-start;flex-direction: row;display: grid;border-radius: 8px;}
.gateio-shengtai-content .gateio-ecological-item {position: relative;flex-direction: column;align-items: start;padding: 24px 16px; margin: 0;min-height: 298px;}
.gateio-shengtai-content .gateio-ecological-item-go{position: absolute;right: 0px;top: 50%;transform: translateY(-50%);}
body.classic-dark .gateio-ecological-item:hover svg path{stroke: var(--color-brand-1) !important}
.gateio-shengtai-content .gateio-ecological-item:hover .gateio-ecological-item-go{opacity: 1;}
.gateio-shengtai-content .gateio-ecological-icon{width:100px;height: 100px;flex-shrink: 0;margin-bottom: 16px;}
.gateio-shengtai-content .gateio-ecological-items-container-wrapper{margin-top: 0;row-gap: 32px; flex-direction: column;}
.gateio-shengtai-content .gateio-shengtai-img-item {justify-content: center;}
.qrcode-container .QR-bottom-scan-box canvas {width: 110px;height: 110px;}
html[lang='ar'] .gateio-shengtai-content .gateio-ecological-item-title{padding-left: 22px;}

/* ---------- 产品生态 ------------- */

/* ----------- 媒体查询 start ----------- */
@media screen and (max-width: 768px) and (min-width: 600px) {
  .slider-startup .startup-item-time{
	transform: translateX(-10px) scale(0.8);
  }
}
/* 暗黑模式下背景色块兼容 */
@media screen and (min-width: 1570px) {
  .container-bg-positon,.container-chuxuezhe-bg-positon,.gateio-whyChoose-bg,.gateio-help-bg,.gateio-trade-every-bg {
    left: calc((100vw - 1440px) / -2)
  }
}
/* 小于1700移除首页色块 */
@media screen and (max-width: 1700px) {
  .topSection-bg-right,.topSection-bg-left {
    display: none;
  }
}
/* ----------- 媒体查询 end ----------- */

/* ----------- home footer 设置 start --------- */
#footerLeft {z-index: 4;}
/* 注册 */
#footer-view #footerSignup {background-color: var(--color-card-1);padding: 64px var(--layout-padding);height: fit-content;}
#footer-view #footerSignup .footer_signup_title {font-size: var(--font-h2);color: var(--color-text-1);font-weight: 600;margin-bottom: 12px;line-height: 120%;}
#footer-view #footerSignup .footer_signup_text {margin: 0 0 32px 0;font-size: var(--font-subtitle)!important;color: var(--color-text-2);line-height: 150%;}
#footer-view #footerSignup .footer_signup_btn {font-size: var(--font-subtitle);font-weight: 600;background-color: var(--color-brand-1);border-radius: 8px;padding: 16px 32px;line-height: 1;}
/* ----------- home footer 设置 end --------- */


/* ----------- 响应式 start ----------- */
@media screen and (min-width: 1920.1px) {
  #slogan .slogan_square {left: -32px;top: -24px;width: 68px;height: 68px;--var-banner-top: 164px;}
  .login_btn_wrap .register_btn {padding: 12px 72px;}
  .other_login_btn_container .btn_item {padding: 16px 67px;}
  .home-top-container__right {width: 852px;height: 852px;right: -72px;}
  .home-top-container__right .hd {right: 63px;}
  #mainListBox th:last-child, #mainListBox td:last-child {width: auto;}
  .gateio-download-market-container {width: 586px;}
  .home-top-container__right .banner-two {width: 708px;height: 548px;top: 144px;right: 19px;height: 546px;}
  .home-top-container__right .banner-hover {width: 628px;height: 468px;right: 19px;}
  .topSection-bg-right, .topSection-bg-left {width: 144px;height: 144px;}
  .topSection-bg-left {left: -304px;}
  .topSection-bg-right {right: -280px;}
  .sliderBox-startup .slide-item-body ul .slick-list li{max-width: 342px!important;width: 342px;}
  .home-top-container__right .banner-bg {width: 852px;height: 852px;}
  .gateio-app-image {width: 830px;height: 500px;}
  #sliderBox-news .slide-item-body ul.home-slide__news .slick-list li{max-width: 342px;}
}
@media screen and (max-width: 1280px) {
  .gateio-app-image {
    width: calc((690/1200)*100%);
    height: auto;
  }

  html[lang='ar'] .home-top-container__right {
    left: -12px;
  }
}

@media screen and (min-width: 1024.1px) and (max-width: 1120px) {

}

@media screen and (min-width: 1024.1px) and (max-width: 1219.9px) {
  .gateio-app-image {
    margin-top: 0;
  }
}
@media screen and (max-width: 1024px) {
  .gateio-trade-everywhere-content-container {
    flex-direction: column;
    margin-top: 40px;
  }
  .gateio-download-market-list-first {
    max-width: unset;
    --layout-rowNumber: 3;
    width: 100%;
  }
  .gateio-download-market-container {
    display: flex;
    gap: 24px;
  }
  .gateio-app-image {
    width: 100%;
    height: auto;
    margin-top: 0;
  }
  .gateio-download-qrcode-container {
    width: 100%;
  }

  .sliderBox-startup .slide-item-body ul .slick-list li {width: 282px;}
}
@media screen and (min-width:992px) and (max-width:1255.9px){
  .home-top-container__right {width: calc((568 / 992) * 100vw);height: calc((568 / 992) * 100vw);right: -56px; --var-banner-top: 100px;}
  .home-top-container__right .hd {right: 56px;}
  .home-top-container__right .banner-two {width: calc((100vw - 80px) / 2);top: 120px;height: auto;right: -10px;}
  .home-top-container__right .banner-hover {width: calc(((100vw - 80px) / 2) - 50px); top: 130px;height: auto;}
  .home-top-container__right .banner-anim-cont {top: 0;}
  .sliderBox-startup .slide-item-body ul .slick-list li {width: 282px!important;}
  html[lang='ru'] #topSection .container, html[lang='uk'] #topSection .container  {
    padding-top: 60px !important;
  }
}
/*  小于等于 992 单独的设置+992的设置 */
@media screen and (max-width:992px){
  /* top */
  .home-top-container__right {min-width: 568px;min-height: 568px;}
  .home-top-container__right .banner-two {top: 112px;min-width: 456px;}
  .home-top-container__right .banner-hover{min-width: 406px;}
  /* price */
  .price-flot, .price-chart-container {display: none!important;}
  #mainListBox th:first-child, #mainListBox td:first-child {padding-left: 16px;width: 25.6%;border-radius: 8px 0 0 8px;}
  #mainListBox th:nth-child(2), #mainListBox td:nth-child(2) {width: 21.7%;}
  #mainListBox th:nth-child(3), #mainListBox td:nth-child(3) {width: 21.9%;}
  #mainListBox th:last-child, #mainListBox td:last-child {width: 14%;padding-right: 16px;}
  /* 随时交易 */
  /* .gateio-download-market-list {--layout-itemMargin: 24px;} */

  /* 产品生态 */
  .gateio-shengtai-content .gateio-ecological-items-container{background-color: var(--color-card-2);}
  .gateio-shengtai-content .gateio-ecological-item{padding: 0;min-height: auto;border-radius: 8px;padding: 24px 16px;}
  .gateio-shengtai-content .gateio-ecological-item:hover{cursor: pointer;background-color: var(--color-card-3);}
  .gateio-shengtai-content .gateio-ecological-items-container-wrapper {row-gap: 24px;}
  .gateio-shengtai-content .gateio-ecological-item-go {position: static;transform: none;}
  .gateio-shengtai-content .gateio-ecological-item-title {display: flex;align-items: center;justify-content: flex-start;}
  .gateio-ecological-short-introduction-img, .gateio-ecological-short-introduction-second-img{width: 250px;height: 250px;}
  .gateio-shengtai-content .gateio-shengtai-img-item {display: flex;justify-content: center;flex-direction: row;padding: 12px 0;}
  .choose-us-content-container, .gateio-shengtai-content .gateio-ecological-items-container {--layout-rowNumber: 2;}
  .choose-us-content-container {--layout-itemMargin: 24px 48px;}
  .gateio-help-wrapper .gateio-help-left, .gateio-help-right {width: 100%;}
  .gateio-help-wrapper {display: flex;flex-direction: column;}
  .gateio-help-right-container {margin-top: 24px;display: flex;flex-wrap: wrap;flex-direction: row;}
  .gateio-help-right .gateio-ecological-item {margin-right: 24px;margin-bottom: 24px; width: calc(50% - 24px);padding-right: 0;}
  .gateio-help-right .gateio-ecological-item:last-child {margin-bottom: 0;}
  .gateio-help-wrapper .gateio-ecological-icon {width: 100px;height: 100px;margin-right: 16px;}
}

@media screen and (max-width:768px){
  .home-top-container__right .banner-two {width: calc((100vw - 80px) / 2);top: 120px;height: auto;right: -10px;}
  .home-top-container__right .banner-hover {width: calc(((100vw - 80px) / 2) - 50px); top: 130px;height: auto;}
	#slogan .slogan_square {left: -6px;top: -10px;width: 26px;height: 26px;}
  #topSection .container {padding-top: 32px;}
  .home-top-container__left h4 {margin-top: 16px;width: 100%;}
  .login_btn_wrap .trade_bitcoin_link_container {gap: 4px;}
  .login_btn_wrap .register_btn {padding: 8px 24px;}
  .login_btn_wrap .divider {padding: 12px 0 8px 0;}
  .login_btn_wrap .divider .divider_text {font-size: 12px;line-height: 12px;}
  .home_main .data-wrap {margin-top: 48px !important;display: grid;}
  .slider-startup.home-slider {padding-top: 12px;}
  #marketTab li {margin-right: 16px;padding-bottom: 4px;}
  #footer-view #footerSignup {padding: 40px var(--layout-padding);margin-top: 48px;}
  #footer-view #footerSignup .footer_signup_text {margin-bottom: 40px;}
  .phone-footer-container .footer-signup-btn {padding: 15px 24px;min-width: 262px;width: fit-content;box-sizing: border-box;height: auto;}
  .phone-footer-container .footer-signup-title {margin-bottom: 12px;}
  .home_image_page_bg {top: 64px;height: 450px;}
  .login_btn_wrap {width: 100%;}
  .login_btn_wrap .divider .divider_text {padding: 0 16px;}
  .other_login_btn_container {width: 100%;}
  .other_login_btn_container .btn_item {width: calc(100% / 3);display: flex;justify-content: center;padding: 12px 0;height: fit-content;}
  .other_login_btn_container .btn_item svg{width: 16px;height: 16px;}
  .main-top-dashboard-item-hint {margin-top: 4px;}
  .sliderBox-startup-slide .slide-item-body-ul {min-height: 276px;}
  /* .sliderBox-startup .slide-item-body ul .slick-list li {width: calc((100vw - 72px) / 2)!important;max-width: initial !important;} */
  /* .sliderBox-startup .slide-item-body ul .slick-list li {width: 282px!important;} */
  .sliderBox-startup .slide-item-body ul .slick-list li {max-width: unset !important;}
  .main-page-title {margin-bottom: 24px;}
  #marketTab li.active::before {width: 4px;height: 4px;bottom: -4px;}
  #mainListBox thead {padding: 8px 0;}
  #mainListBox th b {font-size: 14px;}
  /* .bottom-notice > a {font-size: 14px;} */
  #mainListBox > table {margin-top: 12px;width: calc(100% + 16px);}
  #mainListBox thead, #mainListBox tr {height: 30px;}

  #mainListBox td {font-size: 14px!important;}
  .price-flot, .price-chart-container {display: none!important;}
  .go-trade-btn {padding: 6px 12px;}
  #mainListBox > table .name-con .cname {display: flex;margin-top: 2px;}
  #mainListBox tbody tr {height: fit-content;}
  #mainListBox .icon-box {width: 28px;}
  #mainListBox .icon-box img {width: 28px;height: 28px;}
  #mainListBox .icon-box {margin-right: 4px;}
  #marketTab li:last-child::after {width: 14px;height: 14px;}
  #mainListBox .coin-name {padding: 12px 0;}
  .container-active-title {margin-top: 48px!important;margin-bottom: 24px;}
  .gateio-chuxuezhe-container .gateio-ecological-title {margin-bottom: 24px;}
  .gateio-chuxuezhe-container .gateio-ecological-icon{width: 56px;height: 56px;margin-right: 12px;}
  .gateio-chuxuezhe-container .gateio-ecological-item-title {justify-content: flex-start;margin-bottom: 4px;}
  .gateio-chuxuezhe-container .gateio-guide-item-title {font-size: 16px;line-height: 150%;}
  .gateio-chuxuezhe-container .gateio-ecological-item-go svg path{stroke: var(--color-text-1)!important;}
  .gateio-chuxuezhe-container .gateio-ecological-item {margin-left: 0;padding: 0;margin-bottom: 16px;}
  .gateio-chuxuezhe-container .gateio-ecological-item:hover{cursor: pointer;background-color: transparent;}
  .gateio-ecological-item-text .gateio-ecological-item-go{opacity: 1;}
  .gateio-beginner-images {height: auto;max-width: 375px;}
  .gateio-chuxuezhe-container .gateio-ecological-items-container-wrapper {padding-bottom: 112px;}

  .gateio-shengtai-content {width: 100vw; background: var(--color-card-1); margin: 0 -16px;padding: 0 16px;}
  .gateio-shengtai-content .gateio-ecological-items-container-wrapper {row-gap: 24px;}
  .gateio-shengtai-content .gateio-ecological-icon {width: 72px;height: 72px;margin-bottom: 0;}
  .gateio-shengtai-content .gateio-ecological-item-go {position: static;transform: none;}
  .gateio-shengtai-content .gateio-ecological-item-title {display: flex;align-items: center;justify-content: flex-start;}
  .gateio-ecological-short-introduction-img{width: 156px;height: auto;}
  .gateio-shengtai-content .gateio-ecological-item:hover{background-color: transparent;}
  .gateio-shengtai-content .gateio-shengtai-img-item {display: flex;justify-content: center;flex-direction: row;}

  .home-top-container .home__top-bg{background: url(/images/home/banner/banner_gate.png) no-repeat;background-size: 100% 100%;position: absolute;top: 36px; right: 66px;width: 177px;height: 177px;z-index: -1;}
  .slider-startup .sliderBox-startup-slide-up .hd {display: none;}
  body.classic-dark #headLayout {background-color: transparent;}
  .gateio-ecological-short-introduction-second-img {width: 183px;}
  .gateio-shengtai-container {padding-bottom: 48px;}
  .gateio-trade-everywhere {margin-bottom: 48px;padding: 0 !important;}
  .home_main .home__card, .container-active-title, .gateio-shengtai-content .gateio-ecological-title, .gateio-trade-everywhere, .gateio-help-container, .gateio-choose-us{margin-top: 48px;}
  .gateio-shengtai-content .gateio-ecological-title, .choose-us-title {margin-bottom: 24px;}
  .gateio-trade-everywhere-content-container {margin-top: 24px;justify-content: space-between;}
  #globalSearchArea {display: none!important;}
  .gateio-help-container .gateio-ecological-title {margin-bottom: 24px;}
  .gateio-help-wrapper .gateio-help-left {padding: 24px 16px;margin-right: 0;}

  .gateio-help-wrapper .gateio-ecological-icon {width: 56px;height: 56px;margin-right: 12px;}
  .gateio-help-item-content {font-size: 16px;}
  .qrcode-container .QR-bottom-scan-box canvas {width: 96px; height: 96px;}
  .scan-download-text span {margin-top: 8px;}
  .scan-download-text {margin-left: 12px;}
  .download-market-name {font-size: 14px;}
  .gateio-ecological-items-beginner-container {margin-top: 48px;}
  /* Gate 社区 */
  .choose-us-content-container {--layout-itemMargin: 24px;}
  .choose-us-item-icon {width: 80px;height: 80px;margin: 20px 0  20px 44px;}
  .choose-us-item-title {margin-bottom: 8px;font-size: 14px;}
  .choose-us-item-content {font-size: 12px;}
  .limit_country_user_layer .limit_country_user_container {padding: 8px 12px 12px;}
  .limit_country_user_layer .limit_country_user_container .close {margin-left: 0;}
  .limit_country_user_layer .limit_country_user_container .close:after {color: #FFF;font-weight: 400;font-size: 20px;position: absolute; top: 2px;right: 13px;}
  .limit_country_user_layer .limit_country_user_box {
    flex-direction: column;
    align-items: flex-end;
    width: calc(100% - 18px);
  }
  .limit_country_user_layer .limit_country_user_text {
    font-size: 12px;
    line-height: 150%;
    padding: 0px 0 8px 20px;
  }
  .gateio-community-icon-container .community-icon-item:last-child {margin-right: 0;}
  .gateio-chuxuezhe-container .gateio-chuxuezhe-items-container .gateio-ecological-item:last-child{margin-bottom: 0;}
  .gateio-ecological-title.flex-column{position: relative;width: 100%;}
	.gateio-ecological-title.flex-column::before,.gateio-ecological-title.flex-column::after{content: '';width: 27px;height: 27px;background-color: #edf3fb;position: absolute;}
	body.classic-dark .gateio-ecological-title.flex-column::before, body.classic-dark .gateio-ecological-title.flex-column::after{background-color: #0d0d10;} 
	.gateio-ecological-title.flex-column::before {right: 0;top: -40px;}
	.gateio-ecological-title.flex-column::after{top: -14px; width: 33px;height: 33px;right: 26px;z-index: -1;}
  .sliderBox-startup .slide-item-body ul.slide-item-body-ul {margin: 0;}
  #sliderBox-news .slider-img img{min-width: 314px;}
  .gateio-shengtai-content .gateio-ecological-icon {width: 72px;height: 72px;margin-bottom: 0;}

  html[lang='ar'] #slogan .slogan_square {right: -12px !important;}
  html[lang='ar'] .gateio-ecological-title.flex-column::before {
    left: 0;
    right: unset;
  }
  html[lang='ar'] .gateio-ecological-title.flex-column::after {
    left: 26px;
    right: unset;
  }
}
@media screen and (max-width:768px){
  .home-top-container__left, .home-top-container__left .fast-wrap {width: 100%;}
  .home-top-container__right {display: none;}
  .home-top-container__left .fast-wrap .buy_crypto {margin-top: 24px;width: 100%;}
  .home-top-container__left .fast-wrap .buy_crypto a{width: 100%;padding: 12px 32px;line-height: 16px;}
  .home-top-container .home__top-bg{display: block; background: url(/images/home/banner/banner_gate.png) no-repeat;background-size: 100%;position: absolute;top: 36px; right: 66px;width: 160px;height: 160px;z-index: -1;}
  .gateio-beginner-start-btn {width: calc(100vw - 32px);}
  /* .sliderBox-startup .slide-item-body ul .slick-list li {width: calc((100vw - 56px)/2) !important;max-width: inherit!important;} */
  .gateio-chuxuezhe-container .gateio-ecological-item-title {font-size: 16px;}
  .dns-dlalog {display: none!important;}
  #footer-view #footerSignup{margin-top: 0;}
  .gateio-beginner-start-btn{width: calc(100vw - 48px);position: absolute;bottom: 48px;}
  .home-sliderToLeft, .home-sliderToRight {display: none!important;}
  #sliderBox-news .slide-item-body ul.home-slide__news .slick-list li{height: 188px;}
  #sliderBox-news .slide-item-body ul.home-slide__news {height: 208px;}
  .contractListTable_btn_wrapper {margin-top: 24px;}
  #mainListBox > table {width: 100%;}
  .gateio-community {display: block;}
  .community-icon-item svg path {fill: var(--color-text-1);}
  .gateio-help-right .gateio-ecological-item {margin-bottom: 8px;}
  .gateio-help-right .gateio-ecological-item:nth-of-type(2) {margin-right: 0;}
  .download-market-item {width: 107px;height: 94px;}
  .choose-us-content-container{--layout-itemMargin: 24px;}
  .choose-us-item-icon {width: 80px;height: 80px;margin: 16px auto 28px;}
  .home-startUp-sliderToLeft, .home-startUp-sliderToRight {display: none!important;}
  .gateio-download-market-list {--layout-itemMargin: 16px;}
  .gateio-download-qrcode-container{margin-bottom: 16px;}
  .home_image_page_bg{ left: 0;right: 0; }
  #sliderBox-news .slide-item-body ul.home-slide__news .slick-list li{max-width: 356px;}
  html[lang='ar'] .home-top-container .home__top-bg {right: unset; left: 16px; }
}
@media screen and (max-width:760px){
  .gateio-ecological-items-container-wrapper {flex-direction: column;justify-content: flex-start;row-gap: 0;}
  .gateio-chuxuezhe-container .gateio-chuxuezhe-items-container {margin-right: 0;}
  .sliderBox-startup .slide-item-body ul .slick-list li {margin-bottom: 16px;}
  /* width: calc(100vw - 24px) !important; */
  .gateio-help-right .gateio-ecological-item{margin-bottom: 20px;}
  #marketTab{display: flex !important;width: 100%;white-space: nowrap;  overflow-X:scroll;position: static;}
  #marketTab::-webkit-scrollbar{display: none;}
  #mainListBox{width:100%;padding: 0;}
  .gateio-shengtai-content .gateio-ecological-items-container {--layout-itemMargin: 16px;}
  .gateio-shengtai-content .gateio-ecological-items-container-wrapper {row-gap: 24px;}
  .gateio-ecological-items-beginner-container {margin-top: 8px;}
  #mainListBox th:nth-child(5), #mainListBox td:nth-child(5), #mainListBox th:nth-child(3), #mainListBox td:nth-child(3) {
    display: none;
  }
  .gateio-trade-everywhere-content-container {flex-direction: column;}
  .gateio-download-market-container {width: 100%; flex-direction: column;gap: 0;}
  .gateio-download-market-list{    
    max-width: 100%;
    width: 100%;
    justify-items: center;
  }
}
@media screen and (max-width: 559.9px) {
  .sliderBox-startup .slide-item-body ul .slick-list li {
    margin: 0 0 16px 0;
  }
  #mainListBox th:nth-child(4) b {
    white-space: break-spaces;
    max-width: 115px;
  }
}
@media screen and (max-width:414px){
  .home_main .marketlist .day-updn{display: none!important;}
  .choose-us-content-container {--layout-itemMargin: 16px;}
  .other_login_btn_container{gap: 16px;}
  #mainListBox {padding: 0;}
  #mainListBox tbody tr:hover {background-color: transparent!important;}
  .gateio-shengtai-content .gateio-ecological-items-container-wrapper {row-gap: 24px;}
  .gateio-shengtai-content .gateio-ecological-items-container {padding: 24px 12px;}
  .gateio-download-market-list {--layout-itemMargin: 16px;}
  .gateio-ecological-short-introduction-second-img {width: 100%;}
  .gateio-ecological-items-container-wrapper{position: relative;}
	.gateio-shengtai-container .gateio-ecological-items-container-wrapper::before{content:'';width: 33px;height: 33px;background-color:#EDF3FB; position: absolute; left: -8px;bottom: -43px;z-index: -1;}
	.gateio-shengtai-container .gateio-ecological-items-container-wrapper::after {content:'';width: 26px;height: 26px;background-color:#EDF3FB; position: absolute;left: -25px;bottom: -10px;z-index: -1;}
	body.classic-dark .gateio-shengtai-container .gateio-ecological-items-container-wrapper::before{background-color: #0d0d10;}
  .home_image_page_bg {background: linear-gradient(180deg, #E8F0FE 0%, rgba(247, 251, 255, 0) 474px);height: 474px;}
  .topSection-bg-right {display: block;width: 24px;height: 24px;top: 12px;right: 0;}
  #slogan .slogan_square {left: -1px;top: -10px;display: block;}
  .home-top-container .home__top-bg{display: block;width: 126px;height: 126px;right: 16px;top: 36px;}
  #sliderBox-news .slide-item-body ul.home-slide__news .slick-list li{margin: 0 4px;height: 158px;}
  #sliderBox-news .slide-item-body ul.home-slide__news {height: 178px;}
  .choose-us-content-container{--layout-itemMargin: 16px;}
  .choose-us-item-icon {width: 80px;height: 80px;margin: 20px auto 28px;}
  html[lang='ar'] #slogan .slogan_square { right: -1px !important; }
  html[lang='ar'] .gateio-shengtai-container .gateio-ecological-items-container-wrapper::after {left: 16px;}
}
@media screen and (max-width:375px){ 
	#slogan .slogan_square {left: -8px;top: -2px;display: block;}
  /* .sliderBox-startup .slide-item-body ul .slick-list li {width: calc(100vw - 24px) !important;margin: 0;margin-bottom: 16px;} */
  .gateio-shengtai-content {width: 100vw; background: var(--color-card-1); margin: 0 -12px;padding: 0 12px 48px 12px;}
  .gateio-beginner-start-btn {width: calc(100vw - 24px);}
  .gateio-help-right .gateio-ecological-item {margin-right: 0;width: 100%;}
  .gateio-download-market-list {display: grid;width: fit-content;}
  .gateio-community-icon-container .community-icon-item:nth-of-type(5) {margin-right: 7px;}
  .gateio-community-icon-container .community-icon-item:nth-of-type(6) {margin-right: 0;}
  html[lang='ar'] #slogan .slogan_square { right: -8px !important; }
}


@media screen and (min-width: 768.1px) and (max-width: 991.9px) {
  .home-top-container .flex-between {
    display: flex;
    flex-direction: column;
    /* height: 588px; */
    /* height: calc(100vw / 770 * 696); */
  }
  .home-top-container__left {
    width: 100%;
  }
  .home-top-container__right {
    --var-banner-top: 122px;
    --height-banner: 454px;
    --banner-top-img: 146px;
    width: 100%;
    height: calc(100vw / 770 * 408) !important;

    min-height: unset;
    position: relative;
    left: 0;
  }
  .home-top-container__right .banner-anim-cont {
    /* left: -50%;
    transform: translateX(41.5%); */
    top: unset;
  }
  .home-top-container__right .banner-two {
    width: calc(100% - 65px * 2);
    height: auto;
    top: var(--banner-top-img);
    right: 0;
  }
  .home-top-container__right .banner-hover {
    top: calc(var(--banner-top-img) + 32px);
    right: 32px;
    width: calc(100% - 104px * 2);
    height: auto;
  }
  .home-top-container__right .hd {
    right: 6px;
    top: 18px;
    padding-top: var(--banner-top-img);
  }
  .home-top-container__right .banner-content {
    /* bottom: -24%; */
  }
}
/* ----------- 响应式 end ----------- */