@import url(./index.css?v=2023618);
#banner>img{width: 100%;}
#slogan{width: 90%; text-align: center; background: #bc204b;color: #FFF;font-size: 0.35rem; 
line-height: 0.5rem; margin: 0 auto; padding: 10px 0;font-weight: bold;}
#intro_text{text-indent: 0.6rem;color: #666;font-size: 0.35rem; line-height: 0.5rem; padding: 20px 20px;}

#big_box{padding: 0 15px;}
#year_list{display: flex;list-style: none;overflow-x: auto;padding: 10px 0;}
#year_list>li{flex-shrink: 0;width: 33%; text-align: center;color: #bc204b;font-weight: bold;opacity: 0.2;font-size: 22px;}
#year_list>li.current{opacity: 1;}
#year_list>li>small{font-weight: normal;font-size: 16px;}

.triangle{
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-bottom-color: #bc204b ;
	margin: -13px auto 0 auto;
}
#show_box{ background:#bc204b;color: #FFF; position: relative;overflow: hidden; height: 500px; margin-bottom: 20px;}
#show_box>ul{ overflow: hidden;list-style: none;display: flex; flex-direction: column;}
#show_box>ul>li{ padding: 10px 20px 0 20px; margin-bottom: 100px; order: 1;}
#show_box>ul>li>.title{font-size: 16px; line-height: 22px;}
#show_box>ul>li>.img{margin-top: 10px;}
#show_box>ul>li>.img>img{width: 100%;}
.mark{background: #bc204b;color: #FFF;border-radius: 2px;display: inline-block;margin-left: 10px;padding: 2px 8px;}