.page-content { }
.title { font-size: 24px; font-weight: bold; line-height: 50px; text-align: center; }
.box-title { display: flex; align-items: center; border-bottom: 1px solid #3B8AEA; margin: 20px 0; }
.box-title span { position: relative; padding-right: 32px; font-size: 21px; font-weight: 900; line-height: 42px; background: linear-gradient(181deg, #4AA0F0 5%, #2b71e4 78%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; }
.box-title span::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 2px; background: #2A70E4; }
.time-item { line-height: 32px; font-size: 14px; color: #333333;}
.time-item span { font-weight: bold; background: linear-gradient(181deg, #4AA0F0 5%, #2b71e4 78%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; }

.information-list { overflow: hidden; flex: 1; }
.information-item { position: relative; display: block; padding-left: 14px; padding-right: 23px; line-height: 32px; font-size: 14px; color: #333; }
.information-item a { color: #333; float: left; width: 820px; }
.information-item span.time { float: right; color: #999; }
.information-item::before { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 5px; height: 5px; background: #666; border-radius: 50%; }

.agreement-btns { display: flex; justify-content: center; margin-top: 24px; }