/* display */
.displayNone { display: none; }

/* font-size */
.fontSize12 { font-size: 12px; }
.fontSize14 { font-size: 14px; }
.fontSize16 { font-size: 16px; }
.fontSize18 { font-size: 18px; }
.fontSize56 { font-size: 56px; }

/* height */
.height100per { height: 100%; }

/* transition */
.transition03s { transition: all 0.3s ease-in-out; }

/* margin */
.marginRight5 { margin-right: 5px; }

/* rotate */
.rotate45 { transform: rotate(-45deg) !important; }

/* padding */
.padding5 { padding: 5px; }
.padding10 { padding: 10px; }

/* t_omit */
.t_omit {
    /* 
      单行文本显示、超出省略 
      注意:在flex部分布局下使用可能会冲突  
  */
    display: inline-block;
    white-space: nowrap;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.t_omit_two {
    /* 
      两行文本超出省略显示  
      注意:在flex部分布局下使用可能会冲突
  */
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    white-space: normal !important;
}

.t_omit_three {
    /* 
      两行文本超出省略显示  
      注意:在flex部分布局下使用可能会冲突
  */
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

/* searchKey */
.searchKey {
  background-color: var(--mainColor);
  color: #fff;
  border-radius: 4px;
  padding: 0 3px;
  display: inline-block;
  width: auto;
  height: auto;
  font-style: normal;
}
/* mainColor */
.mainColor { color: var(--mainColor); }
.mainColor2 { color: var(--mainColor-2); }
.mainColor3 { color: var(--mainColor-3); }
.mainColor4 { color: var(--mainColor-4); }

/* linkNormal */
.linkNormal {
  border-radius: 40px;
  font-weight: bold;
  color: var(--vp-c-text-1);
  line-height: 2;
  padding: 5px 20px;
  background-color: var(--vp-c-gray-3);
}
.linkNormal:hover {
  background-color: var(--vp-c-gray-2);
}
.linkPrimary {
  border-radius: 40px;
  font-weight: bold;
  color: #fff;
  line-height: 2;
  padding: 5px 20px;
  background-color: var(--mainColor-3);
}
.linkPrimary:hover {
  background-color: var(--mainColor);
}

/* 响应css */
@media (max-width:1440px) {}
@media (max-width:1200px) {
}
@media (max-width:1140px) {
}
@media (max-width:1024px) {
  .fontSize56 { font-size: 48px; }
}
@media (max-width:767px) {
}
@media (max-width:667px) {
  .fontSize56 { font-size: 32px; }
}