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

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

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

.flex.end { align-items: flex-end; }

.flex.left { justify-content: flex-start; }

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

.flex.jr { justify-content: flex-end; }

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

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

.flex-bd { flex: 1; }

.flex .shink0 { flex-shrink: 0; }

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

.w100 { width: 100%; }

body { background-color: #F6F7FB; }

.theme1-banner { height: 500px; background: url(../images/theme2/banner.png) center center no-repeat; background-size: cover; }

.theme1-banner .banner-txt { font-size: 64px; font-weight: bold; color: #F04C15; text-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }

.catelog { background: #fff; justify-content: space-around; margin-top: -45px; }

.catelog .item { border-right: 1px solid #eee; padding: 40px 30px; box-sizing: border-box; flex: 1; display: flex; justify-content: center; align-items: center; font-size: 22px; transition: all 0.35s; }

.catelog .item:hover em { transform: translate(5px); font-size: 24px; }

.catelog .item:hover span { transform: translate(-5px) scale(0.9); }

.catelog .item em { margin-left: 10px; transition: all 0.35s; }

.catelog .item span { font-size: 50px; transition: all 0.35s; width: 46px; height: 46px; background: center center no-repeat; background-size: 100%; }

.catelog .item span.theme-icon1 { background-image: url(../images/theme2/theme-icon1.svg); }

.catelog .item span.theme-icon2 { background-image: url(../images/theme2/theme-icon2.svg); }

.catelog .item span.theme-icon3 { background-image: url(../images/theme2/theme-icon3.svg); }

.catelog .item span.theme-icon4 { background-image: url(../images/theme2/theme-icon4.svg); }

.lasted-news { background-color: #FFFFFF; border-radius: 16px 0 16px 0; overflow: hidden; height: 111px; margin-top: -50px; margin-bottom: 40px; position: relative; }

.lasted-news .more { background: linear-gradient(270deg, #e81111 0%, #f04c15 100%); color: #fff; position: absolute; right: -23px; top: -14px; z-index: 3; width: 60px; height: 30px; padding-top: 10px; transform: rotate(45deg); cursor: pointer; }

.lasted-news .more span { transform: rotate(-45deg); font-size: 20px; }

.lasted-news .title { width: 111px; height: 111px; font-size: 24px; color: #fff; background: linear-gradient(270deg, #e81111 0%, #f04c15 100%); box-sizing: border-box; padding: 15px; text-align: center; letter-spacing: 5px; border-radius: 0 0 16px 0; }

.lasted-news .content { padding: 0 30px; margin-bottom: 0; }

.lasted-news .content .news-item { margin-bottom: 10px; }

.lasted-news .content .news-item:last-child { margin-bottom: 0; }

.lasted-news .content .news-item .time { color: #6D6D6D; font-size: 12px; position: relative; padding-right: 30px; }

.lasted-news .content .news-item .time::after { content: "|"; position: absolute; right: 10px; color: #adadad; }

.lasted-news .content .news-item .item-con { color: #222222; font-size: 16px; }

.theme1-section-title { margin-bottom: 10px; }

.theme1-section-title .title { font-size: 18px; margin-top: 50px; font-weight: bold; text-align: center; background: url(../images/theme2/title_bg.png) center center no-repeat; height: 78px; color: #B41717; }

.theme1-section-title .title span { font-size: 28px; }

.theme1-section-title .more-box { margin-top: 20px; }

.theme1-section-title .more { color: #777777; cursor: pointer; transition: all 0.35s; }

.theme1-section-title .more:hover { transform: translateX(-10px); }

.theme-section { margin-bottom: 44px; }

.theme-section .secion-content { padding-top: 20px; }

.theme-section .item-newspic { box-sizing: border-box; position: relative; transition: all 0.35s ease-in-out; }

.theme-section .item-newspic:hover { transform: translateY(-10px); }

.theme-section .item-newspic .item-cover { width: 100%; padding-bottom: calc(100% * 124 / 220); position: relative; box-sizing: border-box; border-radius: 5px; overflow: hidden; background: rgba(0, 0, 0, 0.3); }

.theme-section .item-newspic .item-cover img { object-fit: cover; width: 100%; height: 100%; position: absolute; }

.theme-section .item-newspic .item-con { width: 100%; overflow: hidden; padding: 12px 0; box-sizing: border-box; }

.theme-section .item-newspic .item-con .name { color: #1D2129; font-size: 16px; white-space: nowrap; white-space: nowrap; overflow: hidden; text-overflow: -o-ellipsis-lastline; text-overflow: ellipsis; }

.theme-section .item-newspic .item-con .des { color: #86909C; font-size: 12px; margin-top: 6px; white-space: nowrap; overflow: hidden; text-overflow: -o-ellipsis-lastline; text-overflow: ellipsis; }

.theme-section .item-audio:hover .cover img { border-radius: 20px 6px 6px 20px; }

.theme-section .item-audio:hover .cover .bg { transform: translateX(30px) translateY(-50%); transform-origin: center; }

.theme-section .item-audio .cover { width: 180px; height: 160px; position: relative; z-index: 2; }

.theme-section .item-audio .cover img { width: 100%; height: 100%; object-fit: cover; border-radius: 5px; transition: all 0.35s; }

.theme-section .item-audio .cover .bg { transition: all 0.35s; width: 122px; height: 122px; background: url(../images/music-icon.png) center center no-repeat; background-size: contain; position: absolute; z-index: -1; right: -28px; top: 50%; transform: translateY(-50%); }

.theme-section .item-audio .name { font-size: 16px; color: #181818; white-space: nowrap; overflow: hidden; text-overflow: -o-ellipsis-lastline; text-overflow: ellipsis; margin-top: 20px; }

.theme-section.memory { padding-top: 40px; }

.theme-section.memory .item-newspic.big { width: 710px; margin-right: 25px; overflow: hidden; border-radius: 6px; }

.theme-section.memory .item-newspic.big .item-con { position: absolute; bottom: 0; padding: 25px 20px; background: linear-gradient(180deg, transparent 0%, black 100%); }

.theme-section.memory .item-newspic.big .item-con .item-type { background: linear-gradient(270deg, #fd7e2f 1%, #ffd574 100%); color: #fff; border-radius: 3px; overflow: hidden; display: inline-block; padding: 5px 8px; line-height: 1; font-size: 12px; }

.theme-section.memory .item-newspic.big .item-con .name { color: #fff; font-size: 20px; font-weight: bold; }

.theme-section.memory .item-newspic.big .item-con .des { color: #fff; margin-top: 10px; }

.theme-section.memory .item-newspic.big .item-con .con-box { width: calc(100% - 50px); margin-right: 20px; }

.theme-section.memory .item-newspic.big .item-con .cons { flex-shrink: 0; box-sizing: border-box; padding-left: 10px; background-color: #e81111; height: 32px; width: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; }

.theme-section.memory .item-newspic.big .item-con .cons img { width: 16px; height: 16px; transform: translate(-4px); }

.theme-section.memory .right-area .item-newspic { width: 220px; margin-right: 25px; margin-bottom: 28px; }

.theme-section.memory .right-area .item-newspic:nth-child(2n) { margin-right: 0; }

.theme-section.memory .right-area .item-newspic:last-child, .theme-section.memory .right-area .item-newspic:nth-last-child(2) { margin-bottom: 0; }

.theme-section.video, .theme-section.paint { padding-top: 20px; }

.theme-section.video .item-newspic, .theme-section.paint .item-newspic { width: 282px; margin-right: 24px; margin-bottom: 24px; padding: 10px; box-sizing: border-box; background-color: #fff; border-radius: 10px; }

.theme-section.video .item-newspic:nth-child(4n), .theme-section.paint .item-newspic:nth-child(4n) { margin-right: 0; }

.theme-section.video .item-newspic .cover-times, .theme-section.paint .item-newspic .cover-times { width: 100%; position: absolute; bottom: 0; padding: 25px 20px  15px; background: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.6) 100%); box-sizing: border-box; color: #fff; }

.theme-section.video .item-newspic .cover-times .icon, .theme-section.paint .item-newspic .cover-times .icon { width: 36px; height: 36px; border-radius: 100%; overflow: hidden; background-color: rgba(0, 0, 0, 0.5); }

.theme-section.video .item-newspic .cover-times .icon img, .theme-section.paint .item-newspic .cover-times .icon img { width: 24px; height: 24px; }

.theme-section.video .item-newspic .item-con, .theme-section.paint .item-newspic .item-con { background: #fff; box-sizing: border-box; border-radius: 0 0 6px 6px; }

.theme-section.video .item-newspic .item-con .name, .theme-section.paint .item-newspic .item-con .name { color: #181818; }

.theme-section.video .item-newspic .item-con .des, .theme-section.paint .item-newspic .item-con .des { white-space: wrap; line-height: 1.8; color: #777777; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: -o-ellipsis-lastline; text-overflow: ellipsis; }

.theme-section.paint .item-cover { padding-bottom: calc(100% * 124 / 124); background-color: #fff; border: 1px solid #eee; }

.theme-section.paint .item-cover img { object-fit: contain; }

.theme-section.music .item-audio { margin-right: 68px; margin-bottom: 30px; }

.theme-section.music .item-audio:nth-child(5n) { margin-right: 0; }

.theme-section.fewNews .pic-area { width: 588px; }

.theme-section.fewNews .pic-area .item-newspic { margin-bottom: 30px; display: block; overflow: hidden; border-radius: 15px; }

.theme-section.fewNews .pic-area .item-newspic .item-cover { padding-bottom: calc(100% * 260 / 588); }

.theme-section.fewNews .pic-area .item-newspic .item-con { position: absolute; bottom: 0; padding: 25px 20px 10px; background: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.6) 100%); overflow: hidden; }

.theme-section.fewNews .pic-area .item-newspic .item-con .con-box { width: calc(100% - 50px); margin-right: 20px; }

.theme-section.fewNews .pic-area .item-newspic .item-con .cons { flex-shrink: 0; box-sizing: border-box; padding-left: 10px; background-color: #e81111; height: 32px; width: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; }

.theme-section.fewNews .pic-area .item-newspic .item-con .cons img { width: 16px; height: 16px; transform: translate(-4px); }

.theme-section.fewNews .pic-area .item-newspic .item-con .name { color: #fff; font-size: 20px; font-weight: bold; }

.theme-section.fewNews .pic-area .item-newspic .item-con .des { color: #fff; margin-top: 10px; }

.theme-section.fewNews .news-main { background: #fff; border: 1px solid #eeeeee; border-radius: 16px; margin-left: 24px; padding: 20px 27px; }

.theme-section.fewNews .news-main .main-title { font-size: 20px; color: #B41717; }

.theme-section.fewNews .news-main .main-title em { color: #FC1B1B; font-weight: bold; font-size: 22px; margin-right: 10px; }

.theme-section.fewNews .news-main .item-news { display: block; padding: 22px 0; border-bottom: 1px solid #EEEEEE; cursor: pointer; }

.theme-section.fewNews .news-main .item-news:nth-child(4) { border: none; padding-bottom: 0; }

.theme-section.fewNews .news-main .item-news .name { font-size: 16px; line-height: 1.7; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: -o-ellipsis-lastline; text-overflow: ellipsis; }

.theme-section.fewNews .news-main .item-news .time { margin-top: 10px; color: #6D6D6D; }

.theme-section.fewNews .news-main .more-btn { width: 128px; height: 39px; font-size: 16px; border-radius: 3px; border: 1px solid #B41717; color: #B41717; margin-left: auto; transition: all 0.35s; }

.theme-section.fewNews .news-main .more-btn:hover { transform: translate(-10px); }