* {
  margin: 0;
  padding: 0;
  list-style: none;
}


body {
  font-family: Source Han Sans CN, Source Han Sans CN, Helvetica Neue,
    Helvetica,
    PingFang SC,
    Tahoma,
    Arial,
    sans-serif;
}

:root {
  --blue: #0E6AF2;
  --blue2: #007AFF;
  --text: #7C7C7C;
  --text2: #666666;
  --red: #D71618;
  --bg: rgba(0, 0, 0, 0.5);
  --bg2: #e3f2fd;
  --bg3: #fafafa;
  --w: #fff;
  --b: #000;
  --line: #D9D9D9;
  --shadow: rgba(0, 0, 0, 0.08);
}



/* 输入框 */
.layui-input:focus,
.layui-textarea:focus {
  border-color: var(--blue) !important;
  box-shadow: 0 0 0 3px rgba(50, 96, 245, 0.08);
}


/* 导航 */
.layui-tab-brief>.layui-tab-title .layui-this {
  color: var(--blue) !important;
}

.layui-tab-brief>.layui-tab-more li.layui-this:after,
.layui-tab-brief>.layui-tab-title .layui-this:after {
  border: none;
  border-radius: 0;
  border-bottom: 2px solid var(--blue) !important;
}

/* 按钮*/
.layui-btn-normal,
.layui-bg-blue {
  background-color: var(--blue) !important;
  color: #fff !important;
}

/* 轮播 */
.swiper-box {
  /* display: none; */
  width: 100%;
  overflow: hidden;
}

.swiper-container {
  width: 100%;
  height: auto;
}

.swiper-wrapper {
  display: flex;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: auto;
}

.swiper-slide img {
  width: 100%;
  height: 448px;
  display: block;
}


/* @media screen and (max-width: 1200px) {
  .swiper-wrapper,
  .swiper-slide, .swiper-slide-visible,.swiper-slide-active,
  .swiper-slide img {
    width: 100% !important;
    height: auto;
  }

  .card {
    margin-top: 10px;
  }

} */


/* 轮播 */



.page {
  min-height: 50vh;
  padding-bottom: 20vh;
  min-width: 1200px
}

.breadBox {
  display: flex;
  align-items: center;
  width: 1200px;
  margin: 10px auto;
  height: 24px;
  font-weight: 400;
  color: var(--text2);
  gap: 4px;
  font-size: 16px;
}

.textSelect {
  color: var(--blue2);
}

main {
  max-width: 1200px;
  margin: 0 auto;
}


.layui-line-1 {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;

}

.layui-line-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;

}

.layui-line-3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
}



body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
legend,
button,
input,
textarea,
th,
td {
  margin: 0;
  padding: 0;
}

body,
button,
input,
select,
textarea {
  font: 12px/1.5tahoma, arial, \5b8b\4f53;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
}

address,
cite,
dfn,
em,
var {
  font-style: normal;
}

code,
kbd,
pre,
samp {
  font-family: couriernew, courier, monospace;
}

small {
  font-size: 12px;
}

ul,
ol {
  list-style: none;
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

sup {
  vertical-align: text-top;
}

sub {
  vertical-align: text-bottom;
}

legend {
  color: #000;
}

fieldset,
img {
  border: 0;
}

button,
input,
select,
textarea {
  font-size: 100%;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/*
 ========== Swiper 轮播样式 ========== */

/* 轮播容器 */
.swiper-box {
  position: relative;
  width: 100%;
  margin-bottom: 20px;
}

.swiper-container {
  position: relative;
  overflow: hidden;
}

/* 导航按钮 */
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: 44px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 50%;
  transition: all 0.3s;
}

.swiper-button-prev:hover,
.swiper-button-next:hover {
  background: rgba(255, 255, 255, 1);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.swiper-button-prev {
  left: 20px;
}

.swiper-button-next {
  right: 20px;
}

.swiper-button-prev::after,
.swiper-button-next::after {
  font-family: 'layui-icon';
  font-size: 24px;
  color: #333;
}

.swiper-button-prev::after {
  content: '\e603';
}

.swiper-button-next::after {
  content: '\e602';
}

.swiper-button-disabled {
  opacity: 0.35;
  cursor: not-allowed;
  pointer-events: none;
}

/* 分页器小圆点 */
.swiper-pagination,
.pagination {
  position: absolute;
  bottom: 15px;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  z-index: 10;
  display: flex;
  gap: 8px;
  align-items: center;
}

.swiper-pagination-bullet,
.pagination span {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 50%;
  background: rgba(200, 200, 200, 0.8);
  cursor: pointer;
  transition: all 0.3s;
  border: none;
}

.swiper-pagination-bullet:hover,
.pagination span:hover {
  background: rgba(150, 150, 150, 0.9);
}

.swiper-pagination-bullet-active,
.pagination span.active {
  background: #1e88e5;
  width: 8px;
  height: 8px;
}