/*!
 * Bootstrap v3.3.6 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
@font-face {
  font-family: 'Poppinsa';
  src: url('../../fonts/ka1.woff2') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Poppinsd';
  src: url('../../fonts/ka2.woff2') format('woff');
  font-weight: normal;
  font-style: normal;
}
html {
  font-family: "Poppinsa","Avenir Next","AvenirNextLTPro-Bold",sans-serif !important;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  line-height: 1;
}
body {
  font-family:  "Poppinsa" !important;
  background-color: #fff !important;
  color: #000;
  font-size: 12px;
}
@media (min-width: 768px) {
  .contauner{
    max-width: 80%;
    margin-right: auto;
    margin-left: auto;
  }
}
a {
  text-decoration: none;
}
.fontza{
  font-family: 'Poppinsa' !important;
}
.fontka{
  font-family: 'Poppinsd' !important;
}
.container {
  margin-top: 75px !important; 
}
@media (max-width: 768px) { 
  .container {
      margin-top: 50px !important;
  }
}
/* 字体大小 */
.fs-7 {
  font-size: 14px !important;
}
.fs-8 {
    font-size: 12px !important;
}
.fs-18 {
    font-size: 18px !important;
}
/* 背景颜色 */
.bg-hs{
  background-color: #1f232f !important;
}
.bg-hs1{
  background-color: #0f1021 !important;
}
.bg-okh{
  background-color: #0f1021 !important;
}
.bg-ls{
  background-color: #ffffff08 !important;
}
.bg-jbh{
  background:linear-gradient(0deg,#000,#999);
}
.bg-lvs{
  background-color: #0ecb81 !important;
}
.bg-lvs1{
  background-color: #00b897 !important;
}
.bg-red{
  background-color: #f5465c !important;
}
.bg-qh{
  background-color: rgb(51, 51, 51) !important;
}
.bg-zs{
  background-color: rgb(118, 31, 227) !important;
}
.bg-fs{
  background-color: rgb(132, 54, 230) !important;
}
.bg-zhs{
  background-color: #191917 !important;
}
.bg-kah{
  background-color: #0f172a99 !important;
}
.bg-bth{
  background-color: #f8f9fa !important;
}
.bg-kah1{
  background-color: #ffffff08 !important;
}

.bg-zhs1{
  background-color: #474747 !important;
}
/* 字体颜色 */
.text-zah{
  background: linear-gradient(0deg, #FED504 -30%, #f0cd0b 30%, #FF7D10 90%);
        -webkit-background-clip: text;
        color: transparent;
}
.text-hh{
  color:#EBCEA1;
}
.text-lvs{
  color:#0ecb81;
}
.text-dhs{
  color: #95979b;
}
.text-bhs{
  color: rgb(185, 192, 196);
}
.text-red{
  color: #f5465c !important;
}
.text-zs{
  color: #7b68ee !important;
}
.text-fs{
  color: #E535AB !important;
}
.text-lh{
  color: #ccceef !important;
}
.text-ls{
  color: #999999 !important;
}
.text-chs{
  color: #7376aa !important;
}
.text-ka{
  background: linear-gradient(135deg, #7b68ee, #00d2d3);
        -webkit-background-clip: text;
        color: transparent !important;
}
.text-ka1{
  background: linear-gradient(to bottom, #7b68ee, #00d2d3);
        -webkit-background-clip: text;
        color: transparent !important;
        
}
.text-kahb{
  color: #e2e8f0 !important;
}
.text-z-fs{
  background: linear-gradient(90deg, #12B5DE -30%, #7130C3 30%, #FF3BD4 90%);
        -webkit-background-clip: text;
        color: transparent;
}
/* 边框颜色 */
.border-lvs{
  border-color:#0ecb81 !important;
}
.border-fs{
  border-color:rgb(111, 100, 233, 0.6) !important;
}
.pb-6{
  padding-bottom: 4rem !important;
}
.border-zs {
  border-color: rgb(118, 31, 227) !important;
}
.border-bhs {
  border-color: rgb(185, 192, 196) !important;
}
.border-bhsa {
  border-color: rgb(185, 192, 196) !important;
}
.border-bshs {
  border-color: rgb(72, 73, 73) !important;
}

.border-bth {
  border-color: #e9ecef  !important;
}


.border-hhs {
  border-color: rgb(49, 49, 49) !important;
}
.border-zah {
  border-color: #7b68ee !important;
}

@media (min-width: 992px) {
  .mt-lg-7 {
      margin-top: 7rem !important;
  }
}

@media (min-width: 992px) {
  .mt-lg-8 {
      margin-top: 6rem !important;
  }
}

@media (max-width: 992px) {
  .mt-top-4 {
      margin-top: 1.5rem !important;
  }
}




