* {

  box-sizing: border-box;

}

body {

  width: 100%;

  height: 100%;

  min-width: calc(1200px);

}

.wrapper {

  width: 1200px !important;

  margin: 0 auto !important;

}

ul,

li {

  margin: 0;

  padding: 0;

  list-style: none;

}

a {

  color: inherit;

  text-decoration: none;

}

.clearfix:after,

.clearfix:before {

  content: "";

  display: table;

}

.clearfix:after {

  clear: both;

}

.clearfix {

  *zoom: 1;

}

#main {

  min-height: calc(100vh - 327px);

}

#laypage {

  text-align: center;

}

#laypage .page-prev,

#laypage .page-next {

  width: 10px;

  height: 17px;

}

#laypage .page-prev {

  transform: rotate(180deg);

}

#laypage .layui-laypage-prev,

#laypage .layui-laypage-next,

#laypage a {

  background: #F4F4F5;

  width: 34px;

  height: 35px;

  border: none;

  line-height: 35px;

  padding: 0;

  margin: 0 10px;

}

#laypage a:hover {

  color: #D22427;

}

#laypage .layui-laypage-curr {

  width: 34px;

  height: 35px;

  border: none;

  line-height: 35px;

  padding: 0;

  margin: 0 10px;

}

#laypage .layui-laypage-curr .layui-laypage-em {

  background-color: #D22427;

}

#laypage .layui-laypage-laypage {

  text-align: center;

}