$hub-title: #333333;
$hub-content-b: #333333;
$hub-content-g: #999999;
$hub-bg-w: #ffffff;
$hub-bg-g: #f7f7f7;
$hub-bg-b: #111111;
$hub-link: #2c9dff;
$hub-red: #ff525c;
$hub-white: white;

.hub-link {
  color: $hub-link;
  word-break: break-all;
}
.hub-red {
  color: $hub-red;
  word-break: break-all;
}
.hub-white {
  color: $hub-white;
  word-break: break-all;
}
.hub-title {
  word-break: break-all;
}

.hub-content-b {
  word-break: break-all;
  font-size: 30rpx;
}
.hub-content-g {
  word-break: break-all;
  font-size: 30rpx;
}



.hub-bg-w {
  background-color: $hub-bg-w;
}
.hub-bg-g {
  background-color: $hub-bg-g;
}
.hub-bg-b {
   background-color: $hub-bg-b;
}
// #111111
// #212121
// #181818

.lh-52 {
    line-height: 52rpx;
  }
.lh-60 {
  line-height: 60rpx;
}

.lh-66 {
  line-height: 66rpx;
}
.font-size-26 {
  font-size: 26rpx;
}
.font-size-28 {
  font-size: 28rpx;
}
.font-size-30 {
  font-size: 30rpx;
}
.font-size-32 {
  font-size: 32rpx;
}
.font-size-34 {
  font-size: 34rpx;
}
.font-size-36 {
  font-size: 36rpx;
}
.font-size-40 {
  font-size: 40rpx;
}
.font-size-60 {
  font-size: 60rpx;
}

.font-weight-300 {
  font-weight: 300;
}
.font-weight-500 {
  font-weight: 500;
}
.font-weight-700 {
  font-weight: 700;
}
.font-weight-bold {
  font-weight: bold;
}