* {
  -webkit-tap-highlight-color: transparent;
}
html {
  font-size: calc(100vw / 37.5);
}
@media (min-width: 600px) {
  html {
    font-size: 10px;
  }
}
/* html {
  font-size: 62.5%;
} */
body,
td,
th,
input,
textarea,
select {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC',
    'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial,
    sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
  font-size: 1.4rem;
  color: #000000;
}
body {
  margin: 0;
  background: #fbfbfb;
}
a {
  color: #000;
  text-decoration: none;
  outline: none;
}
a:hover {
  color: #2384e0;
  text-decoration: none;
}
a,
input,
textarea,
select,
button {
  outline: none;
}
h1,
h2,
h3,
h4 {
  padding: 0;
  margin: 0;
  font-weight: normal;
}
ul,
li,
dl,
dt,
dd {
  padding: 0;
  margin: 0;
  list-style: none;
}
header,
main,
footer {
  margin: 0;
  padding: 0;
}
ul:after,
header:after,
main:after,
footer:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  clear: both;
}
img {
  border: 0;
  display: block;
}
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
input::-webkit-outer-spin-button {
  -webkit-appearance: none;
}
input[type='text'],
input[type='tel'],
input[type='password'],
input[type='number'],
input[type='date'],
input[type='button'],
textarea {
  appearance: none;
  -webkit-appearance: none;
  border-radius: 0;
}
input[type='number'] {
  appearance: textfield;
  -moz-appearance: textfield;
}
input[type='text'],
input[type='tel'],
input[type='password'],
input[type='number'],
input[type='date'],
select {
  width: 100%;
  height: 4rem;
  line-height: 4rem;
  border: 0.1rem solid #ccc;
  padding: 0;
  box-sizing: border-box;
  border-radius: 0;
}
select {
  width: auto;
}
textarea {
  width: 100%;
  line-height: 1.5em;
  border: 0.1rem solid #ccc;
  padding: 0.5em 1rem;
  box-sizing: border-box;
}
input:focus,
textarea:focus,
select:focus {
  border: 0.1rem solid #2384e0;
}
input[type='submit'],
button[type='submit'],
input.submit {
  appearance: none;
  background: #ff5614;
  border: none;
  line-height: 3rem;
  color: #fff;
  cursor: pointer;
  box-sizing: border-box;
}
input:-webkit-autofill {
  box-shadow: 0 0 0 10rem white inset !important;
}
body {
  background: linear-gradient(to bottom, #9ad6ff 5rem, #fff 20rem, #fff)
    no-repeat;
}
.container {
  width: 100%;
  max-width: 120rem;
  margin: 0 auto;
}
header {
  background-image: url(../images/head-bg.png);
  background-position: center 3rem;
  background-repeat: no-repeat;
  background-size: auto 100%;
}
header .head-bar {
  background-color: #fff;
}
header .head-bar .container {
  height: 3rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
header .head-bar .date {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath d='M739 198a44 44 0 0 1-79 0H351a44 44 0 0 1-79 0H133c-24 0-44 20-44 44v110l10-2 834 4V242c0-24-20-44-44-44zm5-88h145c73 0 132 59 132 132v594c0 73-59 132-132 132H133C60 968 1 909 1 836V242c0-73 59-132 132-132h135V45a44 44 0 0 1 88 0v65h300V45a44 44 0 0 1 88 0zM89 437v399c0 24 20 44 44 44h756c24 0 44-20 44-44V442l-834-3zm185 285a44 44 0 0 1 0-88h471a44 44 0 0 1 0 88z'/%3E%3C/svg%3E");
  background-position: left center;
  background-size: 1.6rem auto;
  background-repeat: no-repeat;
  padding-left: 2rem;
}
header .logo {
  width: 30rem;
  padding: 3rem 0;
}
header .logo a img {
  width: 100%;
  display: block;
}
header .nav-bar {
  background-color: #2384e0;
}
header .nav-bar .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}
header .nav-bar nav .link {
  display: flex;
}
header .nav-bar nav a {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 1.5rem;
  height: 4.8rem;
  color: #fff;
  font-size: 1.6rem;
  font-weight: bold;
  white-space: nowrap;
  user-select: none;
}
header .nav-bar nav a.selected,
header .nav-bar nav a:hover {
  background-color: #1c6ec4;
  user-select: none;
}
header .nav-bar .search form {
  display: flex;
  align-items: center;
}
header .nav-bar .search input {
  width: 12rem;
  height: 3.2rem;
  line-height: 3.2rem;
  border: none;
  padding: 0 1rem;
}
header .nav-bar .search button {
  width: 6rem;
  height: 3.2rem;
  line-height: 3.2rem;
  text-align: center;
  background-color: #1c6ec4;
  color: #fff;
  border: none;
  cursor: pointer;
  font-size: 1.4rem;
}
footer {
  border-top: 0.2rem solid #1c6ec4;
  margin-top: 2rem;
  padding: 3rem 0;
  line-height: 1.75em;
}
footer .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 2rem;
  color: #666;
}
footer .container p {
  margin: 0;
  padding: 0;
}
.home-page {
}
.home-page .container {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.home-page .head-line {
  padding: 3rem 0 2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.home-page .head-line .h1 {
  font-size: 3rem;
  font-weight: bold;
  text-align: center;
}
.home-page .head-line .h1 a {
  color: #2384e0;
}
.home-page .head-line .h2 {
  font-size: 1.6rem;
  margin-top: 1.5rem;
  display: flex;
  gap: 2rem;
}
.home-page .head-line .h2 span {
  margin: 0 1rem;
  color: #999;
}
.home-page .head-line .h2 a {
  color: #666;
  font-weight: bold;
  text-align: center;
}
.home-page .layer {
  display: flex;
  justify-content: space-between;
  gap: 2rem;
}
.home-page .layer.column-2 .item {
  flex: 1;
}
.home-page .layer.column-3 .item {
  flex: 0 1 33.333333%;
}
.home-page .banner img {
  width: 100%;
  display: block;
}
.home-page .home-swiper {
  width: 72rem;
  height: 30rem;
  background-color: #9ad6ff;
  position: relative;
}
.home-page .home-swiper .swiper {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.home-page .home-swiper .swiper-slide {
  position: relative;
}
.home-page .home-swiper .swiper-slide .title {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 1.5rem 2rem;
}
.home-page .home-swiper .swiper-slide .title a {
  display: block;
  font-size: 1.6rem;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #fff;
  max-width: 80%;
}
.home-page .home-swiper .swiper-slide .image {
  display: block;
  width: 100%;
  height: 100%;
}
.home-page .home-swiper .swiper-slide .image img {
  width: 100%;
  height: 100%;
}
.home-page .home-swiper .swiper-pagination {
  z-index: 999;
  position: absolute;
  bottom: 1.5rem;
  right: 1.5rem;

  height: 2rem;
}
.home-page .home-swiper .swiper-pagination span {
  margin: 0.5rem;
  /* width: 1.2rem;
  height: 1.2rem; */
}
.home-page .home-swiper .swiper-pagination .home-bullet-active {
  background-color: #fff;
  opacity: 1;
}
.home-page .teachers .swiper-container {
  width: 100%;
  height: 100%;
}
.home-page .teachers .swiper-slide {
  text-align: center;
  background: #fff;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  transition: 300ms;
  transform: scale(0.8);
}
.home-page .teachers .swiper-slide-active,
.home-page .teachers .swiper-slide-duplicate-active {
  transform: scale(1);
}
.home-page .teachers .swiper-slide img {
  width: 100%;
}
.home-page .teachers .swiper-slide .name {
  margin-top: 1rem;
}
.home-page .top-box {
  flex: 1;
}
.list-box.border {
  border: 0.1rem solid #9ad6ff;
  box-sizing: border-box;
  border-radius: 0.6rem 0.6rem 0 0;
}
.list-box .title-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #f8f8f8;
  border-bottom: 0.2rem solid #9ad6ff;
  gap: 1rem;
  border-radius: 0.6rem 0.6rem 0 0;
}
.list-box .title-bar .title {
  display: flex;
  height: 4rem;
  background-color: #2384e0;
  color: white;
  font-weight: bold;
  font-size: 1.6rem;
  justify-content: center;
  align-items: center;
  padding: 0 1.5rem;
  border-radius: 0.6rem 0.6rem 0 0;
}
.list-box .title-bar .tab {
  display: flex;
  flex: 1;
  height: 4rem;
  flex-wrap: wrap;
  overflow: hidden;
  gap: 1rem;
}
.list-box .title-bar .tab a {
  display: flex;
  height: 4rem;
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  color: #888;
}
.list-box .title-bar .name {
  padding: 0 1.5rem;
  color: #2384e0;
  font-size: 1.6rem;
  font-weight: bold;
  display: flex;
  align-items: center;
}
.list-box .title-bar .name i {
  margin-right: 0.6rem;
}
.list-box .title-bar .more a {
  display: flex;
  align-items: center;
  height: 4rem;
  padding: 0 1.5rem 0 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1099 1024'%3E%3Cpath fill='%23777' d='M431 273q12-10 24 3l208 202q10 8 10 17-1 11-10 18L455 717c-8 7-14 12-23 3-11-10-7-14 4-26l205-198-204-195c-10-9-17-17-6-28' data-spm-anchor-id='a313x.search_index.0.i4.4afd3a81fGV0VD'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right center;
  background-size: auto 2rem;
  color: #666;
  font-size: 1.2rem;
}
.list-box ul {
  padding: 0.5rem 0;
}
.list-box .content {
  padding: 0.5rem;
}
.list-box ul li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2.5rem;
  height: 3.2rem;
  width: 100%;
  overflow: hidden;
}
.list-box ul li a {
  display: block;
  flex: 1;
  height: 3.2rem;
  line-height: 3.2rem;
  width: 20rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #333;
  padding-left: 1.5rem;
  position: relative;
}
.list-box ul li a::before {
  position: absolute;
  left: 0;
  top: 50%;
  content: '';
  display: block;
  width: 0.4rem;
  height: 0.4rem;
  background: #999;
  transform: translateY(-50%);
}
.list-box ul li a:hover {
  color: #2384e0;
}
.list-box ul li a.new:before {
  display: inline-block;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath fill='%23d81e06' d='M768 128H256c-70 0-128 58-128 128v597c0 40 47 59 76 31l89-89q27-26 65-27h410c70 0 128-58 128-128V256c0-71-58-128-128-128m-64 480c0 18-14 32-32 32q-6 0-13-3-9-1-16-9L384 370v238c0 18-14 32-32 32s-32-14-32-32V296q-3-17 9-31c14-14 36-14 50 0l261 261V288c0-18 14-32 32-32s32 14 32 32z' data-spm-anchor-id='a313x.search_index.0.i27.4afd3a81fGV0VD'/%3E%3C/svg%3E");
  width: 1.4rem;
  height: 1.4rem;
  background-size: cover;
  background-position: right center;
  background-repeat: no-repeat;
  background-color: #fff;
}
.list-box ul li span.date {
  color: #999;
  white-space: nowrap;
}
.icon-video {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath fill='%232384e0' d='M850 962H175c-67 0-113-46-113-112V175c0-67 46-113 113-113h675c66 0 112 46 112 113v675c0 66-46 112-112 112M100 212v75h150l-73-182c-47 13-77 53-77 107m150-112 75 187h112l-75-187zm187 0 75 187h113l-75-187zm188 0 75 187h112l-75-187zm300 112c0-66-47-112-113-112l75 187h37zm0 113H100v487c0 66 46 113 112 113h600c66 0 113-47 113-113zM362 437l338 188-338 187z' data-spm-anchor-id='a313x.search_index.0.i14.4afd3a81fGV0VD'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: cover;
  width: 2rem;
  height: 2rem;
  display: inline-block;
}
.icon-teacher {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath fill='%232384e0' d='M742 161h-2c-96 0-176-11-226-68-50 57-130 68-226 68-153 0-157 153-157 153v343c0 99 237 280 366 310q16 5 33 0c131-30 367-210 367-310V314c0-111-54-153-155-153m100 496c0 57-187 216-307 253q-22 6-42 0c-120-38-307-196-307-253l-1-233 1-108c0-10 5-100 102-100 81 0 163-7 226-50 64 43 146 50 228 50 77 0 100 23 100 98zM509 242c-90 0-165 72-165 161s74 167 164 167 164-78 164-167-73-161-163-161m-3 278a116 116 0 1 1 0-231 116 116 0 0 1 0 231M334 746c0-104 98-173 185-173 104 0 141 61 151 69l33-33q-68-83-184-82c-129 0-237 92-237 219zm250-58 76 75 139-145-28-28-112 112-43-43z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: cover;
  width: 2rem;
  height: 2rem;
  display: inline-block;
}
.list-box .content {
  padding: 1rem 1.5rem;
}
.list-box .content video {
  width: 100%;
}
.list-box .content .title {
  margin-top: 1rem;
}
.link-box {
  background-color: #fafafa;
  margin-top: 2rem;
  padding: 2rem 0;
  margin-bottom: -2rem;
}
.link-box .title-bar .name {
  font-size: 1.6rem;
  font-weight: bold;
  color: #2384e0;
}
.link-box .links {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
}
.link-box .links a {
  height: 2rem;
  line-height: 2rem;
  color: #333;
  position: relative;
}
.link-box .links a:not(:last-child)::after {
  content: '';
  display: block;
  width: 0.1rem;
  height: 1.2rem;
  background-color: #ddd;
  position: absolute;
  right: -1rem;
  top: 50%;
  transform: translateY(-50%);
}
.link-box .links a:hover {
  color: #2384e0;
}

.breadcrumb {
  margin: 2rem 0;
  line-height: 2rem;
  color: #666;
}
.breadcrumb .icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath fill='%232384e0' d='m803 127-3-3C725 46 625 0 512 0S299 46 224 121l-3 6a427 427 0 0 0 0 592l3 3 288 302 288-299 3-3c73-75 119-180 119-299 0-116-46-221-119-296M512 544c-78 0-143-67-143-148q1-53 30-89c27-35 67-59 113-59 78 0 143 67 143 148s-65 148-143 148' data-spm-anchor-id='a313x.search_index.0.i46.4afd3a81fGV0VD'/%3E%3C/svg%3E");
  background-position: left center;
  height: 1.4rem;
  width: 1.4rem;
  display: inline-block;
  background-size: cover;
  vertical-align: middle;
}
.breadcrumb a {
  margin-right: 1.2rem;
  position: relative;
}
.breadcrumb a::after {
  width: 1.4rem;
  height: 1.4rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath fill='%23999' d='M391 135a43 43 0 0 0-60 60l316 317-316 317a43 43 0 1 0 60 60l347-347a43 43 0 0 0 0-60z' data-spm-anchor-id='a313x.search_index.0.i42.4afd3a81fGV0VD'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right center;
  background-size: cover;
  position: absolute;
  right: -1.4rem;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  content: '';
}
.breadcrumb span {
  color: #2384e0;
  font-weight: bold;
}

.pagination {
  margin: 1.5rem 0;
}
.pagination ul {
  display: flex;
  flex-wrap: wrap;
}
.pagination ul li {
  margin: 0.7rem 0.7rem 0 0;
}
.pagination ul li a,
.pagination ul li a.selected {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 4.2rem;
  height: 3.6rem;
  border: 0.1rem solid #2384e0;
  box-sizing: border-box;
  background: #fff;
  font-size: 1.8rem;
  color: #2384e0;
  text-decoration: none;
  border-radius: 0.3rem;
}
.pagination ul li a.selected,
.pagination ul li a:hover {
  background: #2384e0;
  color: #fff !important;
  text-decoration: none;
}

.pagination ul li a [class^='icon-'] {
  width: 2rem;
  height: 2rem;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.no-result {
  text-align: center;
  padding: 5rem 2rem;
  color: #999;
}
.list-page .page-box {
  display: flex;
}
.list-page .page-box .side {
  width: 20rem;
  margin-right: 2rem;
}
.list-page .page-box .side nav {
  border: 0.1rem solid rgba(0, 0, 0, 0.1);
}
.list-page .page-box .side nav .title-bar {
  height: 5rem;
  display: flex;
  align-items: center;
  padding: 0 2rem;
  background-color: #2384e0;
}
.list-page .page-box .side nav .title-bar .icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath fill='%23fff' d='M738 1009H45V15h934v783l-226 211zm120-286V136H166v752h527zM286 271h452v121H286zm0 181h452v120H286zm0 180h226v121H286z' data-spm-anchor-id='a313x.search_index.0.i50.4afd3a81fGV0VD'/%3E%3C/svg%3E");
  display: block;
  width: 2rem;
  height: 2rem;
  background-size: cover;
  margin-right: 1rem;
}
.list-page .page-box .side nav .title-bar .name {
  font-size: 1.6rem;
  color: #fff;
  font-weight: bold;
}
.list-page .page-box .side nav ul li {
  height: 5rem;
  border-bottom: 0.1rem solid rgba(0, 0, 0, 0.1);
}
.list-page .page-box .side nav ul li:last-child {
  border-bottom: none;
}

.list-page .page-box .side nav ul li a {
  display: block;
  line-height: 5rem;
  padding: 0 2rem;
  position: relative;
}
.list-page .page-box .side nav ul li a::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1099 1024'%3E%3Cpath fill='%23777' d='M431 273q12-10 24 3l208 202q10 8 10 17-1 11-10 18L455 717c-8 7-14 12-23 3-11-10-7-14 4-26l205-198-204-195c-10-9-17-17-6-28' data-spm-anchor-id='a313x.search_index.0.i4.4afd3a81fGV0VD'/%3E%3C/svg%3E");
  content: '';
  width: 2rem;
  height: 2rem;
  background-size: cover;
  display: block;
  position: absolute;
  top: 50%;
  right: 1rem;
  transform: translateY(-50%);
}
.list-page .page-box .side nav ul li.selected,
.list-page .page-box .side nav ul li:hover {
  background-color: rgba(154, 214, 255, 0.1);
  border-left: 0.2rem solid #2384e0;
}
.list-page .page-box .side nav ul li.selected a,
.list-page .page-box .side nav ul li:hover a {
  color: #2384e0;
}
.list-page .page-box .main {
  flex: 1;
  border: 0.1rem solid rgba(0, 0, 0, 0.1);
}
.list-page .page-box .main .list ul {
  padding: 1rem 1.5rem;
  border-bottom: 0.1rem solid rgba(0, 0, 0, 0.1);
}
.list-page .page-box .main .list ul li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2.5rem;
  height: 3.2rem;
  width: 100%;
  overflow: hidden;
}
.list-page .page-box .main .list ul li a {
  display: block;
  flex: 1;
  height: 3.2rem;
  line-height: 3.2rem;
  width: 20rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #333;
  padding-left: 1.5rem;
  position: relative;
}
.list-page .page-box .main .list ul li a::before {
  position: absolute;
  left: 0;
  top: 50%;
  content: '';
  display: block;
  width: 0.4rem;
  height: 0.4rem;
  background: #999;
  transform: translateY(-50%);
}
.list-page .page-box .main .list ul li a:hover {
  color: #2384e0;
}
.list-page .page-box .main .list ul li span.date {
  color: #999;
  white-space: nowrap;
}
.list-page .page-box .main .pagination {
  margin: 1.5rem;
}

.detail-page .detail-content .detail-title {
  margin: 3rem 0;
}
.detail-page .detail-content .detail-title .title {
  font-size: 3rem;
  font-weight: bold;
  text-align: center;
}
.detail-page .detail-content .detail-title .info {
  height: 4rem;
  margin: 2rem 0;
  display: flex;
  gap: 3rem;
  color: #999;
  justify-content: center;
  border-bottom: 0.1rem solid rgba(0, 0, 0, 0.1);
}
.detail-page .detail-content .detail-info {
  font-size: 1.6rem;
  line-height: 1.75em;
  text-align: justify;
  color: #333;
}
.detail-page .detail-content .detail-info img {
  margin: auto;
  display: block;
  max-width: 100%;
}
.detail-page .detail-content .video {
  text-align: center;
  width: 100%;
  max-width: 64rem;
  margin: 2rem auto;
}
.detail-page .detail-content .picture {
  text-align: center;
  width: 100%;
  max-width: 64rem;
  margin: 2rem auto;
}
.detail-page .detail-content .summary {
  margin: 2rem 0;
  padding: 1.5rem;
  line-height: 1.8em;
  word-break: break-all;
  white-space: pre-line;
  background-color: #f5f5f5;
  border-radius: 0.3rem;
  color: #666;
  font-size: 1.6rem;
  border: 0.1rem solid rgba(0, 0, 0, 0.1);
}
.detail-page .detail-content .video video {
  width: 100%;
}
.detail-page .detail-content .download i {
  display: inline-block;
  margin-right: 0.6rem;
  width: 1.4rem;
  height: 1.4rem;
  background-position: center;
  background-size: cover;
}
.detail-page .detail-content .download i.doc {
  background-image: url('../images/ext/doc.gif');
}
.detail-page .detail-content .download i.docx {
  background-image: url('../images/ext/docx.gif');
}
.detail-page .detail-content .download i.pdf {
  background-image: url('../images/ext/pdf.gif');
}
.detail-page .detail-content .download i.ppt {
  background-image: url('../images/ext/ppt.gif');
}
.detail-page .detail-content .download i.pptx {
  background-image: url('../images/ext/pptx.gif');
}
.detail-page .detail-content .download i.rar {
  background-image: url('../images/ext/rar.gif');
}
.detail-page .detail-content .download i.txt {
  background-image: url('../images/ext/txt.gif');
}
.detail-page .detail-content .download i.xls {
  background-image: url('../images/ext/xls.gif');
}
.detail-page .detail-content .download i.xlsx {
  background-image: url('../images/ext/xlsx.gif');
}
.detail-page .detail-content .download i.zip {
  background-image: url('../images/ext/zip.gif');
}
.detail-page .detail-content .download a {
  color: #2384e0;
}
.detail-page .detail-content table {
  background-color: #ccc;
  border-spacing: 1px;
}
.detail-page .detail-content table td,
.detail-page .detail-content table th {
  background-color: #fff;
}
.search-page .page-box {
  display: flex;
}
.search-page .page-box .main {
  width: 80%;
}
.search-page .list ul li {
  margin: 1rem 0;
  padding: 0.5rem 0;
  border-bottom: 0.1rem dotted #ccc;
}
.search-page .list ul :last-child {
  border-bottom: none;
}
.search-page .list ul .title {
  font-size: 1.8rem;
  line-height: 1.25em;
}
.search-page .list ul .title a {
  color: #2384e0;
}
.search-page .list ul .description .text {
  max-height: 10rem;
  line-height: 1.5em;
  display: -webkit-box;
  line-clamp: 4;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  color: #666;
  margin: 1rem 0;
}
.search-page .list ul .description .time {
  color: #999;
}
.search-page .list ul .title a em,
.search-page .list ul .description .text em {
  font-style: normal;
  color: #c00;
}
@media (max-width: 768px) {
  .container {
    box-sizing: border-box;
    padding: 0 1.5rem;
  }
  header .logo {
    margin: 0 auto;
  }
  header .nav-bar .container {
    padding-left: 0;
  }
  header .nav-bar nav {
    width: 6.4rem;
    height: 4.8rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath fill='%23fff' d='M927 262H97c-27 0-50-22-50-48s23-49 50-49h830c28 0 50 22 50 49 0 26-22 48-50 48m0 575H97c-27 0-50-22-50-48s23-49 50-49h830c28 0 50 22 50 49s-22 48-50 48m0-287H97c-27 0-50-21-50-48s23-49 50-49h830c28 0 50 22 50 49s-22 48-50 48' data-spm-anchor-id='a313x.search_index.0.i34.4afd3a81fGV0VD'/%3E%3C/svg%3E");
    background-size: 3.6rem 3.6rem;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    position: relative;
    display: block;
    background-color: #2384e0;
  }
  header .nav-bar nav .link {
    display: none;
  }
  header .nav-bar nav:hover {
    background-color: #1c6ec4;
  }
  header .nav-bar nav:hover .link,
  header .nav-bar nav:active .link {
    display: block;
    position: absolute;
    left: 0;
    top: 4.8rem;
    width: 14rem;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 9999;
  }
  header .nav-bar nav a {
    padding: 0 2rem;
    width: 100%;
    box-sizing: border-box;
  }
  footer .container {
    flex-direction: column;
  }
  .home-page .head-line .h2 {
    flex-direction: column;
  }
  .home-page .layer {
    flex-direction: column;
  }
  .home-page .home-swiper {
    width: 100%;
    height: auto;
  }
}
@media (max-width: 640px) {
  .list-page .page-box {
    flex-direction: column;
    gap: 2rem;
  }
  .list-page .page-box .side {
    width: 100%;
    margin: 0;
  }
  .search-page .page-box {
    flex-direction: column;
    gap: 2rem;
  }
  .search-page .page-box .main {
    width: 100%;
  }
}