@import url("./reset.min.css");

* {
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  /*height: 100%;*/
  background: #F6F6F6;
}

/* a blue color as a generic focus style */
button:focus-visible {
  outline: 2px solid #4a90e2 !important;
  outline: -webkit-focus-ring-color auto 5px !important;
}

a {
  text-decoration: none;
  color: inherit;
}

main .main-title {
  padding-top: 72px;
  margin-bottom: 88px;
}

main .main-title h2 {
  color: #231815;
  width: 100%;
  text-align: center;
  font-family: Microsoft YaHei UI;
  font-size: 36px;
  font-style: normal;
  font-weight: 400;
  padding-bottom: 33px;
}

.main-title-b {
  width: 49px;
  height: 6px;
  background-color: #e60012;
  margin: 0 auto;
}

.container-box {
  margin: 0 auto;
  width: 1200px;
  min-height: 530px;
}

.container-box .container-box-nav a {
  color: #333 !important;
}

.container-box .container-box-nav img {
  margin: 0 12px;
}

.container-box-main {
  background: linear-gradient(0deg, #fff 0%, #fff 100%),
  linear-gradient(290deg, #fff -3.21%, rgba(255, 255, 255, 0) 74.84%);
  padding: 36px 60px 58px;
  margin-top: 12px;
}

.container-box-main .container-box-main-classify {
  font-size: 18px;
  color: #666;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 38px;
  border-bottom: 1px solid #efefef;
}

.container-box-main-classify .classify-item {
  padding: 10px 36px;
  border-radius: 38px;
  margin-right: 8px;
  cursor: pointer;
  transition: 0.5s;
}

.classify-item:hover {
  color: #fff;
  background-color: #e60012;
}

.classify-item:hover a {
  color: #fff;
}

.container-box-main-classify .active {
  color: #fff;
  background: #e60012;
}

.container-box-main-classify .active a {
  color: #fff;
}

.container-box-main .classify-item-container {
  display: none;
}

.breadcrumb-item+.breadcrumb-item {
  padding-left: 0.5rem;
}

.breadcrumb-item+.breadcrumb-item::before {
  float: left;
  padding-right: 0.5rem;
  color: #6c757d;
  content: var(--bs-breadcrumb-divider, "/")
  /* rtl: var(--bs-breadcrumb-divider, "/") */
;
}

.breadcrumb-item .active {
  color: #6c757d;
}

.breadcrumb-item a {
  color: #333;
}

.flex {
  display: flex !important;
}

.justify-between {
  justify-content: space-between;
}

.justify-center {
  justify-content: center;
}

.justify-around {
  justify-content: space-around;
}

.justify-evenly {
  justify-content: space-evenly;
}

.items-center {
  align-items: center;
}

.items-start {
  align-items: start;
}

.flex-wrap {
  flex-wrap: wrap;
}

.flex-col {
  flex-direction: column;
}

.base-color {
  color: #E60012
}

.text-white {
  color: #fff;
}

.base-bgColor {
  background-color: #E60012;
}

.bg-white {
  background-color: #FFF;
}

.divider-line-b {
  border-bottom: 1px solid #efefef;
}

.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.truncate2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  /* 将文本显示为块元素 */
  -webkit-line-clamp: 2;
  /* 设置最大显示行数为2 */
  -webkit-box-orient: vertical;
  /* 设置块元素内部文本垂直排列 */
}

.truncate3 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  /* 将文本显示为块元素 */
  -webkit-line-clamp: 3;
  /* 设置最大显示行数为2 */
  -webkit-box-orient: vertical;
  /* 设置块元素内部文本垂直排列 */
}

.truncate4 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  /* 将文本显示为块元素 */
  -webkit-line-clamp: 4;
  /* 设置最大显示行数为2 */
  -webkit-box-orient: vertical;
  /* 设置块元素内部文本垂直排列 */
}

.text-second {
  color: #666
}

.text-third {
  color: #999
}

.inline-block {
  display: inline-block;
}

.rounded-full {
  border-radius: 100%;
}

.mb-20 {
  margin-bottom: 20px;
}

.cursor-pointer {
  cursor: pointer;
}

.overflow-hidden {
  overflow: hidden;
}

.w-full {
  width: 100%;
}

.h-full {
  height: 100%;
}

.w-1-2 {
  width: 50%;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right
}

.font-bolder {
  font-weight: 700;
}

.text-12 {
  font-size: 12px
}

.text-14 {
  font-size: 14px
}

.text-16 {
  font-size: 16px
}

.text-24 {
  font-size: 24px
}

.text-48 {
  font-size: 48px
}

.mt-12 {
  margin-top: 12px;
}

.mt-30 {
  margin-top: 30px;
}

.mt-40 {
  margin-top: 40px;
}

.mt-60 {
  margin-top: 60px;
}

.mb-6 {
  margin-bottom: 6px;
}

.mb-24 {
  margin-bottom: 24px;
}

.my-24 {
  margin: 24px 0;
}

.mb-40 {
  margin-bottom: 40px;
}

.p-22 {
  padding: 22px;
}

.p-24 {
  padding: 24px;
}

.line-24 {
  line-height: 24px;
}

.hidden {
  display: none;
}

.block {
  display: block !important;
}

.inline-block {
  display: inline-block;
}

.margin-0auot {
  margin: 0 auto
}
.border-none{
  border: none !important;
}

/* @font-face {
  font-family: "Microsoft YaHei UI-Regular";
  src: url("https://anima-uploads.s3.amazonaws.com/projects/6368af6e167e211314116d58/fonts/opposans-m.ttf")
    format("truetype");
}

@font-face {
  font-family: "Microsoft YaHei UI-Bold";
  src: url("https://anima-uploads.s3.amazonaws.com/projects/6368af6e167e211314116d58/fonts/opposans-h.ttf")
    format("truetype");
}

@font-face {
  font-family: "Microsoft YaHei-Regular";
  src: url("https://anima-uploads.s3.amazonaws.com/projects/6467c2e77ffab1ee594f478d/fonts/chinese-msyh.ttf")
    format("truetype");
} */