.wrapper .header { height: 240px; background: url("/view/img/bannerBg.2bc0a117.png") 0% 0% / 100% 100% no-repeat; text-align: center; padding: 0px 24%; display: flex; flex-direction: column; align-items: center; justify-content: center; }

.wrapper .header .title { font-size: 32px; font-weight: 600; color: rgb(255, 255, 255); margin-bottom: 20px; }

.wrapper .header .line { height: 2px; transform: rotate(180deg); opacity: 1; background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 49%, rgba(255, 255, 255, 0) 100%); width: 100%; margin-bottom: 24px; }

.wrapper .header .des { font-size: 14px; color: rgb(255, 255, 255); }

.wrapper .cardsDom { background: url("/view/img/cardBg.d5c4b8fe.png") 0% 0% / cover no-repeat; min-height: 350px; max-height: 950px; padding: 40px 12%; box-sizing: border-box; }

.wrapper .cardsDom .cards { display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(3, 240px); gap: 40px; height: 96%; }

.wrapper .cardsDom .cards .card { border-radius: 16px; background: rgb(255, 255, 255); padding: 20px 20px 0px; box-sizing: border-box; border: 2px solid rgb(255, 255, 255); cursor: pointer; }

.wrapper .cardsDom .cards .card .cardTop { display: flex; margin-bottom: 12px; }

.wrapper .cardsDom .cards .card .cardTop .cardLeft { max-width: 160px; max-height: 160px; margin-right: 20px; }

.wrapper .cardsDom .cards .card .cardTop .cardRight div:nth-child(1) { font-size: 20px; font-weight: 700; color: rgb(1, 12, 35); margin-bottom: 4px; }

.wrapper .cardsDom .cards .card .cardTop .cardRight div:nth-child(2) { font-size: 14px; font-weight: 700; color: rgb(75, 85, 99); margin-bottom: 20px; padding-left: 6px; }

.wrapper .cardsDom .cards .card .cardTop .cardRight div:nth-child(3) { font-family: "Microsoft YaHei"; font-size: 14px; color: rgb(75, 85, 99); display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden; }

.wrapper .cardsDom .cards .card .cardBottom { border-top: 1px solid rgb(220, 223, 230); height: calc(100% - 176px); display: flex; align-items: center; font-size: 14px; color: rgb(137, 149, 168); }

.wrapper .cardsDom .cards .card .cardBottom div { width: 50%; }

.wrapper .cardsDom .cards .card:hover { border: 2px solid rgb(139, 171, 249); box-sizing: border-box; box-shadow: rgba(23, 89, 245, 0.3) 0px 4px 10px; }

.wrapper .cardsDom .pagination { display: flex; justify-content: flex-end; }

.pagination-container { background: transparent; margin-top: 0px; }