.follow-container {
  max-width: 1200px;
  border-radius: 4px;
  margin: 50px auto 50px;
}
.menu {
  justify-content: flex-end;
  display: flex;
  padding-right: 30px;
}
.menu div {
  margin-left: 30px;
  font-size: 12px;
  height: 20px;
  cursor: pointer;
  vertical-align: middle;
}
.menu img {
  height: 14px;
  vertical-align: middle;
}
.menu span {
  height: 14px;
  vertical-align: middle;
  color: #70849D;
}

.myInfo {
  display: flex;
  margin-top: 30px;
  justify-content: space-between; /* 左右两边固定，中间自适应 */
}
.center {
  text-align: center;
  flex: 1; /* 占据剩余空间 */
}
.toTrader {

}
.toTraderButton {
  display: inline-block;
  background: yellowgreen;
  padding:5px 10px 8px 10px;
  border-radius: 60px;
  margin: 15px 0;
  cursor: pointer;
}
.myFollowButton {
  display: inline-block;
  background: yellowgreen;
  padding:5px 10px 8px 10px;
  border-radius: 60px;
  margin: 15px 0;
  cursor: pointer;
  height: 30px;
}
.myAsset {
  justify-content: flex-end;
  border: 1px solid rgba(204, 204, 204, 0.75);
  border-radius: 8px;
  padding: 10px;
}
.assetInfo {
  display: flex;
  justify-content: space-between; /* 左右两边固定，中间自适应 */
}
.profitInfo {
  display: flex;
  margin-top: 20px;
  justify-content: space-between; /* 左右两边固定，中间自适应 */
}
.profitInfo div {
  min-width: 130px;
}

.traderSelect {
  margin-top: 45px;
  display: flex;
  border-bottom: 1px solid rgba(204, 204, 204, 0.48);
}
.traderSelect div {
  margin-right: 30px;
  color: #8a8a8a;
  cursor: pointer;
}
.traderSelect .active {
  color: #70849D;
  font-weight: bold;
  border-bottom: 2px solid #70849D;
  padding-bottom: 10px;
}
.traderContainer {
  margin-top: 20px;
  display: flex;
}
.traderContainer div {
  margin-right: 20px;
  color: #8a8a8a;
  cursor: pointer;
  font-size: 12px;
}
.traderContainer .active {
  color: #70849D;
}

.traderList {
  margin-top: 30px;
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* 3列，每列宽度相等 */
  grid-gap: 25px; /* 格子间距 */
}

.traderList .item {
  color: #8a8a8a;
  font-size: 12px;
  height: 190px;
  border-radius: 10px;
  border: 1px solid rgba(204, 204, 204, 0.48);
  padding: 12px;
  cursor: pointer;
}

.traderList .item .one {
  display: flex;
  justify-content: space-between; /* 左右两边固定，中间自适应 */
  height: 40px;
  align-items: center;
}
.traderList .avatar {
  width: 33px;
  height: 33px;
  border-radius: 50px;
  margin-right: 10px;
}
.nickName {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  text-align: left;
  color: #FFFFFF;
}
.peopleIcon {
  width: 13px;
  height: 12px;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMyAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMuNzQzMDUgMy45MjQ2MkMzLjc0MzA1IDIuMDc0NjIgNC45OTMwNSAwLjMzMzI4NSA2Ljc4MTA1IDAuMzMzMjg1QzcuNjgxMzggMC4zMzMyODUgOC4zOTMwNSAwLjc5Mjk1MiA4Ljg1ODcxIDEuNDcwMjlDOS4zMTYzOCAyLjEzNTYyIDkuNTQzMDUgMy4wMTE5NSA5LjU0MzA1IDMuOTI0NjJDOS41NDMwNSA0LjQ5MDk1IDkuMzA4NzEgNS4wMTM5NSA5LjA2MzcxIDUuNDI3OTVDOC44NTczOCA1Ljc3NTk1IDguNjEwMzggNi4wOTYyOCA4LjQyNjcxIDYuMzM2NjJMOC4zMjY3MSA2LjQ2NzYyQzguMzAzMzggNi40OTY5NSA4LjI4MzM4IDYuNTI4MjkgOC4yNjYwNSA2LjU2MTYyTDguMjc4NzEgNi41NzM2MkM4LjI5MDcxIDYuNTgxOTUgOC4zNDIwNSA2LjYxNjk1IDguNDc3MzggNi42ODE5NUM4LjU2OTcxIDYuNzI3MjkgOC42NzAzOCA2Ljc3MjYyIDguNzg4MDUgNi44MjU2Mkw5LjA0OTcxIDYuOTQ0OTVDOS41MTEwNSA3LjE1ODI5IDEwLjEwNDcgNy40NTMyOSAxMC43MDMgNy45MDI2MkMxMS4wMDQgOC4xMjg2MiAxMS4xOTA3IDguNDc4MjggMTEuMzAwNyA4Ljc3ODI5QzExLjQxNDQgOS4wODk5NSAxMS40Nzc0IDkuNDMzNjIgMTEuNDc2NCA5LjcyODI5QzExLjQ3MzcgMTAuMjY3NiAxMS4yMjEgMTAuNjc5MyAxMC44NDU3IDEwLjk2MTZDMTAuNDk0NCAxMS4yMjUgMTAuMDQzNCAxMS4zNzI2IDkuNjAwMzggMTEuNDYzM0M4LjgwNjcxIDExLjYyNjYgNy44NDAwNSAxMS42NDIzIDcuMDUzMDUgMTEuNjU1TDYuNzkyMDUgMTEuNjU5NkM1Ljg5MzM4IDExLjY3NjMgNC43MzIwNCAxMS42Nzk2IDMuNzg1MDUgMTEuNDg4NkMzLjMxNDM4IDExLjM5NDMgMi44NDIwNCAxMS4yNDEzIDIuNDc2MDUgMTAuOTc3M0MyLjA4NjA1IDEwLjY5NjYgMS44MDk3MSAxMC4yODA2IDEuODA5NzEgOS43MjU2MkMxLjgwOTcxIDkuMTUyMjkgMS44NDU3MSA4LjM0MTYyIDIuNjMwNzEgNy44NzA5NUMzLjMzODcxIDcuNDQ1NjIgMy45MDY3MSA3LjE2MTYyIDQuMzIyMzggNi45NTM5NUw0LjMyNDcxIDYuOTUyNjJDNC40OTExIDYuODcxMjEgNC42NTU2OSA2Ljc4NjE5IDQuODE4MzggNi42OTc2MkM0Ljk0ODM4IDYuNjI0MjkgNC45OTYzOCA2LjU4NTk1IDUuMDA5NzEgNi41NzI2Mkw1LjAyMDA1IDYuNTYxNjJDNS4wMDI4NCA2LjUyODQ0IDQuOTgyNTMgNi40OTY5NiA0Ljk1OTM4IDYuNDY3NjJMNC44NTkzOCA2LjMzNjYyQzQuNjc1MDUgNi4wOTY2MiA0LjQyODcxIDUuNzc1OTUgNC4yMjI3MSA1LjQyNzk1QzMuOTc3MzggNS4wMTM5NSAzLjc0MzA1IDQuNDkwOTUgMy43NDMwNSAzLjkyNDYyWiIgZmlsbD0iIzcwODQ5RCIvPjwvc3ZnPg==');
  margin-top: 2px;
}
.followerCount {
  font-size: 11px;
  font-weight: 400;
  line-height: 15px;
  text-align: left;
}
.followButton {
  justify-content: flex-end;
  padding: 0 20px;
  border-radius: 8px;
  background: yellowgreen;
  font-size: 14px;
  font-weight: 600;
  height: 32px;
  line-height: 32px;
  color: #FFFFFF;
  align-items: center;
}

.traderList .item .two {
  display: flex;
  justify-content: space-between; /* 左右两边固定，中间自适应 */
  height: 40px;
  align-items: center;
  margin-top: 20px;
}
.fontVal {
  font-size: 14px;
  font-weight: 500;
  margin-top: 5px;
}

.traderList .item .three {
  display: flex;
  justify-content: space-between; /* 左右两边固定，中间自适应 */
  height: 40px;
  align-items: center;
  margin-top: 20px;
}
.noData {
  height: 300px;
  display: flex;
  justify-content: center; /* 水平居中 */
  align-items: center;
}

.pageButton {
  font-size: 30px;
  margin-top: 80px;
  margin-bottom: 100px;
  text-align: center;
}
.enable {
  cursor: pointer;
  opacity: 0.9;
}
.disabled {
  cursor: not-allowed;
  opacity: 0.2;
}

.green {
  color: #17c186!important;
}
.red {
  color: #fd5760!important;
}
.white {
  color: #FFFFFF!important;
}
.bgGray {
  background-color: #8a8a8a;
}
.fontRight {
  text-align: end;
}