*,:after,:before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin:0;
  padding:0;
}
body,html {
  width: 100%;
  height: 100%
}

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


html {
  font-family: sans-serif;
  line-height: 1.15;
  -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
}

::-webkit-scrollbar {
  width: 5px
}

::-webkit-scrollbar-track {
  -webkit-border-radius: 0;
  border-radius: 0;
  background: #e6e6e6
}

::-webkit-scrollbar-thumb {
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: #c2c2c2
}

::-webkit-scrollbar-thumb:window-inactive {
  background: #ddd
}

::-webkit-scrollbar-thumb:hover {
  background: #999
}
#topSection{
  position: relative;
  z-index: 2;
}
#mainNav .second-nav,#sitesMenu{
  padding-top:20px
}
#homeBg{
  height: 56px;
  width: 100%;
  background: #fafbfc;
  position: absolute;
  left: 0;
  bottom: 0;
  border-radius: 20px;
  align-items: flex-start;
  z-index: 4;
}
#homeBg > i{
  content:'';
  height: 80px;
  width: 80px;
  background: #26999e;
  border-radius:50%;
  margin: -40px auto 0;
  box-shadow: 0 5px 10px rgba(0,0,0,0.1);
  transition:all .5s;
  background-image: linear-gradient(45deg,#ff6db6, #ff8100);
}
#homeBg > i .icon{
  color:#fff;
  font-size: 56px;
}
#headLayout{
  height: 92px;
  padding: 30px;
  background: #000;
}
.tier-info{top: 56px;}
#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: #E64E62;
}
#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: #fff;
  z-index: 4;
  position: relative;
  height: 350px;
  padding-top: 60px;
  width: 1180px !important;
}
#topMarkets{
  background: #fff;
  padding-bottom: 53px;
  position: relative;
  z-index: 3;
  padding-top:30px;
}
#topMarkets h1{position: absolute;top: 70px;width: 100%;color: rgba(0, 0, 0, 0);font-size: 2em;}
.bottom-notice > a{color:#16171A}
.bottom-notice > a:hover{color:#E64E62}
main h1{
  color: #fff;
}
#Features{
  min-height: 500px;
}
#Features h1,#clientSection h1{
  text-align:center;
  margin-top: 100px;
  font-size: 2em;
  /* text-transform: uppercase; */
  letter-spacing: 2px;
  color: #ddd;
}
main h2{
  text-align:center;
  margin-bottom: 50px;
  font-size: 2.5em;
  font-weight: 300;
  margin-top: 25px;
  justify-content: space-between;
  font-family: -apple-system,BlinkMacSystemFont;
}
main h2 span{
  padding: 0 20px;
  font-family: 'din';
}

/*flash buy start*/
#flashBuyCon{
  color: #28134c;
  display:flex;
  align-items:center;
  justify-content:center;
  position: relative;
  line-height: 1;
  margin-top: 10px;
}
#flashBuyCon:before{
  display:inline-block;
  content:'';
  width:100%;
  height:100%;
  position:absolute;
  z-index: -1;
}
#flashBuyCon.buy-err{
  /* color:#E64E62 */
}
.buy-err #coinOption,.buy-err #flashAmount,.buy-err #flashAmountBox,.buy-err #flashAmount:focus{
  background-color: rgb(255, 228, 228);
}
.buy-err #coinOption{
  box-shadow: 0 0 8px red;
}
.buy-err #flashAmountBox{
  box-shadow: 4px 0 8px red;
}
#flashAmount{
  line-height: 1;
  border: none !important;
  border-radius: 0;
  font-family: 'din_medium';
  font-size: 14px;
  color: #16171A;
  padding: 7px 0 0;
}
#flashAmount:focus{
  background-color:#fff;
}
#subFlash{
  width: 120px;
  height: 55px;
  line-height: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #E64E62;
  margin-left: 6px;
  border-radius: 4px;
  font-size: 18px;
  color:#fff;
  font-weight: bold;
}
#subFlash:hover{
  background-color: rgba(207,70,88) !important;
}
#coinOption{
  height: 55px;
  background-color: #fff;
  margin-right: 0;
  padding: 8px 12px 10px 13px;
  width: 260px;
  position: relative;
  border-radius: 4px;
}
#currCoinBox{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#coinOption:hover #fListBox{
  display:block
}
#flashAmountBox{
  display: flex;
  font-size: 15px;
  line-height: 44px;
  width: 260px;
  background: #fff;
  justify-content: space-between;
  padding:8px 18px 10px 13px;
  align-items: center;
  height: 55px;
  border-radius: 4px;
  margin-right: 6px;
}
#flashAmountBox .flashAmount-container{display: flex;flex-direction: column}
#flashAmountBox label{
  line-height: initial;
  font-size: 12px;
  color:#9EA4AA;
}
#flashAmountBox abbr{
  font-size: 14px;
  color: #16171A;
}
#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:20px;
  height:20px;
  vertical-align: -5px;
}
#currCoinBox > span::after {
  content: '';
  display: block;
  position: absolute;
  height: 18px;
  width: 1px;
  background: #888;
  right: 112px;
  top: 10px;
  opacity: .6;
}
#currCoinBox i{
  margin-right:3px;
}
#currCoinBox b{
  font-size: 14px;
  color: #291945;
  font-family: 'din_medium';
  font-weight: normal;
}
#currCoinBox em{
  margin: 0;
  color: #bbb6c1;
  position: absolute;
  right: 0;
  top: 17px;
}
#currCoinBox em:before{display: none;}
.currCoinBox-bid{line-height: initial;color:#9EA4AA;font-size:12px;padding-bottom: 7px;}
#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;
  padding: 15px 0;
  border-radius: 5px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  z-index: 1;
}
#flashSupList li{
  display:flex;
  align-items:center;
  padding: 10px;
  cursor:pointer;
}
#flashSupList li.disabled,#flashSupList li.disabled:hover{
  cursor:default;
  background-color:rgba(0,0,0,0.05);
  border-left: 1px solid #E64E62;
  user-select: none;
}
#flashSupList li:hover{
  background-color:rgba(0,0,0,0.1);
}

#flashSupList li span{
  color:#888;
  margin-left:5px;
}
#flashSupList li strong{
  display:inline-block;
  min-width:36px;
  margin-left: 16px;
  font-family:'din_bold';
}
#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: bold;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);
}
#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: bold;
  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:bold;
}
.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:bold}
#flashConfirm.rimless.checked-od #button-0:hover{opacity:1}
.flash-tip{
  position:absolute;
  top: -80px;
  background: rgba(255,255,255,0.95);
  padding: 12px;
  border-radius: 3px;
  display: flex;
  justify-content: center;
  opacity:0;
  white-space:nowrap;
}
.flash-tip .caret{
  position:absolute;
  bottom: -5px;
  color: rgba(255,255,255,0.85);
}
.flash-tip .caret:before{
  display:none;
}
#fvEmpty{
  left: -3%;
}
#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;}
/*flash buy end*/

.home-slider{
  margin-top: 20px;
}
.home-sliderBox{
  height:100%;
  width: 1200px;
  position: relative;
  z-index: 2;
}
.home-sliderBox:hover .home-sliderToLeft,
.home-sliderBox:hover .home-sliderToRight{
  display: flex;
}
.home-sliderToLeft,.home-sliderToRight{
  width: 32px;
  height: 32px;
  position: absolute;
  z-index: 1;
  border-radius: 50%;
  line-height: 32px;
  text-align: center;
  font-size: 20px;
  top: 70px;
  cursor: pointer;
  background-color: rgba(0,0,0,0.6);
  color:#999;
  display: none;
  z-index: 1003;
}
.home-sliderToLeft{
  left: 20px;
  transform: rotate(180deg);
}
.home-sliderToRight{
  right: 20px;
}
.home-sliderToLeft:hover,.home-sliderToRight:hover{
  background-color: #fff;
}
.home-slider ul li{
  opacity: 1;
  cursor: pointer;
}
.slide-item-body {
  overflow: hidden;
}
.slide-item-body ul li {
  width: 270px;
  float: left;
  display: block;
  height: 140px;
  padding-top: 42px;
  margin-bottom: 10px;
  border: none;
  border-radius: 8px;
  transition: all 0.3s ease;
  color: #000;
  z-index: 10002;
}
.slide-item-body ul li a {
  display: block;
  width: 100%;
  height: 100%;
}
.slider-img{
  width: 270px;
  height: 140px;
  overflow: hidden;
  border-radius: 10px;
}
.slider-img img {
  width: 270px;
  height: 140px;
  border: none;
  display: block;
  transition: all 0.3s;
  object-fit: cover;
}
.slider-img img:hover {
  transform: scale(1.05);
}
.slide-item {
  position: relative;
  margin: 0 auto;
}
.slide-item-box {
  padding: 0;
  position: relative;
}
.slide-item-body ul li {
  margin-left: 10px;
  margin-right: 10px;
  padding-top: 10px;
}
.slide-item-body ul {
  overflow: hidden;
  height: 160px;
}
#gateApps .icon{
  font-size: 30px;
}
#marketTab{
  font-size: 18px;
  margin-top: 26px;
}
.en-body #marketTab{padding-right: 100px}
.en-body.ar-body #marketTab{padding-left: 100px;padding-right: unset}
#marketTab li{
  padding: 12px;
  padding-bottom: 10px;
  border-bottom: 2px solid transparent;
  cursor: pointer;
  font-weight: 400;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #9EA4AA;
}
#marketTab li.active{
  border-color: #E64E62;
  color: #E64E62;
  position: relative;
}
#marketTab li.active .load8{
  position:absolute;
  top: -25px;
  right: auto;
}
#marketTab li:hover{
  color: #E64E62;
}
#mainListBox{
  flex-direction: column;
}
#mainListBox > table{
  display: none;
  width:100%;
  font-size:1.2em;
  font-family: din_medium;
  /* border-bottom: 1px solid #dadfe3; */
  margin-top: 20px;
}
#mainListBox > table.active{
  display: table;
}
#mainListBox .rate_down > span,#mainListBox .rate_up >span, #mainListBox > table .cname{
  font-family: din;
  color: #9EA4AA;
}
#mainListBox th:last-child,#mainListBox td:last-child{
  text-align:center;
  width: 100px;
}
#mainListBox th:nth-child(3),
#mainListBox td:nth-child(3),
#mainListBox th:nth-child(2),
#mainListBox td:nth-child(2){
  width: 230px;
}
#mainListBox th:first-child,
#mainListBox td:first-child{
  width: 280px;
}
#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;
}
#mainListBox #loanListTable th:last-child,
#mainListBox #loanListTable td:last-child{
  width: 100px;
}
#mainListBox th:nth-child(5),
#mainListBox td:nth-child(5){
  width: 200px;
}
#mainListBox th b{
  font-weight: normal;
  color: rgba(0, 0, 0, 0.5);
}
#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: 5px;
  margin-top: 2px;
}
#mainListBox .icon-box img{
  width:32px;
  height:32px;
  border-radius: 50%;
}
#mainListBox tbody tr{
  cursor:pointer;
  height: 80px;
}
#mainListBox tbody tr:hover{
  background:rgba(0,0,0,.05)
}
#mainListBox .rate_down > span,#mainListBox .rate_up > span{
  color:#999
}
.go-trade-btn{
  border:1px solid #F6F4F4;
  padding: 8px 13px;
  border-radius: 4px;
  color: #16171A;
  background: #fff;
  height:34px;
  line-height: initial;
  font-size: 14px;
}
.go-trade-btn:hover{color:#FFFFFF !important;background: #E64E62 !important;border: none}
.price-chart {
  width: 180px;
  height: 38px;
  margin-top: 6px;
  position: relative;
}
.price-chart .chart-err{text-align: center;}

#siteNotice{
  color: #333;
  z-index: 3;
  padding-top: 50px;
}
#siteNotice .icon{
  margin-right:5px
}
.scroll-txt-box{overflow:hidden;width: 476px;height: 22px;}
.scroll-txt-box .scroll-txt {width:8000%;}
.scroll-txt-box .scroll-txt div{ float:left;}
.scroll-txt-box .scroll-txt ul{overflow:unset;zoom:1;float: left;}
.scroll-txt-box .scroll-txt ul li{text-align: left;float: left;list-style:none;padding:0;height: 24px;line-height: 22px;border-right: 1px solid rgba(255,255,255,0.2);}
.scroll-txt-box .scroll-txt ul li img {width: 160px;height: 130px;}
.scroll-txt-box li a{color: #333;}
.scroll-txt-box li a:hover{color: #E64E62;}
#marketMore{
  font-size: 1.3em;
  margin: 0 auto;
  display: flex;
  max-width: 300px;
  align-items: center;
  justify-content: center;
}
#marketMore svg{
  font-size:1.5em;
}
.mk-more{
  width:100%;
  text-align: center;
  padding-top: 25px;
}
.mk-more a{
  color: #16171A;
}
.mk-more a:hover{
  color: #E64E62 !important;
}
.mk-more a:hover svg{
  color: #E64E62 !important;
}
.gateio-trade-everywhere-more a:hover{
  color: #E64E62 !important;
}
.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;
}

#clientSection{/* background: #fafbfc; */padding: 0 0 100px;}
#clientSection h1{margin-top:0;padding-top: 100px;color: #ddd;}
#clientSection h2{margin: 25px 0;font-family: 'din';}
#footList{padding:0}
footer.my-footer{border:none}
#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;font-family:din_bold}
#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;
}
#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;
  font-family: 'din';
}
.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;
}

.coin-name b span {min-width: 50px;}

.marketlist th:nth-child(2) b,.marketlist th:nth-child(3) b,.marketlist th:nth-child(4) b{
  float: left;
}

/*** 7周年 ***/
#anniversary img{
  display: block;
  border: none;
  min-width: 1280px;
  width: 100%;
  height: auto;
  cursor: pointer;
}
#anniversary{
  position: relative;
  min-width: 1280px;
  max-height: 0;
  /*overflow: hidden;*/
  -webkit-transition: all ease 1s;
  -moz-transition: all ease 1s;
  -ms-transition: all ease 1s;
  -o-transition: all ease 1s;
  transition: all ease 1s;
}
#anniversary.active{
  max-height: 900px;
}
#anniversary #ann_btn:after,
#anniversary #ann_btn{
  display: inline-block;
  position: absolute;
  bottom: -20px;
  left: 50%;
  width: 40px;
  height: 40px;
  margin-left: -20px;
  z-index: 3;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  cursor: pointer;
}
#anniversary #ann_btn:after{
  content: '';
  background: #01434f;
  bottom: 0;
  z-index: -1;
}
body.dark-body #anniversary #ann_btn:after{
  background: #1a1a1a;
}
#anniversary #ann_btn .icon{
  display: block;
  margin: 7px auto;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  color: #fff;
  width: 24px;
  height: 24px;
  margin-top: 15px;
  -webkit-transition: all ease-in-out 0.5s;
  -moz-transition: all ease-in-out 0.5s;
  -ms-transition: all ease-in-out 0.5s;
  -o-transition: all ease-in-out 0.5s;
  transition: all ease-in-out 0.5s;
}
body.dark-body #anniversary #ann_btn .icon{
  color: #a5a5a5
}
#anniversary #ann_btn.active .icon{
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
  margin-top: 7px;
}

#anniversaryLogo{
  flex: 1;
  justify-content: flex-start;
  text-align: center;
}
#anniversaryLogo img{
  align-self: center;
  max-width: 70%;
  margin: 0 auto;
  max-height: 72px;
  cursor: pointer;
}
#logoSection{z-index: 4}
/* #headLayout{border-bottom: solid 1px rgba(255,255,255,0.1);}
body.dark-body #headLayout{border-bottom: solid 1px rgba(255,255,255,0.1);} */
.home-top{display: flex;justify-content: center;}
.home-top>div{width: 100%;}
.home-top-btn{font-size: 16px;position:relative;border:none;outline: none; color:#fff;height: 46px;line-height: 46px;min-width:180px;border-radius:4px;background: #2362e5;cursor: pointer;letter-spacing: 10px;}
.home-top-btn .button-text{color:#fff;position: relative;top:1px;margin-left: 2px;}
.home-top-btn a{color:#fff !important;position: relative;top:1px;}
.en-body .home-top-btn{font-size: 18px;}
.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%;position: absolute;bottom:0px;height: 100%;}
.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: bold;}
.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);}
/* 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: 500;
    color: #fff;
    line-height: 16px;
    border: none;
    padding: 8px 16px 6px 16px;
    background: #26999e linear-gradient(90deg,#018794, #008888,#009673);;
    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: #008792;
    border: 1px solid #008792;
    background: #fff;
  }
  .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: #d45858;
  }
  .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-dlalog .dns-input input{
    background: transparent;
    color: #aaa;
  }
  body.dark-body .dns-dlalog .dns-btn.dns-btn-bor{
    background: #333;
  }

.home-search {
  left:593px;
  top:-12px;
}

#leadSign{padding-bottom: 30px;background: #e6e6e6}
#leadSign h1{padding-top: 30px;color: #000}
body.classic-dark #leadSign{background: #2b2d31}
body.classic-dark #leadSign h1{color: #818a8c}
body.dark-body #leadSign{background: #252525}
body.dark-body #leadSign h1{color: #a5a5a5}
.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(https://www.okxouyigo.com/static/default/fonts/cb771ffecf174ec19951a5ffd8615969.woff) center center no-repeat;}
.face_verify_dialog_content .face_verify_dialog-icon-close{display: block;position: absolute;top: 15px;background-image: url(../image/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}
.home-top-container{display: flex;flex-direction: column;align-items: center}
#register-info-input{
  border: 1px solid transparent;
  background: #fff;height: 46px;width: 340px;color:#0a0a0a;border-radius: 4px;margin-right: 10px;padding:0 13px}
.main-top-dashboard-item-number{font-size: 24px;font-family:'din_medium' ;color: #fff;}
.main-top-dashboard-item-unit{font-size: 14px;}
.main-top-dashboard-item-title{font-size: 14px;margin-top: 21px}
.main-top-dashboard-item-hint{font-size: 14px;margin-top: 3px;color:rgba(255,255,255,0.6)}
.register-info-input-msg{padding-top: 5px;color: #E64E62;}
.new-user-welfare-text{padding-top: 5px;opacity: 0.5}
.new-user-welfare-text span{color: #01DCBE;opacity:1}
.main-page-title{color:#16171A;font-size:40px;font-weight: bold;letter-spacing: 0px;margin-top: 44px}
.gateio-ecological-container{width:100%;background: #000;height: 932px;color:#fff}
.gateio-ecological-content-container{display:flex;align-items:flex-start;flex-direction: column}
.gateiio-ecological-title{font-weight: bold;font-size: 40px;margin-top: 111px;margin-bottom: 10px;line-height: 56px;}
.gateio-ecological-short-introduction{font-size: 16px;opacity: 0.65;}
.gateio-ecological-items-container{margin-top: 83px;display: flex;flex-wrap: wrap}
.gateio-ecological-item{width:30.8%;background: rgb(20,85,98);border-radius: 8px;margin:15px 30px 15px 0;padding:32px;cursor: pointer}
.gateio-ecological-item:hover{background: linear-gradient(153deg, #27869B 0%, #196C7E 100%);box-shadow: 0px 0px 6px rgba(0, 47, 57, 0.08);opacity: 1}
.gateio-ecological-item-title{font-size: 18px;line-height:25px;font-weight: bold;margin: 10px 0 15px}
.gateio-ecological-item-content{font-size: 14px;opacity: 0.65}
.gateio-ecological-icon{width:53px;height: 53px}
.gateio-choose-us{width:100%;padding: 111px 0;background: #fff}
.gateio-choose-us-container{display: flex;flex-direction: column}
.choose-us-title{font-size: 40px;color:#1A1616;font-weight: bold;line-height: 56px;margin-bottom: 10px}
.choose-us-second-title{color:#9EA4AA;font-size: 16px}
.choose-us-content-container{display: flex;margin-top: 60px;}
.choose-us-item{width:24%;margin-right: 44px;}
.choose-us-item-icon{height: 60px;width: 60px;background:center center no-repeat}
.homeicon-safeguard{background-image: url("../image/safeguard.png") }
.homeicon-fast{background-image: url("../image/fast.png") }
.homeicon-stabilization{background-image: url("../image/stabilization.png") }
.homeicon-trust{background-image: url("../image/trust.png") }
.dark-body .homeicon-safeguard,.classic-dark .homeicon-safeguard{background-image: url("../image/safeguard_dark.png") }
.dark-body .homeicon-fast,.classic-dark .homeicon-fast{background-image: url("../image/fast_dark.png") }
.dark-body .homeicon-stabilization,.classic-dark .homeicon-stabilization{background-image: url("../image/stabilization_dark.png") }
.dark-body .homeicon-trust,.classic-dark .homeicon-trust{background-image: url("../image/trust_dark.png") }
.choose-us-item-title{color:#1A1616;font-size: 20px;margin: 44px 0 20px;line-height: 1.4;}
.choose-us-item-content{color: #1A1616;font-size: 14px;line-height: 23px}
.gateio-trade-everywhere{width:100%;padding: 50px 0 100px;margin-top:50px;}
.gateio-trade-everywhere-container{display: flex;flex-direction: column}
.gateio-trade-everywhere-title{font-size: 40px;color:#1A1616;font-weight: bold;line-height: 56px;margin-bottom: 10px;}
.gateio-trade-everywhere-second-title{color:#000000;font-size: 16px}
.gateio-trade-everywhere-content-container{display: flex;align-items: center;margin-top: 60px;}
.gateio-download-market-container{width:40%}
.gateio-download-qrcode-container{display: flex}
.scan-download-text{color:#16171A;font-size: 14px;margin-left: 27px;line-height: 28px;}
.gateio-download-market-list{display: flex;flex-wrap: wrap;justify-content: space-between;width:75%;margin: 10px 0}
.download-market-item{width:90px;height:90px;display: flex;flex-direction: column;align-items: center;justify-content: center;cursor: pointer}
.download-market-item:hover{background: #E8ECF1}
.download-market-icon{width:32px;height:32px}
.download-market-name{color:#16171A;margin: 13px 0 0}
.gateio-app-image{width:730px}
.qrcode-container{width:138px;height:138px;display: flex;align-items: center;justify-content: center;background: #E8ECF1;border-radius: 9px;}
.gateio-trade-everywhere-more{display: flex;justify-content: center;margin-top: 64px}
.gateio-community{width:100%;padding: 111px 0 77px;background: #fff}
.gateio-community-container{display: flex;flex-direction: column}
.gateio-community-title{font-size: 40px;color:#1A1616;font-weight: bold;line-height: 56px;margin-bottom: 10px;}
.gateio-community-second-title{color:#9EA4AA;font-size: 16px}
.gateio-community-icon-container{width:100%;display: flex;margin-top: 83px;justify-content: space-between}
.gateio-community-icon{width: 36px}
.community-icon-item{cursor: pointer;width: 70px;height: 70px;background: #F7F9FC;border-radius: 50%; display: flex;justify-content: center;align-items: center}
.community-icon-item:hover{box-shadow: 0px 2px 4px rgba(185, 192, 200, 0.41);}
.main-top-spot-modal{display:none;padding:12px 20px 12px 14px;background: rgb(0,60,72);border-radius: 4px;min-width:180px;position: absolute;top: -75px;left: 73px;}
.spot-market-number{color:rgba(255,255,255,0.7);line-height: 26px;font-size: 14px;white-space:nowrap}
#spot-container:hover .main-top-spot-modal{display: block}
#spot-container{position:relative;cursor: pointer}
#marketMore:hover{color:#E64E62}
/* home page */
.community-icon-item {
  position: relative;
}
.community-icon-item:hover svg path{fill: #000;}
.community-icon-item svg {
  width: 36px;
  height: 36px;
}
.community-icon-item ul{
  position: absolute;
  background: #F7F9FC;
  box-shadow: 0px 2px 4px rgb(185 192 200 / 41%);
  bottom: 67px;
  left: -5px;
  padding: 10px;
  border-radius: 3px;
  width: 260px;
  z-index: 3;
  display: none;
}
.community-icon-item ul i {
  width: 10px;
  height: 10px;
  position: absolute;
  left: 34px;
  background: #fff;
  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: 3px 5px;
  width: 33.3%;
}
.main-top-dashboard-item-title a {
  color: #fff;
}
#mainListBox td:nth-child(2) span {
  font-size: 14px;
}
#mainListBox td:nth-child(3) {
  color: #1A1616;
  font-weight: 400;
}
.download-market-item svg {
  width: 32px;
  height: 32px;
}
.buy_crypto a {
  background: #26999e linear-gradient( 90deg ,#009cab, #00b389);
  font-size: 24px;
  padding: 15px 30px;
  border-radius: 3px;
  color: #eee;
  display: block;
  margin-top: 15px;
}
#siteNotice>svg {
  width: 21px;
  height: 21px;
  margin-bottom: 0;
  margin-right: 5px;
}
body.classic-dark .gateio-ecological-container,body.dark-body .gateio-ecological-container
{
  background-color: #16181B;
}
body.classic-dark .gateio-ecological-item,body.dark-body .gateio-ecological-item {
  background-color: #1D2226;
}
body.classic-dark .gateio-choose-us,body.dark-body .gateio-choose-us,
body.classic-dark .gateio-choose-us *,body.dark-body .gateio-choose-us *

{
  background-color: #0C0D0E;
  color: #BCBCBC;
}
body.classic-dark .gateio-trade-everywhere,body.dark-body .gateio-trade-everywhere,
body.classic-dark .gateio-community,body.dark-body .gateio-community
{
  background-color: #0C0D0E;
}
body.classic-dark #marketMore,body.dark-body #marketMore,
body.classic-dark #marketMore .icon,body.dark-body #marketMore .icon,
body.classic-dark #mainListBox td:nth-child(3),body.dark-body #mainListBox td:nth-child(3),
body.classic-dark .main-page-title,body.dark-body .main-page-title,
body.classic-dark .gateio-community *,body.dark-body .gateio-community *,
body.classic-dark .gateio-trade-everywhere *,body.dark-body .gateio-trade-everywhere * {
  color: #BCBCBC;
}
body.classic-dark .community-icon-item ul,body.dark-body .community-icon-item ul,
body.classic-dark .community-icon-item ul i,body.dark-body .community-icon-item ul i
{
  background-color: #333;
}
body.classic-dark .community-icon-item ul a:hover,body.dark-body .community-icon-item ul a:hover {
  color: #E64E62;
}
body.classic-dark .go-trade-btn,body.dark-body .go-trade-btn{color: #BCBCBC;}

body.classic-dark #siteNotice svg path,body.dark-body #siteNotice svg path,
body.classic-dark .download-market-item svg path,body.dark-body .download-market-item svg path{
  fill: #BCBCBC;
}
body.classic-dark #path_36,body.dark-body #path_36 {
  fill: none;
}
.remain-date-container{display: flex;flex-direction: column;line-height: 24px;padding-top:10px}
.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 li{padding-top: 0;margin-top: 10px;}
.sliderBox-startup .slide-item-body ul li a{box-shadow: 0 0 4px rgb(216 216 216 / 70%);border-radius: 10px;position: relative;}
.startup-item-info{position: absolute;bottom: 0;width: 100%;padding-left: 14px;display: flex;align-items: center;background: rgba(0,0,0,0.5);border-radius: 0px 0px 10px 10px;height: 34px;font-size: 14px;color: #ffffff;}
.slider-startup.home-slider{margin-top: 0;}
.startup-slider-title{font-size: 30px;font-weight: bold;line-height: 60px;margin: 0 auto;width: 1200px;}
.startup-slider-title a{color: unset !important;}
.sliderBox-startup .slider-img img,.sliderBox-startup .slider-img,.sliderBox-startup .slide-item-body ul li{height: 175px !important;}
.startup-item-name{display: inline-block;margin-right: 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:255px;font-weight: bold;}
.startup-item-tag{height: 18px;line-height: 18px;border-radius: 2px;font-size: 12px;color: #FFFFFF;margin-left: 5px;padding: 0 4px;}
.startup-item-is-free{background: #E6A800;}
.startup-item-token-sale{background: #f96332;}
.startup-item-tag.title-tip-INITIAL{background: #F44336;}
.startup-item-tag.title-tip-NONINITIAL{background: #4e60a5}
.startup-item-tag.title-tip-DISCOUNT{background: #f38100}
.startup-status{position: absolute;top: 0;left: 0;height: 20px;font-size: 12px;color: #fff;box-sizing: border-box;line-height: 20px;border-radius: 10px 0 10px 0;min-width: 144px;padding-left: 14px;padding-right: 5px;z-index: 2;}
.status-UNDERWAY{background: #0BBA80;}
.status-PREHEAT{background: #ff9500;}
.dark-body #mainHeader #headLayout,.classic-dark #mainHeader #headLayout{background-color: #00232a !important;}



.dede_pages{clear:both;padding:20px 0;font-size:14px;text-align:center; overflow:hidden}

.dede_pages ul{display:inline-block;margin:0 auto;padding:0}


.dede_pages ul  a{color:#555;display:block;padding: 5px 10px;  border: 1px solid #ddd;float: left;margin: 0 5px;}
.dede_pages ul  a.page-num-current{ background:#ddd;}

@media screen and (max-width: 1200px){
.layout header{min-width:unset;}
#topSection .container{max-width:100%;}
.layout>main{min-width:unset;}
.container{width:auto;max-width: 100%}
#footer-view{min-width:unset}
.gateio-trade-everywhere-content-container{flex-wrap: wrap}
.gateio-app-image{width: 100%}

#forbesDoor{display: none}
.gateio-download-market-container{display: none}
.gateio-ecological-container{height:auto;}
.slide-item-body ul{height:auto;}
.gateio-trade-everywhere-container{width: 96%;margin:0 2%;}
}



@media screen and (max-width: 680px){
.gateio-ecological-item{width: 48%;margin:1%;}

.choose-us-content-container{flex-wrap: wrap;text-align: center}
.choose-us-item-icon{margin:0 auto;}
.gateio-trade-everywhere-title{text-align: center;font-size: 24px;width: 100%}
.gateio-trade-everywhere-content-container{margin-top: 10px;}
.gateiio-ecological-title{text-align: center;font-size: 24px;width: 100%;margin:30px auto 0px auto;}
.gateio-ecological-items-container{margin-top: 20px;}
.choose-us-title{text-align: center;font-size: 24px;width: 100%}
.choose-us-content-container{margin-top: 20px;}
.startup-slider-title{width: 100%;text-align: center;font-size: 24px;width: 100%}
.slide-item-body ul li{width: 46%;margin:1% 2%;}
.choose-us-item{width: 46%;margin:1% 2%;}
.slider-img{width: 100%}
.slider-img img{width: 100%}
.sliderBox-startup .slider-img img, .sliderBox-startup .slider-img, .sliderBox-startup .slide-item-body ul li{height:auto!important;}
#marketMore{font-size: 14px;}
#footerSignup .footer_signup_title{font-size: 28px;}
}