/* web3style */
/*--------------------------------------------------
header
-------------------------------------------------- */
.navbar-collapse {
    display: flex!important;
	justify-content: flex-end;}
.tool-head{height: 5rem;justify-content: flex-end;z-index: 9;}
.tool-head.tool-head-fixed{position: fixed;padding: 0 1.3rem;height: 4.5rem;width: 100%;
top: 0;z-index: 99; background: rgb(255 255 255 / 100%)!important;transition: background-color .3s ease;box-shadow: 0 .3rem .8rem rgba(0,0,0,.1)!important;}
/*.navbar-toggler-icon{background-image: none!important;color: #7b8097;font-size:1.77rem}*/
/*导航*/
.tool-head .navbar-brand img{height:2rem;}
.tool-head .nav-item .nav-link {padding: 0.3rem;color: #fff;font-size: 1.125rem;}
.tool-head .nav-item .nav-link:hover{color: #fff;}
.tool-head .navbar-nav-left .nav-item .nav-link {padding: 0.3rem 1rem;}
.tool-head .navbar-nav .iconfont{font-size: 1.125rem;}
.tool-head .ai-icon{width:50px;text-align: center;padding-top: 15px;}
.tool-head .dropdown-menu{right: 0!important;left: auto!important;}
.tool-head .dropdown-item:focus{background-color: #1fe3e7;}
.tool-head.nav-item {height: 100%;display: flex;align-items: center;}
.tool-head .nav-link img {height: 1.5rem;width:1.5rem;}
.tool-head .nav-user{
  min-width: 5rem;
  box-shadow: 0 .3rem .8rem rgba(0,0,0,.1)!important;
  margin-left: 1rem;
  color: #fff;
  padding: 0 0.6rem;
  background: #69bcff;
  background:linear-gradient(to bottom, #2388f0, #69bcff);
  border-radius: 100px
}
.tool-head .nav-user:hover{background:#2388f0;border-color:#2388f0}
.tool-head .nav-user .nav-profile-name{font-size: 0.875rem;}
.tool-head .nav-link.active{font-weight: bold;color:#296cc2}
.tool-head-fixed.tool-head .nav-user{box-shadow:none!important;background: none;}
.tool-head .navbar-nav .active>.nav-link,
.tool-head .navbar-nav .nav-link.active,
.tool-head .navbar-nav .nav-link.show,
.tool-head .navbar-nav .show>.nav-link,
.tool-head .navbar-nav .show>.nav-link,
.tool-head .navbar-nav-left .nav-item .nav-link{color:#3e5675!important;}
.tool-head  .dropdown-item{padding: 0.5rem 1rem;}
.tool-head  .web3-head-btn{
  color: #fff;
  border-radius: 5rem;
  padding: 0 2rem;
  font-size: 1rem;
  background:var(--subject-gradual-color);
  line-height: 2.33rem;border: solid 1px rgb(255 255 255/22%);
  transition: all .15s;
  font-weight: 400;
  margin-top: 0.2rem;}
@media (max-width:992px){
  .tool-head{padding: 0 1.3rem;}
  .tool-head .navbar-nav-left .nav-item .nav-link{padding: 10px;font-size: 1.125rem;}
}
.dropdown-menu a:focus{background:#4150e3!important;}
.navbar .dropdown-menu{border: none;box-shadow: 0 .3rem .8rem rgba(0,0,0,.1)!important;border-radius:0.625rem;padding:.6rem }
.ind-wallet{}
.ind-wallet-text{padding: 0 10px;}
.tool-head .navbar-nav-left .nav-link{font-weight: bold;font-size: 1rem;}
.tool-head-btn{border-radius: 2rem;font-size: 1.187rem;padding:0 3rem;line-height: 3rem; box-shadow: 0 .3rem .8rem rgba(0,0,0,.1)!important;}
.tool-head-btn:hover{}
.tool-head .navbar-brand{overflow: hidden;line-height: 2.66rem;}
.tool-head .navbar-brand img{color: #fff;}
.tool-head .navbar-brand::after {color: #fff;}
/*盒子背景*/
.white-box{
	border-radius: 1rem;
	background-color: #fff!important;
    transition: background-color .3s ease;
    box-shadow: 0 .3rem 1.8rem rgba(51,51,51,.1)!important;
}
.white-box .no_data{
  margin: 0 auto;
  text-align: center;
}
.white-box .no_data img{
  display: block;
  width: 30%;
  margin: 0 auto;
}
/*消息提示小气泡*/
.pulse-css {
  width: 1rem;
  height: 1rem;
  border-radius: 3.5rem;
  position: absolute;
  background: #ff9a00;
    background: -webkit-linear-gradient(0deg,#ff9a00, #ffc910);
    background: -o-linear-gradient(0deg,#ff9a00, #ffc910);
    background: -moz-linear-gradient(0deg,#ff9a00, #ffc910);
    background: linear-gradient(0deg,#ff9a00, #ffc910);
  left: 2.01rem;
    top: 0.125rem;
}
.pulse-css:after, .pulse-css:before {
  content: '';
  width: 1rem;
  height: 1rem;
  border-radius: .5rem;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: -.2rem;
  background-color: #D8B9C3;
  margin: auto;
  -webkit-transform: scale(0.3);
  transform: scale(0.3);
  -webkit-transform-origin: center center;
  transform-origin: center center;
  -webkit-animation: pulse-me 3s linear infinite;
  animation: pulse-me 3s linear infinite
}
.media-bx {
  display: flex;
  align-items: center
}
.media-bx img {
	margin-right: 0.4rem;
  height: 3rem;
  width: 3rem;
border-radius: 10rem!important;
  object-fit: cover
}

[direction="rtl"] .pulse-css:after, [direction="rtl"] .pulse-css:before {
  left: auto;
  right: -.2rem
}
@media only screen and (max-width: 87.5rem) {
  .pulse-css {
    height: 1rem;
    width: 1rem
  }
}
@-webkit-keyframes pulse-me {
  0% {
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
    opacity: 0
  }
  50% {
    opacity: 0.1
  }
  70% {
    opacity: 0.09
  }
  100% {
    -webkit-transform: scale(3);
    transform: scale(3);
    opacity: 0
  }
}
@keyframes pulse-me {
  0% {
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
    opacity: 0
  }
  50% {
    opacity: 0.1
  }
  70% {
    opacity: 0.09
  }
  100% {
    -webkit-transform: scale(3);
    transform: scale(3);
    opacity: 0
  }
}
/*--------------------------------------------------
footer
-------------------------------------------------- */
.footer{padding: 2.5rem 0;color: #a6a6a7;}
.footer .social-links{margin-bottom: 0}
.footer-text{vertical-align: middle;padding-top: 1.1rem;}
.social-links li {display: inline-block}
.social-links li a {display: inline-block;height: 50px;width: 50px;line-height: 52px;text-align: center;background-color:transparent; color: #62626a;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;margin-right: 10px;border: solid 1px #e2e2e2;}
.social-links li a:hover {color: #fff;
    box-shadow: inset 0 0 0 0.1rem rgb(108 255 255 / 28%);
    background: #02d2f1;
    background: -webkit-linear-gradient(90deg,#02d2f1, #00ec9b);
    background: -o-linear-gradient(90deg,#02d2f1, #00ec9b);
    background: -moz-linear-gradient(90deg,#02d2f1, #00ec9b);
    background: linear-gradient(90deg,#02d2f1, #00ec9b);}
@media (max-width:767px) {
  .social-links li a {height: 42px;width: 42px;line-height: 44px}
}

@media (max-width:576px){

}
@media (max-width: 768px) {
  .tool-head .navbar-brand img{height:1.35rem;}
	.navbar-collapse:not(.show) { display: none!important;}


}
@media (max-width:992px){
  .tool-head .navbar-brand img{height:2rem;}
	.tool-head .navbar-nav{width: 100%}
	.tool-head .tool-head-nav.show{background-color:#fff;box-shadow: 0 .3rem .8rem rgba(0,0,0,.1)!important;padding: 1rem;border-radius:0 0 5px 5px;justify-content: flex-start;flex-direction: column;}
	.tool-head .nav-link.active{border-top: none;}
	.tool-head .nav-user {box-shadow: none!important;margin-left: 0}
	.navbar-collapse:not(.show) { display: none!important;}
}

@media (max-width:1600px) {

}
/*链接钱包弹窗*/
.wallet-btn-box{}
.wallet-btn-box .wallet-btn{display: block;padding: 1rem;border-radius:var(--icon-radius);font-weight: bold;font-size: 1rem;}
.wallet-btn-box .wallet-btn:hover{background:var(--subject-color-bg);text-decoration: none;}
.wallet-btn-box .wallet-btn img{border: solid 1px #ddd;border-radius: 0.5rem;width: 2.5rem;height: 2.5rem;margin-right: 0.5rem;}

/*彩色文字*/
.text-muted{
	background: linear-gradient(to right, #02d2f1, #00ec9d);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;}