/* pages/home/components/titleItem/titleItem.wxss */
.trader-list{width: 690rpx; height: 70rpx; display: flex; align-items: center; margin: 20rpx 0; padding: 0 20rpx; justify-content: space-between; background-color: #dfecf6; border-radius: 35px;}
.trader-list .left-name{ flex: 1; color: #0a6597; font-size: 26rpx; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.trader-list .right-bt{width: 85rpx; height: 50rpx;}
.content-page {
  padding-bottom: 20rpx;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #fff;
}

.content-item-top {
  width: 750rpx;
  background-color: white;
  display: flex;
  align-items: center;
  justify-content: center;
}

.content-item {
  width: 750rpx;
  background-color: white;
  padding-top: 1rpx;
  padding-bottom: 1rpx;
}

.content {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.content-item-box {
  width: 25%;
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  align-items: center;
}

.comtent-item-img-box {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 15rpx;
}

.content-item-img {
  width: 100rpx;
  height: 100rpx;
}

.content-item-text {
  font-size: 24rpx;
  color: #4f4f4f;
}


.content-item-red-dot {
  position: absolute;
  top: 10rpx;
  right: 10rpx;
  min-width: 30rpx;
  height: 30rpx;
  background-color: #c51c18;
  color: #ffffff;
  font-weight: bold;
  border-radius: 50rpx;
  font-size: 18rpx;
  display: flex;
  align-items: center;
  justify-content: center;
}

.content-BT-button-box {
  display: flex;
  align-items: center;
  justify-content: center;
}

.content-BT-button {
  width: 240rpx;
  height: 65rpx;
  margin-top: 20rpx;
  font-size: 26rpx;
  border-radius: 32rpx;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  background-image: linear-gradient(270deg,
      #00967b 0%,
      #0a6597 100%);
  background: linear-gradient(-45deg,
      #0a6597, #00967b, #0a6597, #00967b);
  background-size: 600% 600%;
  animation: btButtonAnimation 5s alternate infinite;
}

@keyframes btButtonAnimation {
  0% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}

.content-picker {display: flex; flex-direction: row; width: 750rpx; padding-left:20rpx; height: 90rpx; align-items: center; font-size: 28rpx; background-color: #dfecf6; color: #0a6597;}
.content-title-item{width: 190rpx; flex-shrink: 0; margin-right: 20rpx;}
.content-text { flex: 1; font-size: 28rpx;}
.content-text-gray { color: gray;}
.content-img-right { width: 50rpx; height: 50rpx;}