#announcement .container{margin-top:20px}#announcement .container .announcement-wrap{display:flex}#announcement .container .announcement-title{text-align:center;font-size:40px;line-height:40px;margin-bottom:20px;font-family:cursive}#announcement .container .announcement-list{width:300px;height:500px;background:#fff;border:1px solid #eee;overflow-y:auto}#announcement .container .announcement-list p{text-align:center;color:#d5d5d5;padding:10px}#announcement .container .announcement-list .announcement-item{display:flex;justify-content:space-between;align-items:center;height:40px;line-height:40px;padding:5px 10px;border-bottom:1px solid #eee;cursor:pointer}#announcement .container .announcement-list .announcement-item.active{background:#f3f3f3}#announcement .container .content{flex:1;margin-left:20px;background:#fff;padding:10px;min-height:500px}#announcement .container .content .title{display:flex;justify-content:space-between;background:#eee;padding:10px;margin-bottom:10px}#announcement .container .content .main{padding:10px}