/* 全站公共样式 */

/* 颜色变量 */

:root {
  --primary: #225EA5;
  --primary-100: #F2F6FF;
  --primary-200: #DBEBFF;
  --primary-300: #B5D8FF;
  --primary-400: #557FB1;
  --primary-500: #225EA5;
  --primary-600: #114e96;
  --black: #000000;
  --gray: #666666;
  --gray-700: #333333;
  --gray-500: #999999;
  --gray-300: #dcdcdc;
  --gray-100: #f4f4f4;
}

/* 基础样式 */

body {
  /* font-family: 'San Francisco', PingFang, 'Microsoft YaHei', '微软雅黑', Arial, sans-serif; */
  /* font-family: 'Microsoft YaHei', '微软雅黑', Arial, "SF Mono", "Menlo", "Courier New", Courier, monospace; */
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-feature-settings: "tnum";
  font-variant-numeric: tabular-nums;

  color: #000000;
  background: url('/szcdc/assets/img_top2.png') repeat-x;
  background-color: #f4f4f4;

  /* -webkit-animation-duration: 0s;
  animation-duration: 0s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; */

  /* -webkit-animation-delay: 1s;
  animation-delay: 1s; */

  /* -webkit-animation-name: fadeIn;
  animation-name: fadeIn */
}

@keyframes fadeIn {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

a {
  -webkit-text-decoration: none;
  text-decoration: none;
  color: #000000;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

a:hover {
  color: #225EA5;
}

.ie-flex-4 { /* IE10 */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  margin-left: -10px;  /* gap-x/2 * -1 */
  margin-right: -10px;
}

.ie-flex-4 > * {
  flex: 0 0 50%;
  padding: 10px;
}

.line-clamp-4 {
  position: relative;
  overflow: hidden;
  line-height: 42px;
  max-height: calc(42px * 4);
}

.line-clamp-4::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 80px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)), to(#fff));
  background: linear-gradient(to bottom, rgba(255,255,255,0), #fff);
}

@media (min-width: 1024px) {
  
  .lg\:line-clamp-7 {
    position: relative;
    overflow: hidden;
    line-height: 42px;
    max-height: calc(42px * 7);
  }

  .lg\:line-clamp-7::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 80px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)), to(#fff));
    background: linear-gradient(to bottom, rgba(255,255,255,0), #fff);
  }
}