/* header */
#mainHeader #opPanel #topLoginBar #topUicon {color: #fff;margin:0px 8px;}
#mainHeader #opPanel #topLoginBar #topUicon .icon {width:18px;height:18px;}
.nft-header-nav{width:100%;height: 72px;box-sizing: border-box;z-index: 10;}
.nft-header-nav #headLayout{width: 100%;display: flex;justify-content: space-between;padding: 0 24px;height: 48px;}
.nft-header-left{display: flex;justify-content: flex-start;align-items: center;position: relative}
.nft-nav-logo{width: 140px;height: 24px;position: relative;margin-right: 16px}
.nft-nav-logo a{width: 100%;height: 100%;display: inline-block}
.nft-menu{margin-right: 16px;position: relative;padding: 0;white-space: nowrap;}
.nft-menu svg.icon {width: 20px;height: 20px;}
.nft-header-left ul li{display: flex;align-items: center;height: 72px}
.nft-header-box1{position: absolute;width: 264px;border-radius: 8px;display: none;background:#1A1C23;top: 60px;left: -124px;padding: 16px 0;box-shadow: 0 4px 24px rgb(70 88 140 / 8%);}
.nft-header-box1 > a{display: inline-block;height: 72px;display: flex;align-items: center;color: #fff;font-size: 14px;font-weight: 600;padding: 0 32px;}
.nft-header-box1 > a i{display: inline-block;width: 32px;height: 32px;background-size: 100%;background-repeat: no-repeat;margin-right: 14px}
.nft-header-box1 > a i.exchange{background-image: url(/images/nft/icon-exchange.png);}
.nft-header-box1 > a i.spot-trading{background-image: url(/images/nft/icon-spot.png);}
.nft-header-box1 > a i.c2c{background-image: url(/images/nft/icon-c2c.png);}
.nft-menu:hover > span > svg{-webkit-transition:all .5s;transition:all .5s;color: var(--brandColor);-webkit-transform:rotate(180deg);transform:rotate(180deg);}
.nft-menu:hover .nft-header-box1{display: block;}
#mainHeader .nft-menu .nft-header-box1 a:hover {background: #080C1A;color:var(--brandColor);}
.nft-header-icon{display: inline-block;width: 32px;height: 32px;background-repeat: no-repeat;background-size: 100%;margin-right: 8px;}
.nft-header-icon.art-cf{background-image: url(/images/nft/art-cf.png)}
.nft-header-icon.pro-cf{background-image: url(/images/nft/por-cf.png)}
.nft-header-nav #mainNav{margin: 0;}
.nft-header-nav #mainNav a{padding: 0}
.nft-header-nav #mainNav>ul>li{padding: 0;position: relative!important;overflow: visible;}
.nft-header-nav .coinCircle a span{white-space: pre-wrap;}
.nft-header-nav #mainNav .second-nav {left: 0;top:60px!important;}
.nft-header-nav #mainNav .nft-menu svg.icon {width: 16px;height: 16px;}
.nft-header-nav #mainNav .nft-menu svg.icon.top-menu-arrow{width: 8px;height: 8px;}
#opPanel li.opr-icon.header-right-icon-border::after{border-color: #EEF1FA;}
#opPanel li.opr-icon.header-right-icon-border:last-child:after{display: none;}
#opPanel #signLink a{background: var(--brandColor)!important;color: #fff!important}
#topLoginBar:hover>#topUicon{color: var(--brandColor)!important}
#opPanel li.account-to-setting a{box-sizing: border-box;}
#opPanel li{margin:0}
#opPanel #loginLink a, #opPanel #signLink a{margin-right: 10px;}
#mainHeader .nft-header-search{
  width: 280rem;
  height: 32px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  background-color: #1f2433;
  position: relative;
  font-size: 14px;
  transition: width 0.5s;
}
#mainHeader .nft-header-search .normal-menu-icon{
  width: 14px;
  height: 14px;
  position: absolute;
  left: 8px;
  top: 9px;
  color: #70798C;
}
#mainHeader .nft-header-search:hover .normal-menu-icon {
  color: var(--color-brand-1) !important;
}
#mainHeader .nft-header-search input{
  padding-left: 30px;
  height: 100%;
  width: 100%;
  background-color: #292F40;
  border: 1px solid transparent;
  outline: none;
  padding-right: 38px;
  border-radius: 4px;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #fff;
  line-height: 30px;
}
#mainHeader .nft-header-search input:hover{
  border-color: var(--color-brand-1);
}

#mainHeader .nft-header-right .nft-header-search .input-focus {border: 1px solid var(--brandColor)!important;background: #292F40!important;}
#mainHeader .nft-header-right #topUicon img {width: 24px;height: 24px;}
#mainHeader .nft-header-search > input::placeholder,
#mainHeader .nft-header-search > input::-webkit-input-placeholder {
  color: #70798C !important;
  font-weight: 500;
}
.nft-header-search > .close-icon {
  position: absolute;
  right: 8px;
  top: 9px;
  color: #474F66;
  cursor: pointer;
}
.nft-header-search.old-page {
  width: 34rem;
}
@media screen and (max-width: 1600px) {
	.nft-header-search {width: 180rem;}
  .nft-header-search.old-page {width: 14rem;}
}
.top-create-btn {flex-shrink: 0;padding: 0 8px 0 16px;}
.top-create-btn a {padding: 8px 12px;height: 28px;background: var(--color-brand-1);font-size: 14px;line-height: 1;color: #fff;border-radius: 20px;font-weight: 500;}
.top-create-btn a:hover {background: var(--color-brand-2);color: #fff !important;}
#opPanel li.opr-icon.header-right-icon-border:last-of-type {
  padding-right: 0;
}
#mainHeader #mainNav .nav-box {
  background: transparent;
}
#mainHeader #mainNav .second-ul {
  background: #1A1C23;
  padding-left: 0;
  padding-right: 0;
}
#mainHeader #mainNav .second-ul li{
  border-radius: 0;
  padding: 0 16px;
}
#mainHeader #mainNav .second-ul li:hover{ 
  background-color: #080C1A;
}
#mainHeader #mainNav .second-ul a{ 
  color: #fff;
}
#mainHeader #mainNav .second-ul a:hover{ 
  color: var(--color-brand-1);
}
/* end */

/* footer */
.nft-footer{background: var(--nftBgMask);}
.nft-footer-mask{
  background: linear-gradient(275.59deg, rgba(0, 255, 240, 0.3) 0%, rgba(0, 178, 255, 0.3) 17.56%, rgba(0, 41, 255, 0.3) 67.19%, rgba(228, 94, 255, 0.3) 100%);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -2;
  overflow: hidden;
  opacity: .6;
}
.classic-dark .nft-footer-mask{
  background: linear-gradient(275.59deg, rgba(0, 255, 240, 0.3) 0%, rgba(0, 178, 255, 0.3) 17.56%, rgba(0, 41, 255, 0.3) 67.19%, rgba(228, 94, 255, 0.3) 100%);
}
.nft-footer-mask .mask-radial-child-1 {width: 588rem;position: absolute;top: 0;left: -10.1%;height: 1000rem;background: radial-gradient(50% 50% at 50% 50%, #6040FF 0%, rgba(96, 64, 255, 0) 100%);opacity: 0.3;
  animation: 
    animLeftX 2s cubic-bezier(0.36, 0, 0.64, 1) -1s infinite alternate, 
    animLeftY 2s cubic-bezier(0.36, 0, 0.64, 1) 0s infinite alternate;
}
.nft-footer-mask .mask-radial-child-2 {width: 864rem;position: absolute;top: 0;left: 21.7%;height: 1040rem;background: radial-gradient(50% 50% at 50% 50%, #0057FF 0%, rgba(0, 87, 255, 0) 100%);opacity: 0.3;z-index: -1;
  animation: 
    animCenterX 2.5s cubic-bezier(0.36, 0, 0.64, 1) -1s infinite alternate, 
    animCenterY 2.5s cubic-bezier(0.36, 0, 0.64, 1) 0s infinite alternate;
}
.nft-footer-mask .mask-radial-child-3 {
  width: 687rem;position: absolute;top: -105rem;right: -2.5%;height: 597rem;background: radial-gradient(50% 50% at 50% 50%, #00E0FF 0%, rgba(0, 224, 255, 0) 100%);opacity: 0.3;
  animation: 
    animRightX 2s cubic-bezier(0.36, 0, 0.64, 1) -1s infinite alternate, 
    animRightY 2s cubic-bezier(0.36, 0, 0.64, 1) 0s infinite alternate;
}
@keyframes animLeftX {
  0% {left: -20.1%;}
  100% {left: 10%;}
}
@keyframes animLeftY {
  0% {top: 0px;}
  100% {top: -500rem;}
}
@keyframes animCenterX {
  0% {left: 11.7%;}
  100% {left: 40%;}
}
@keyframes animCenterY {
  0% {top: 0px;}
  100% {top: -500rem;}
}
@keyframes animRightX {
  0% {right: -22.5%;}
  100% {right: 10%;}
}
@keyframes animRightY {
  0% {top: -300rem;}
  100% {top: 0px;}
}
.nft-footer dl>dd li a{color: var(--nftColorGray2);}
.nft-footer .fz16-rem{line-height: 1.2rem;}
.nft-footer h3{color: #989FB3;font-size: 0.8rem;}
.nft-footer h4{color: var(--color-text-1);font-size: 0.8rem;}
.nft-footer .nft-footer-left{width: 20rem;line-height: 1.2rem;}
.nft-footer .nft-footer-right{max-width: calc(100% - 21.2rem);}
.nft-footer-right dl{width: 7.95rem;}
.nft-footer-right dl:not(:first-child){margin-left: 32px;}
.nft-footer dl>dd.nft-social li a{width: 2.8rem;height: 2.8rem;border-radius: 50%;line-height: 2.8rem;display: inline-block;background: var(--nftWhiteOPacity);color: var(--nftColorBlack);font-size: 1.4rem;margin-top: 24px;}
.nft-footer dl>dd.nft-social li a > span{font-size: 1.4rem;}
.nft-footer dl>dd li a{margin-top: 12px;display: inline-block;}
.nft-footer-right dl>dd ul li:first-child a{margin-top: 32px;}
.nft-footer-right dl> dt{color: var(--colorFont1);}
.nft-footer dl>dd li a:hover{color: var(--brandColor);}
.nft-footer .footer-date{position: absolute;left: 0;bottom: 0;padding: 23px 0 24px;width: 100%;border-top: 1px solid var(--color-divider-1);line-height: 1.2rem;}
.nft-footer-wrapper .nft-footer-left > ul > li > a{color: var(--color-text-1);}

/* new footer rm方案 ↓ */
.nft-footer-wrapper{padding: 160rem 0 144rem;}
.nft-footer-wrapper .nft-footer-left{width: 400rem;line-height: 24rem;}
.nft-footer-left ul li {width: 48rem;height: 48rem;background: rgba(255, 255, 255, 0.6);border-radius: 50%;margin-right: 24rem;flex-shrink: 0;display: flex;justify-content: center;align-items: center;}
.classic-dark .nft-footer-left ul li {background: rgba(255, 255, 255, 0.1);}
.nft-footer-wrapper h3, .nft-footer-wrapper h4{font-size: 16rem;}
.nft-footer h4 div{line-height: 150%;}
.nft-footer-wrapper .nft-footer-right{max-width: calc(100% - 424rem);}
.nft-footer-wrapper .footer-date{line-height: 24rem;}
.nft-footer-wrapper .nft-footer-right dl{width: 100%;}
.nft-footer-wrapper dl>dd.nft-social li a{width: 56rem;height: 56rem;line-height: 56rem;}
.nft-footer-wrapper dl>dd.nft-social li a > span{font-size: 28rem;}
.nft-footer-wrapper .fz16-rem{line-height: 150%;}
/* new footer rm方案 ↑ */

/* end */

.inmail-menu{padding: 0 8px;}
.nft-menu svg.icon.top-menu-arrow, .nft-header-nav #mainNav .nft-menu svg.icon.icon.top-menu-arrow {
  width: 8px;
  height: 8px;
}
#iconMenu {margin-left: 24px;}
html[lang='ar'] #iconMenu{margin-left: 0;margin-right: 24px;}
#iconMenu>svg.top-menu-arrow{color: #fff;}
#iconMenu>svg{width: 20px;height:20px;min-width: 20px;} 
#iconMenu>svg.top-menu-arrow{width: 8px;height:16px;min-width: 8px;max-width: 8px;margin-left: 4px;}