:root{
  --main-color: #545c64;/*#001529 vip#402a1d*/
  --header-selected-bg:#434a50;/*#1890ff*/

}
body{
	background-color: #f0f2f5;
}
.ant-layout-header {
    height: 61px;
    padding: 0 50px;
    line-height: 61px;
}
#components-layout-demo-top .logo {
  width: 120px;
  height: 31px;
  background: rgba(255, 255, 255, 0.2);
  margin: 14px 24px 14px 0;
  float: left;
}
.ant-input-affix-wrapper:before {
    content: unset;
}
.ant-input-affix-wrapper .ant-input:not(:last-child){
	padding-left: 10px;
}

#my-project .ant-card-grid{
	position: relative;
	overflow: hidden;
}
#my-project .ant-card-grid>.status{
	position: absolute;
    top: 17px;
    right: 24px;
}
#my-project .ant-card-grid>.status .ant-badge-status-text{
	font-size: 10px;
}
#my-project .ant-card-meta{
	position: relative;
	overflow: hidden;
}
#my-project .ant-card-meta>.ant-card-meta-detail{
	margin-top: -5px;
}
#my-project .ant-card-meta>.ant-card-meta-detail>.ant-card-meta-title{
	margin-bottom:0;
}
#my-project>.wrapper{
	padding: 10px 0px;
}
.ant-card-actions {
	margin:-24px;
	padding:0;
	list-style:none;
	background:unset;
	border:0;
	zoom:1;
	position: relative;
	overflow: hidden;
}
.ant-card-actions>li {
	float:left;
	margin:12px 0;
	color:rgba(0,0,0,.45);
	text-align:center;
	width: 25%;
}
.ant-card-actions>li>span {
	position:relative;
	display:block;
	min-width:32px;
	font-size:14px;
	line-height:22px;
	cursor:pointer;
	/*color: rgba(0,0,0,.45);*/
}

.menu-button-warp button{
  color: #fff;
  border-bottom: 3px solid transparent;
}

.menu-button-warp button:hover{
  color: #fff;
  border-bottom: 3px solid #fff;
}

.menu-button-warp-b button{
  color: #557b9e;
  border-bottom: 3px solid transparent;
}

.menu-button-warp-b button:hover{
  color: #557b9e;
  border-bottom: 3px solid #557b9e;
}

#my-api .ant-btn {
    margin-right: 8px;
    margin-bottom: 12px;
}

.ant-slider{
	margin: 10px 6px 10px;
}

label.tips{
    color: #999;
}
.tag{
	position: absolute;
    top: 41px;
    right: 5px;
    font-size: 10px;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
}
.text-danger{
	border: 1px solid #F56C6C;
}
#drew-warp{
	text-align: center;
}
.orgchart{
	background: transparent!important;
}
.orgchart .node{
	width: unset!important;
}
.orgchart .node .content{
	padding: 0 5px!important;
}
.orgchart .node.chart-buy .title {
  background-color: #02c076;
}
.orgchart .node.chart-buy .content {
  border-color: #02c076;
}
.orgchart .node.chart-sell .title {
  background-color: #f84960;
}
.orgchart .node.chart-sell .content {
  border-color: #f84960;
}
.orgchart .node.chart-wait .title {
  background-color: #bec8c8;
}
.orgchart .node.chart-wait .content {
  border-color: #bec8c8;
}
.orgchart .node.chart-fail .title {
  background-color: #909399;
}
.orgchart .node.chart-fail .content {
  border-color: #909399;
}
.orgchart .node.chart-risk .title {
  background-color: #ff0000;
}
.orgchart .node.chart-risk .content {
  border-color: #ff0000;
}
.orgchart .node.chart-done .title {
  background-color: #67C23A;
}
.orgchart .node.chart-done .content {
  border-color: #67C23A;
}
.orgchart .node.chart-waring .title {
  background-color: #E6A23C;
}
.orgchart .node.chart-waring .content {
  border-color: #E6A23C;
}
#wait{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    text-align: center;
    background-color: #fff;
    display: block;
    padding-top: 25%;
    font-size: 40px;
}
#wait span{
    font-size: 14px;
}
.ant-collapse-header{
	background-color: #fff;;
}
.ant-collapse-item-disabled .ant-collapse-header{
	cursor: unset!important;
}
.card-grid-50{
	width: 50%;
}
.layout-content{
	padding: 0 50px
}
@media (max-width:768px){
	.card-grid-50{
		width: 100%;
	}
	.layout-content{
		padding: 0 15px
	}
}
.steps-content {
  margin-top: 16px;
  border: 1px dashed #e9e9e9;
  border-radius: 6px;
  background-color: #fafafa;
  min-height: 200px;
  text-align: center;
  padding-top: 40px;
}
.steps-action {
  margin-top: 24px;
  text-align: right;
}

.step-form-style-desc {
    padding: 0 56px;
    color: rgba(0, 0, 0, .45)
}
.step-form-style-desc h3 {
    margin: 0 0 12px;
    color: rgba(0, 0, 0, .45);
    font-size: 16px;
    line-height: 32px
}
.step-form-style-desc h4 {
    margin: 0 0 4px;
    color: rgba(0, 0, 0, .45);
    font-size: 14px;
    line-height: 22px
}
.step-form-style-desc p {
    margin-top: 0;
    margin-bottom: 12px;
    line-height: 22px
}
.stepFormText {
    margin-bottom: 24px
}
.information,
.stepFormText.ant-form-item-control,
.stepFormText.ant-form-item-label {
    line-height: 32px
}
.information.ant-row : not(: last-child) {
    margin-bottom: 24px
}
.money{
    font-family: Helvetica Neue,
    sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 14px
}
.steps {
    max-width: 750px;
    margin: 16px auto
}
.ant-result-content {
    margin-top: 24px;
    padding: 24px 40px;
    background-color: #f3f3f3;
}
.fastActive{
	margin-top: -20px;
    font-size: 10px;
    text-align: right;
}
.fastActive button{
	-webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
    padding: 0;
    margin: 0;
}
#applyList{
	position: relative;
	width: 100%;
	height: 0;
	overflow: hidden;
}
#applyList .ant-list{
	overflow-y: auto;
	max-height: 340px;
}
#applyList .ant-list::-webkit-scrollbar {
    width: 5px;
    height: 1px;
}
#applyList .ant-list::-webkit-scrollbar-thumb {
    background: #aaaaaa38;
}
#applyList .ant-list::-webkit-scrollbar-track {
	background: transparent;
}
.nickname{
	color: #1890ff;
    border-bottom: 1px dashed rgb(24, 144, 255);
}
.nickname button{
	display: none;
	padding: 0 5px;
	font-size: 14px;
	height: 20px;
	margin-right: 5px;
}
.nickname:hover{
	border-bottom: 1px transparent;
}
.nickname:hover button{
	display:inherit;
}
.welcome-text{
	margin-left: 10px; 
}
.input32{
	height: 32px;
}
.input32 input{
	height: 30px;
	line-height: 30px;
}
.pb0{
	padding-bottom: 0!important;
}
.mb0{
	margin-bottom: 0!important;
}
#explain{
	margin-top: 10px;
    padding: 20px;
    background: #f9f9f9;
}
#explain p{
	margin-bottom: 5px; 
}
#explain p strong{
	color: #F56C6C;
}
.sms-notice{width: 105%;overflow: hidden;}
.sms-notice a{color: rgba(0,0,0,.65);}
.sms-notice .scroll-box{margin: 0;position:relative;top:0;overflow:hidden;padding:0 10px;display:inline-block;height:29px;line-height:29px}
.sms-notice .scroll-box.on{background:#fff;z-index:2;overflow:auto;height:auto !important;box-shadow:1px 1px 10px #888}
.sms-notice .scroll-box.on li{top:0 !important;border-bottom:1px dotted #ccc}
.sms-notice .scroll-box li{position:relative;}
.sms-notice .scroll-box a{display:inline-block;white-space:nowrap;padding-top:0 !important;padding-bottom:0 !important;margin-top:0 !important;margin-bottom:0 !important;}
.sms-notice .scroll-mask{z-index:1;display:none;position:fixed;top:0;right:0;bottom:0;left:0;display:none;background-color:rgba(0,0,0,0.5);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000)}
.sms-notice .scroll-mask.on{/*display:block;*/}
.sideActive{
	color: #737373;
	padding: 3px 10px;
	background-color: #dcdcdc;
	font-size: 12px;
}
.sideActive1{
	color: #67c23a;
	padding: 3px 10px;
	background-color: #e8ffdd;
	font-size: 12px;
	font-weight: bold;
}
.sideActive2{
	color: #f56c6c;
	padding: 3px 10px;
	background-color: #ffe4e4;
	font-size: 12px;
	font-weight: bold;
}
.sideActive3{
  color: #E6A23C;
  padding: 3px 10px;
  background-color: #fff4e5;
  font-size: 12px;
}
.sideActive4{
  color: #3bc23a;
  padding: 3px 10px;
  background-color: #edfff7;
  font-size: 12px;
}
address{
  color: #ff0000;
  font-weight: bold;
}
.ant-list-item .txhash{
  border-top: 1px solid #dcdcdc;
  background-color: #dcdcdc4f;
  font-size: 10px;
  text-indent: 4px;
}
#MasterSection{
  height: 400px;
  background-color: #e6ecf0;
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  overflow: hidden;
}
#MasterSection .bg{
  height: 400px;
  position: absolute;
  right: 0;
  bottom: -100px;
}
#MasterSection h1{
  font-weight: 700;
  font-size: 1.8rem;
  font-family: "Montserrat", "Open Sans", "Helvetica Neue", Helvetica, sans-serif;
  padding-top: 4.5rem;
  color: #1F3349;
  text-align: left;
}
#MasterSection .trader-scrollable-text{
  font-size: 1.2rem;
  padding:1rem;
  font-weight: normal;
}
.trader-title{
  font-weight: 700;
  font-size: 1.6rem;
  font-family: "Montserrat", "Open Sans", "Helvetica Neue", Helvetica, sans-serif;
  padding-top: 2.5rem;
  margin-bottom: 1.4rem;
  color: #1F3349;
  text-align: left;
}
.trader-title .trader-title-scrollable-text{
  font-size: 1rem;
  font-weight: normal;
}
.filter-warp{
  position: relative;;
  width: 100%;
  margin: 20px 0;
}
.filter-warp button{
  margin-right: 10px;
}
.card-trader-title{
  overflow: hidden;
  color: rgba(0,0,0,.85);
  font-weight: 500;
  font-size: 16px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.card-trader-title span{
  font-size: 12px;
  color: #848484;
}
.card-trader-title a.extra{
  font-size: 14px;
  float: right;
  font-weight: normal;
}
.card-trader-title-scrollable{
  font-size: 14px;
}
.card-trader-right-warp{
  position: relative;
  height: 100%;
  overflow: hidden;
}
.card-trader-right-warp .ant-statistic-title{
  text-align: right;
}
.card-trader-right-warp .ant-statistic-content{
  text-align: right;
}
.traderinfo{
  overflow: hidden;
  color: rgba(0,0,0,.85);
  font-weight: 500;
  font-size: 16px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.traderinfo-info{
  margin-top: 20px;
}
.traderinfo-info .warp{
  float: left;
  width:100%;
  vertical-align: middle;
  position: relative;
}
.traderinfo-info .title{
    height: 20px;
    font-weight: 700;
    font-size: 16px;
    color: #676a6d;
    cursor: pointer;
    vertical-align: middle;
}
.traderinfo-info .title span{
  font-size: 12px;
    font-weight: normal;
    padding-left: 10px;
}
.traderinfo-info .title span b{
  position: relative;
  padding-left: 15px;
  margin-left: 10px;
}
.traderinfo-info .title span b:before{
  content: " ";
    position: absolute;
    background-color: #4090f7;
    width: 10px;
    height: 10px;
    bottom: 3px;
    left: 0;
}
.traderinfo-info .title span b.emp:before{
  background-color: #e23c39;
}
.traderinfo-list-info{

}
.traderinfo-list-info .warp{
  float: left;
  width:100%;
  vertical-align: middle;
}
.traderinfo-list-info .traderinfo{
    height: 20px;
    font-weight: 700;
    font-size: 20px;
    color: #000;
    cursor: pointer;
    vertical-align: middle;
}
.traderinfo-list-info .date{
  padding-left: 16px;
    font-size: 12px;
    color: #000;
    vertical-align: middle;
}
.traderinfo-list-info .author{
  float: right;
  font-size: 10px;
  text-decoration: underline;
  color: #108ee9;
  font-weight: bold;
}
.traderinfo-list-info .ltime{
  font-size: 10px;
  color: #E6A23C;
  font-weight: bold;
}
.traderinfo-list-info .scrollable{
  font-size: 10px;
  color: #ababab;
}
.traderinfo-list-info .rate{
  color: #4eaf0a;
    font-weight: bold;
    float: left;
}
.traderinfo-list-info .rate i{
  padding-right: 10px;
  color: #696868;
}
.traderinfo-ul{
  padding: 0;
  list-style-type: none;
  margin: 0;
  line-height: 25px;
}
.traderinfo-list-logic-title{
  font-weight: 700;
    margin-top: 10px;
}
.traderinfo-list-logic-desc{
  text-indent: 30px;
}
.total-traderinfo{
  overflow: hidden;
  margin-top: 15px;
}
.total-traderinfo .info-left{
  font-size: 30px;
  font-weight: bold;
  color: #545c64;
  padding-right: 10px;
  font-family: core,"Avenir Next","Helvetica Neue",Helvetica,Arial,"Source Han Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei","WenQuanYi MicroHei",sans-serif;
  float: left;
}
.total-traderinfo .info-left span{
  font-size: 12px;
  font-weight: bold;
  color: #888;
}
.total-traderinfo .info-right{
  float: left;
  margin-left:10px;
}
.total-traderinfo .info-right a{
  color:#2db7f5;
  font-size: 10px;
}
.total-earn-tips{
  padding-left: 10px;
    font-size: 12px;
}
.total-earn-tips i{
  position: relative;
    padding-left: 15px;
    margin-right: 20px;
}
.total-earn-tips i:before{
  content: " ";
    position: absolute;
    background-color: #2fc25b;
    width: 10px;
    height: 4px;
    bottom: 6px;
    left: 0;
}
.total-earn-tips i.emp:before{
  background-color: #f5222d;
}
.filter-blur-warp{
  position: absolute;
  width: 100%;
  margin: 0;
  text-align: center;
  z-index: 999;
  top: 50%;
}
.filter-blur{
  -webkit-filter: blur(5px);
  filter: blur(5px);
  -ms-opacity:0.1;
  cursor: no-drop;
}

.index-banner-warp{
  position: relative;
  width: 100%;
  height: 600px;
  background-color: #f5f7fc;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.index-banner-warp .logo-index{
  height: 80px;
  line-height: 80px;
}

.index-banner-warp .bg{
  position: absolute;
  right:80px;
  bottom: 80px;
  margin: 0;
  padding: 0;
}

.index-banner-warp h1{
  font-weight: 700;
  font-size: 1.8rem;
  font-family: "Montserrat", "Open Sans", "Helvetica Neue", Helvetica, sans-serif;
  padding-top: 4.5rem;
  color: #fff;
  text-align: left;
}

.index-banner-warp p{
  font-size: 1rem;
  padding:1rem 0;
  font-weight: normal;
  color: #aaa;
}

.footer {
    position: relative;
    z-index: 100;
    padding-top: 50px;
    width: 100%;
    min-height: 300px;
    background-color: #101c3d;
    color: #8290b9;
}
.footer .title {
    margin-bottom: 30px;
    line-height: 32px;
    font-size: 14px;
    color: #fff;
}
.footer .title span {
    padding: 5.5px 0;
    line-height: 32px;
    border-bottom: 2px solid #5e6471;
}
.footer ul{
  list-style: none;
  padding: 0;
}
.footer li{
  margin-bottom:10px;
  height:14px;
  line-height:14px;
}
.footer li a {
    color: inherit;
    text-decoration: none!important;
}
.footer li a{
  font-size:12px;
}
.footer li a:hover{
  color:#fff;
  transition:all .3s;
}
.footer .infoBox {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    min-height: 45px;
    background-color: #0c152e;
    border-top: 1px solid #494f5a;
    color: #c2d2ff;
    padding: 0 50px;
}
.footer .infoBox .leftBox {
    font-size: 12px;
    line-height: 45px;
    color: #c2d2ff;
}

.grayscale{
  position: relative;
  text-align: center;
  font-size: 25px;
  line-height: 80px;
  color: #adadad2e;
  margin:80px 0;
  overflow: hidden;
}
.grayscale .hot{
  position: absolute;
  top: 117px;
  width: 100%;
  opacity: 1;
  z-index: 9999999;
  font-size: 28px;
}
.grayscale .ant-row{
  user-select: none;
  filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
  -webkit-filter:grayscale(100%);
  -moz-filter:grayscale(100%);
  -ms-filter:grayscale(100%);
  -o-filter:grayscale(100%);
  filter:grayscale(100%);
  filter:gray;
}
.grayscale img{
  filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
  -webkit-filter:grayscale(100%);
  -moz-filter:grayscale(100%);
  -ms-filter:grayscale(100%);
  -o-filter:grayscale(100%);
  filter:grayscale(100%);
  filter:gray;
  opacity: .1;
  margin-right: 10px;
}