a { text-decoration: none; color: inherit; }
p { margin: 0; }
html { background: linear-gradient(180deg, rgba(245, 247, 250, 0) 0%, #f5f7fa 35%); }
body { display: flex; flex-direction: column; align-items: center; /* justify-content: center; */ width: 100%; /* height: 100vh; */ margin: 0; /*padding-bottom: 100px;*/ background: url("/images/page_bg.png") no-repeat center 100% / cover; color: #333; }
.page { width: 1300px; }
/* header */
.page-header { position: relative; display: flex; align-items: center; padding: 23px 0; }
.page-header .page-header-title { font-size: 40px; font-weight: 900; line-height: 56px; background: linear-gradient(181deg, #00a2ff 5%, #2b71e4 78%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; text-shadow: 0px 5px 12px rgba(44, 114, 228, 0.3); }
.page-header .header-title-right { width: 390px; height: 32px; margin-left: 39px; }
.page-header .header-title-bottom { position: absolute; top: 74px; left: 0; width: 315px; height: 56px; }

/* Clear Fix */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hide from IE Mac */
.clearfix { display: block; }
/* End hide from IE Mac */
/* end of clearfix */

/* body */
.content-box { padding: 40px; box-sizing: border-box; border-radius: 10px; background: #fff; }
.mt-16 { margin-top: 16px; }
.mt-4 { margin-top: 4px; }

/*ellipsis*/
.sle { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* footer */
.footer-wrap { padding-top: 30px; padding-bottom: 23px; background: #f5f7fa; /* background: linear-gradient(180deg, rgba(245, 247, 250, 0) 0%, #f5f7fa 35%); */ }
.footer-cell { }
.footer-cell p { color: #999; line-height: 24px; text-align: center; }
.footer-cell a { color: #999; }

/* p-page */
.p-page { margin-top: 20px; text-align: center; }
.p-page .rows { display: none; }
.p-page a { display: inline-block; line-height: 28px; height: 28px; border: solid 1px #EBEBEB; background-color: #FFF; border-radius: 20px; text-align: center; min-width: 20px; padding: 0 4px; margin-right: 5px; color: #999; }
.p-page a.current { background-color: #DFEEFF; border-color: #368EF4; color: #368EF4; }

.page-nav { color: #999; line-height: 40px; border-bottom: solid 1px #D9D9D9; margin-bottom: 20px; }
.page-nav a { padding: 0 5px; color: #999; }
.page-nav span { padding: 0 5px; }
.page-rcontent { padding: 10px 80px; min-height: 700px; }


/* °´Å¥ */
.page-btn { width: 100px; height: 40px; line-height: 40px; text-align: center; font-size: 16px; cursor: pointer; }
.normal-btn { color: rgba(255, 255, 255, 0.9); background: linear-gradient(123deg, #178FE5 -6%, #176DE5 101%); border-radius: 4px; box-sizing: border-box; cursor: pointer; }
.border-btn { color: #666666; border-radius: 4px; box-sizing: border-box; border: 1px solid #CBCBCB; cursor: pointer; }
a.normal-btn { color: rgba(255, 255, 255, 0.9); }
a.border-btn { color: #666666; }