.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; }
.tips { line-height: 32px; font-size: 14px; text-align: center; }
.cbox { padding-top: 10px; }
.cbox table { border-color: #fff; }
.cbox th, .cbox td { text-align: center; font-size: 16px; padding: 4px; line-height: 30px; }
.cbox th { background: #6CA9EB; font-weight: bold; }
.cbox td { background: #B3D9FF; }

.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; }

.form-wrap { margin-top: 46px; display: flex; justify-content: center; /* flex-direction: ; */ }

.form-wrap .form-label { display: flex; align-items: center; font-size: 14px; color: #666666; }

.form-wrap .form-label .card { font-weight: bold; color: #333333; letter-spacing: 1px; }

.form-wrap .form-item { margin-top: 20px; }

.form-wrap .form-input { width: 400px; padding-left: 12px; padding-right: 60px; font-size: 14px; height: 40px; line-height: 40px; color: #333333; box-sizing: border-box; border: 1px solid #CCCCCC; border-radius: 4px; }

.form-input-block { position: relative; margin-top: 8px; }

.form-wrap .suffix { position: absolute; right: 12px; top: 8px; font-size: 14px; color: #333; line-height: 40px; border: 1px solid #ccc; line-height: 16px; padding: 3px 5px; }

.form-wrap .tips { margin-top: 8px; font-size: 12px; color: #666666; text-align: left; }
.form-wrap .tips span { letter-spacing: 1px; }

.form-wrap .edit-btn { margin-top: 32px; width: 400px; height: 40px; line-height: 40px; background: #368EF4; }

.c-item { padding-top: 5px; padding-bottom: 10px; }
.c-item .c-input { padding: 3px; width: 200px; line-height: 26px; border: solid 1px #555; }