﻿
.notice_b { width: 100%; height: 45px; line-height: 45px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.notice_b > div { width: 100%; height: 100%; padding:0 10px; display:flex; justify-content:center;align-items:center; font-size:14px; background:#fff;}
.notice_b strong { width: 41px; height: 25px; margin-right:10px; line-height:25px; text-align:center; border-radius: 7px; background-color: #000; color:#fff; display: block; font-weight:500; font-size:12px; }
.notice_b p { width: 100%; height: 45px; line-height: 45px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight:500;}
.notice_b .noti_swiper { width: 100%; height: 45px; }
.notice_b .noti_swiper a{ width: 100%; display:block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight:bold;}
.top_swiper { width:calc(100% - 20px); overflow: hidden; margin:10px;}
.top_swiper a { position: relative; overflow:hidden; display: block; padding-top:440px; }
.top_swiper a span { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background:#000; }
.top_swiper a span img { width: auto; min-width:100%; height: 100%; position:absolute; top:0; left:50%; transform:translateX(-50%); opacity:1;}
.top_swiper a p { width: 100%; padding: 30px 30px 40px; position: absolute;top:0; left: 0;color: #fff; font-size:30px; text-align:left;}
.top_swiper a p strong { width: 100%; display: block; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;  font-weight:bold;}
.top_swiper .swiper-pagination { bottom: 25px; }
.top_swiper .swiper-pagination-bullet { width: 8px; height: 8px; background: #fff; border-radius: 2px; opacity:1;}
.top_swiper .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #f03f04 }

.content .list_b { display: flex; justify-content: space-between; flex-wrap: wrap; }
.content .list_b li { height:170px; margin-bottom:10px; position:relative; border-radius:20px; }
.content .list_b li a{ display:block; width:100%;height:100%; padding:20px; position:relative;}
.content .list_b li h2{ font-size:20px; }
.content .list_b .size1 { width: calc(55% - 5px); }
.content .list_b .size2 { width: calc(45% - 5px); }
.content .list_b .size3 { width:calc(33.3% - 7px); }
.content .list_b li:nth-of-type(1) { background: #f03f04;}
.content .list_b li:nth-of-type(2) { background: #f9d748; }
.content .list_b li:nth-of-type(3) { background: #3f71ef; }
.content .list_b li:nth-of-type(4) { background: #f06eaa; }
.content .list_b li:nth-of-type(5) { background: #01a000; }
.content .list_b li:nth-of-type(6) { background: #c09fd9; }
.content .list_b li:nth-of-type(7) { background: #cdd2d4; } 
.content .list_b .bul img{ position:absolute; right:20px; bottom:20px; }
.content .list_b .size1 .bul img { width: 40px; }
.content .list_b .size2 .bul img{ width:40px; }
.content .list_b .size3 .bul img{ width:35px; }

