/* 公共样式 */
:root{
  --border-radiusB: 5rem;
  --border-radiusM: 3rem;
  --border-radiusS: 1rem;

  --colorTitle: #333;
  --colorMenus: #666;
  --colorSubsidiary: #999;
  --colorRed: #bd1a2d;
  --colorfff: #f1f1f1;

  --bgColorWhite: #fff;
  --bgColorGrey: #F5F5F5;

  --borderColor: #DADADA;
  --borderMain: rgba(240, 58, 55, .5);

  --pad: 30px;
  --smallPad: 20px;
  --defFontSize: 16px;
  --smalFontSize: 14px
}
html,body{
  font-family: "微软雅黑";
  height: 100%;
  width: 100%;
  overflow: auto;
  color: var(--colorMenus);
  font-size: var(--defFontSize);
  background-color: var(--bgColorGrey);
}
.animation{
  /* transition: all .5s ease; */
  transition-property: color, border, background, left, bottom;
  transition-duration: .5s;
  transition-timing-function: ease;
}

.clear::after {
  content: "";
  display: table;
  clear: both;
}
.fl{
  float: left;
}
.fr{
  float: right;
}
.cursor{
  cursor: pointer;
}

.textHide{
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.textHide4 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 4; /* 控制显示的行数 */
  word-wrap: break-word;
  word-break: break-all;
}

.content100{
  padding: 1px 0;
  min-width: 100rem;
  width: 100%;
  max-width: 1400px;
  margin: auto;
  background-color: #fff;
}
/* 颜色 */
.colorTitle{
  color: var(--colorTitle)
}
.colorRed{
  color: var(--colorRed)
}
.fweight {
  font-weight: 700;
}

.ipt{
  border: 1px solid var(--borderColor);
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  display: block;
  border-radius: 5px;
  padding: 0 20px;
  font-size: 20px;
  color: var(--colorMenus);
}
.ipt:focus{
  border-color: var(--borderMain);
}

.btnBom{
  width: 100%;
  line-height: 2.5;
  background-color: var(--colorRed);
  border-radius: var(--border-radiusS);
  text-align: center;
  color: #fff;
  cursor: pointer;
}