html,
body {
  background: #fff;
  color: #2b2b34;
  height: 100%;
  margin: 0;
  font-family: 'Book';
}
@font-face {
  font-family: 'Book';
  src: url('../font/CircularXX-Book.otf');
}
@font-face {
  font-family: 'BookItalic';
  src: url('../font/CircularXX-BookItalic.otf');
}
@font-face {
  font-family: 'Medium';
  src: url('../font/CircularXX-Medium.otf');
}
#contents-section {
  min-height: 100%;
  margin-bottom: -100px;
}

.footer {
  /* background: #e5e5e5;
  color: #2b2b34; */
  text-align: center;
}

.footer,
.push {
  height: 100px;
}
.footer-box {
  width: 138px;
  height: 60px;
  text-align: center;
  margin: auto;
  /*border: 10px solid;*/
  /* border-image: -webkit-linear-gradient( red, blue) 30 30;
    border-image: -moz-linear-gradient( red, blue) 30 30;
    border-image: linear-gradient( red, blue) 30 30; */
  background: -webkit-linear-gradient(0deg,blue,red);
  /*background-image: -webkit-repeating-linear-gradient(left, #333 5%, #ccc 10%);*/
  /* background-image: -o-repeating-linear-gradient(left, #333 5%, #ccc 10%);
    background-image: repeating-linear-gradient(to right, #333 5%, #ccc 10%); */
  border-radius: 12px;
  border: 1px solid #fff;
}
.footer-btn {
  width: 134px;
  padding: 0 20px;
  background-color: #fff;
  border-radius: 10px;
  margin: 0 auto;
  margin-top: 1px;
  height: 56px;
}
.footer-btn.repair{
  line-height: 54px;
}
.title {
  font-weight: bold;
  font-size: 24px;
  color: #2b2b34;
  margin-bottom: 11px;
}
.content {
  background: #f2f5f7;
  border-radius: 12px;
  padding: 18px;
}
.content li {
  position: relative;
  list-style-type: none;
  padding-left: 10px;
  font-size: 14px;
}
.content li::after {
  position: absolute;
  content: "";
  border-radius: 50%;
  left: -7px;
  /* top: 30%; */
  top: 16px;
  width: 7px;
  height: 7px;
  background: linear-gradient(135deg, #1628d4 0%, #ff254f 100%);
}
.content.turkey li::after{
  background:#DA002F;
}

.content.solar li::after{
  background:linear-gradient(132.73deg, #82DBB1 0%, #679BE0 100%);
}
.content.jinko{
  background:#F6FCF7
}
.content.jinko li::after{
  background:linear-gradient(193.65deg, #7BBD41 -8.23%, #10A53A 99.27%);
}
.abx{
  background: #121419;
}
.abx .title{
  color: #fff;
}

.abx .content{
  background:#1c222f ;
  color: rgba(255, 255, 255, 80%);
}
.abx .content li::after{
  background:linear-gradient(193.65deg, #BE6DFE -8.23%, #2B52FF 99.27%);
}
.ruihe{
  background: #1C222F;
  color: #fff;
  height: auto;
}
.ruihe .bg-light{
  background-color: #1C222F!important;
}