/*文本阴影*/
.t-shadow{
  text-shadow:0px 0px 1px #888;
}
/*文字加粗*/
.f-b{
  font-weight: bold;
}

.text-deal{
  margin:15rpx 0rpx;
  overflow : hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  word-break: break-all; /* 追加这一行代码 */
}
/*文本超出不换行，自动省略号*/

.text-overflow {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}


/*鼠标图标为手*/

.cursor {
  cursor: pointer;
}


/*字体设置*/

.f10 {
  font-size: 10px;
}

.f12 {
  font-size: 12px;
}

.f14 {
  font-size: 14px;
}

.f16 {
  font-size: 16px;
}

.f18 {
  font-size: 16px;
}

.f20 {
  font-size: 20px;
}


/*元素左间距*/

.m-left {
  margin-left: 10px;
}

.m-left-right {
  margin: 0px 10px;
}


/*设置弹性盒子*/

.flex-box {
  display: flex;
}


/*弹性盒子垂直排列*/

.flex-align {
  display: flex;
  flex-direction: column;
}


/*弹性盒子列居中*/

.flex-item {
  display: flex;
  align-items: center;
}


/*子元素完全居中*/

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


/*布局红色测试边框*/

.red-border {
  border: 1px solid red;
}


/*布局蓝色测试边框*/

.blue-border {
  border: 1px solid blue;
}


/*布局黄色测试边框*/

.yellow-border {
  border: 1px solid yellow;
}


/*布局绿色测试边框*/

.green-border {
  border: 1px solid green;
}


/*弹性盒子的宽度自适应宽度*/

.flex-05 {
  flex: 0.5;
}

.flex-1 {
  flex: 1;
}

.flex-2 {
  flex: 2;
}

.flex-3 {
  flex: 3;
}

.flex-4 {
  flex: 4;
}

.flex-5 {
  flex: 5;
}


/*输入框无边框*/

.input-noBorder {
  border: 0;
}


/*左右5外边距*/

.margin-left-right {
  margin-left: 5px;
  margin-right: 5px;
}


/*网格布局*/

.grid-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  /*两列*/
  grid-auto-flow: row dense;
}

.grid-3 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  /*三列*/
  grid-auto-flow: row dense;
  justify-items: center;/*设置水平对齐方式居中*/
}

.grid-4 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  /*四列*/
  grid-auto-flow: row dense;
}


/*网格布局单元格高度占两行.
.grid-item-2{
  grid-row: 1/3; 
}
*/