.layui-col-lg5,
.layui-col-md5,
.layui-col-sm5,
.layui-col-xs5 {
  position: relative;
  display: block;
  box-sizing: border-box;
}
.layui-col-xs5 {
  float: left;
}
.layui-col-xs5 {
  width: 50%;
}
.layui-col-xs-offset5 {
  margin-left: 19.9999992%;
}
@media screen and (min-width: 768px) {
  .layui-col-sm5 {
    float: left;
  }
  .layui-col-sm5 {
    width: 19.9999992%;
  }
  .layui-col-sm-offset5 {
    margin-left: 19.9999992%;
  }
}
@media screen and (min-width: 992px) {
  .layui-col-md5 {
    float: left;
  }
  .layui-col-md5 {
    width: 19.9999992%;
  }
  .layui-col-md-offset5 {
    margin-left: 19.9999992%;
  }
}
@media screen and (min-width: 1200px) {
  .layui-col-lg5 {
    float: left;
  }
  .layui-col-lg5 {
    width: 19.9999992%;
  }
  .layui-col-lg-offset5 {
    margin-left: 19.9999992%;
  }
}
.layui-btn {
  background-color: var(--primary-color);
}