.main-notice {position: relative;height: 50px;/* border-radius: 5px; */border-bottom: 1px solid #4d6f7d;transition: all 0.3s ease;} 

.main-notice:hover {
    /* background: linear-gradient(112deg, #3e7287, #7abbd5a3); */
    /* border-radius: 5px; */
    /* border: #fff; */
}

.main-notice > ul { position: relative; display: block; width: 100%; height: 100%; } 

.main-notice > ul > li {position: absolute;left: 0;top: 0px;width: 100%;height: calc(100% - 60px);background: #fff;display: block;} 

.main-notice .row button {/* position: absolute; *//* top: -60px; */left: 0;width: 98%;height: 55px;font-family: 'Noto Light', sans-serif;font-size: 16px;color: rgba(255, 255, 255, 0.7);transition: color 0.3s;} 

.main-notice .row.on button {font-family: 'H Medium', sans-serif;font-size: 22px;text-align: center;letter-spacing: -1px;color: #eb0d0de6;} 

.main-notice .row.on button::after { content: ""; display: none; position: absolute; left: 50%; bottom: 0; width: 11px; height: 7px; margin-left: -5.5px; background: url('../images/notice_select.png'); } 

.main-notice .row button span { position: relative; } 

.main-notice .row button span::after { content: ""; display: block; position: absolute; left: 0; bottom: -5px; width: 0%; height: 1px; background-color: #fff; transition: width 0.3s; } 

.main-notice:hover .row button,
.main-notice .row button:hover { color: #fff; } 

.main-notice .row button:hover span::after { width: 100%; } 

.main-notice .row:nth-child(2) button { left: 123px; } 

.main-notice .row .info { display: none; } 

.main-notice .row.on .info {display: block;position: relative;z-index: 10;background-color: white;} 

.main-notice .row .more {position: absolute;right: 15px;top: 10px;display: none;width: 25px;height: 25px;background: url('../images/notice_link.png') no-repeat center center;text-indent: -9999px;transition: all 0.3s;filter: brightness(0.5);border-radius: 50%;border: 1px solid #53778363;background-size: 15px;} 

.main-notice .row.on .more { display: block; } 

.main-notice .row:hover .more { transform: rotate(180deg); filter: brightness(0.5); } 

.main-notice .info ul { padding: 25px 15px; } 
.main-notice .info .date{display:none;}
.main-notice .info li { border-bottom: 1px solid #ddd; } 

.main-notice .info li:last-child { border-bottom: none; } 

.main-notice .info li a {display: block;padding: 10px 0;color: #312f2f;transition: all 0.3s;font-size: 16px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;height: 45px;/* font-weight: 600; */line-height: 35px;font-family: 'Dream Regular';} 

.main-notice .info li a:hover {color: #195fff!important;} 

.main-notice .info li a::after { content: ""; display: table; clear: both; } 

.main-notice .info .main-date { display: none; float: left; width: 90px; height: 90px; border: 4px solid #eee; margin-right: 20px; background-color: #fff; } 

.main-notice .info .main-date p { margin: 8px 0 5px; font-family: 'Titil Bold', sans-serif; font-size: 40px; text-align: center; line-height: 1; color: #111; } 

.main-notice .info .main-date span { display: block; font-family: 'Titil Regular', sans-serif; text-align: center; color: #888; } 

.main-notice .info li:first-child .main-date,
.main-notice .info li:first-child .date { display: none !important; } 

.main-notice .info li:first-child a { color: #333; } 

.main-notice .info li a > p { overflow: hidden; float: left; width: calc(100% - 10px); text-overflow: ellipsis; white-space: nowrap; font-family: 'Dream bold', sans-serif; } 

.main-notice .info li a > p span { position: relative; } 

.main-notice .info li a > p span::after { content: ""; display: block; position: absolute; left: 0; bottom: 0; width: 0%; height: 1px; background-color: #111; transition: width 0.3s; } 

.main-notice .info li a:hover > p span::after { width: 100%; } 

.main-notice .info li a > span { float: right; display: none; } 

.main-notice .info li.nodata { text-align: center; } 
.main-notice:hover .row button span {color: #a78154 !important;}
 .main-notice .row span{color: #002d56 !important;display: block;height: 50px;text-align: center;font-family: 'H Medium';font-size: 1.6rem;} 


@media all and (max-width: 767px) {
.info-content h1 strong a, .link-content h1 strong a{font-size: 1.25rem!important;}
}