@charset "utf-8";

/* 格式化 */
html, body, div, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, ul, li, fieldset, form, label, input, legend, table, caption, tbody, tfoot, thead, tr, th, td, textarea, article, aside, audio, canvas, figure, footer, header, mark, menu, nav, section, time, video { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal }
article, aside, dialog, figure, footer, header, hgroup, nav, section, blockquote { display: block; }
ul, ol { list-style: none; }
img { border: 0 none; vertical-align: top; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: none; }
table { border-collapse: collapse; border-spacing: 0; }
strong, em, i { font-style: normal; font-weight: normal; }
ins { text-decoration: underline; }
del { text-decoration: line-through; }
mark { background: none; }
input::-ms-clear { display: none !important; }
body { font: 10px/1.5 \5FAE\8F6F\96C5\9ED1, \5B8B\4F53, "Hiragino Sans GB", STHeiti, "WenQuanYi Micro Hei", "Droid Sans Fallback", SimSun, sans-serif; background: #fff; }
a { text-decoration: none; color: #333; }
a:hover { text-decoration: underline; }

html,body { background-color: #f6fbfd; font-size:8px; scroll-behavior: smooth;}



/*通用*/
.box_top { grid-area: header; width: 100%; min-width: 1296px; font-size: 2rem; background: linear-gradient(0deg, #fff, #f4f4f4); box-shadow:0 1rem 2rem rgba(0, 0, 0, .06);}
.box_bot { grid-area: footer; width: 100%; min-width: 1296px; padding: 4rem 0; background-color: #d7e6ec; font-size: 1.5rem; line-height: 2em; text-align: center;}
.box_bot span { display: block;}
.box_bot a { text-decoration: none; transition: color .2s;}
.box_bot a:hover { color: #007aff;}

.box_all { overflow: hidden; box-sizing: border-box; margin: 0 auto; padding: 4rem 2rem; width: 100%; max-width: 1400px; min-width: 960px; font-size: 2rem; display: grid; grid: 'nav nav nav' 'sch sch sch' 'left left right'; grid-template-columns: 32% 32% auto; grid-gap: 4rem;}
.box_all2 { overflow: visible; box-sizing: border-box; margin: 0 auto; padding: 4rem 2rem; width: 100%; max-width: 1680px; min-width: 1296px; font-size: 2rem; display: grid; grid: 'nav' 'sch' 'listid'; grid-gap: 4rem;}
.box_all_l1 { grid: 'sch';}

.box_nav { grid-area: nav; box-sizing: border-box; padding: 2rem; width: 100%; background-color: #f6dfbd;}
.box_sch { grid-area: sch; box-sizing: border-box; padding: 4rem; width: 100%; background-color: #fff; border-radius: 1rem; box-shadow:0 0 2rem rgba(0, 0, 0, .06);}
.box_cont1 { grid-area: left; display: grid; grid-template-columns: 49% 49%; grid-template-areas:'chnew chnew' 'chsse chsse' 'chszse chszse' 'chbse chbse' 'chkcb chkcb' 'chcyb chcyb' 'chxsb chxsb'; grid-gap: 2rem;}
.box_cont2 { grid-area: right;}
.box_cont3 {}
.box_contshm { box-sizing: border-box; padding: 6rem; width: 100%; color: #77beda;}

.box_ll { overflow: hidden; box-sizing: border-box; padding: 4rem; background-color: #fff; border-radius: 1rem; box-shadow:0 0 2rem rgba(0, 0, 0, .06);}
.box_r1 { overflow: hidden; background-color: #fff; border-radius: 1rem; box-shadow:0 0 2rem rgba(0, 0, 0, .03);}

h2.title_l1 { display: inline-block; margin-bottom: 4rem; padding-bottom: 2rem; border-bottom: 4px solid #007aff; color: #1e6cc1; font-size: 3rem; font-weight: 600; line-height: 1em;}
h2.title_r1 { padding: 2rem; background-image: linear-gradient(6deg, #0f82ff, #50a4ff); border-bottom: .5rem solid #007aff; color: #fff; font-size: 3rem; font-weight: 600; line-height: 1em;}

.top_if { margin: 0 auto; min-width:1296px;_width:100%;height:36px;text-align:center;}
.frmtop { min-width:1296px;_width:1296px;width:100%;height:36px;}

.box_prd1 { box-sizing: border-box; padding: 4rem; width: 100%; background-color: #fff; border-radius: 1rem; box-shadow:0 0 2rem rgba(0, 0, 0, .06);}

.box_logo { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; box-sizing: border-box; margin: 0 auto; padding: 3rem 2rem; width: 100%; max-width: 1680px; min-width: 1296px; font-size: 2rem;}
.logo_yhlc a { display: block; width: 335px; height: 88px; background: url("../image/logo_csgr.png") no-repeat left top; font-size: 0; text-decoration: none;}
.box_logo span { display: block; margin-left: 5rem; color: #333; font-size: 4rem; line-height: 1em;}
.box_logo span em { margin-right: 1rem; color: #c8000c; font-size: 6rem; font-family: 'Microsoft YaHei', SimSun; font-weight: 600;}



/*产品内检索*/
.box_schin { box-sizing: border-box; margin-bottom: 4rem; padding: 2rem; width: 100%; background: linear-gradient(0deg, #f1f1f1, #f8f8f8); border-radius: .5rem;}

.search_inside { display: -webkit-flex; display: flex; font-size: 2rem; line-height: 1em;}
.search_inside section {}
.search_inside input, .search_inside select { margin-left: 4rem; padding: 1.5rem; border: none; font-size: 2rem; line-height: 1em;}
.search_inside > input:first-child { margin-left: 0;}
.search_inside select { box-sizing: border-box; width: 10em; border-radius: .5rem; outline: none;}
.search_inside input#keywords { width: 15em;}



/* 理财产品高级筛选 */
.box_schin2 { box-sizing: border-box; margin-bottom: 0; width: 100%;}
form.search_sq { font-size: 2rem; line-height: 1em;}
.search_sq .sq_row { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: flex-start; align-items: flex-start; padding: 2.5rem 0; border-bottom: 1px dotted #eee;}
.search_sq .sq_row:last-child { border-bottom: none;}
.search_sq .sq_row_item { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; margin-right: 6rem;}
.search_sq .sq_row_item span { font-weight: 600;}
.search_sq .sq_row_item input[type=text] { padding: 1.5rem; border: 1px solid #ddd; border-radius: .5rem; font-size: 2rem; line-height: 1em;}
.search_sq .sq_row_item input[type=text]:focus { outline: none; border-color: #007aff;}
.search_sq .sq_row_title { display: inline-block; width: 6em; font-weight: 600; line-height: 1em;}
.search_sq .sq_row_controls { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; line-height: 1em;}
.search_sq .sq_row_controls label { margin-right: 4rem; cursor: pointer;}
.search_sq .sq_row_controls input[type=radio],
.search_sq .sq_row_controls input[type=checkbox] { margin-right: 1rem;}
.search_sq .sq_row_controls input[type=radio],
.search_sq .sq_row_controls input[type=checkbox] { accent-color: #007aff;}
.search_sq .sq_row_controls input:checked + span { color: #007aff;}
.search_sq .sq_row_controls label span { user-select: none;}
.search_sq .sq_row_buttons { -webkit-justify-content: center; justify-content: center; }
.search_sq .sq_row_buttons input[type=submit],
.search_sq .sq_row_buttons input[type=reset] { margin: 0 2rem; padding: 1.5rem 4rem; width: auto; background-color: #2e92ff; border: none; border-radius: .5rem; color: #fff; cursor: pointer;  font-size: 2rem; line-height: 1em; text-align: center; transition: background-color .2s;}
.search_sq .sq_row_buttons input[type=submit]:hover { background-color: #007aff;}
.search_sq .sq_row_buttons input[type=reset] { background-color: #888;}
.search_sq .sq_row_buttons input[type=reset]:hover { background-color: #666;}
.search_sq .sq_row_controls input[type=month],
.search_sq .sq_row_controls select { padding: 1rem 2.5rem; width: 10em; border: 1px solid #ddd; border-radius: .5rem; font-size: 2.5rem; line-height: 1em; font-family: inherit; box-sizing: border-box; outline: none; transition: border-color .3s;}
.search_sq .sq_row_controls input[type=month]:focus,
.search_sq .sq_row_controls select:focus { outline: none; border-color: #007aff;}
.search_sq .sq_row_controls input[type="month"]::-webkit-datetime-edit { color: #007aff;}
.search_sq .sq_row_controls input[type="month"]::-webkit-calendar-picker-indicator { opacity: 0.5; transition: opacity .3s;}
.search_sq .sq_row_controls input[type="month"]::-webkit-calendar-picker-indicator:hover { opacity: 1;}

.search_sq .sq_row_special { padding: 3rem; background-color: #f4fbff; border-bottom: none; border-radius: .5rem;}
.search_sq .sq_row_title2 { display: inline-block; width: 8em; font-weight: 600; line-height: 1em;}
.search_sq .sq_row_title3 { margin-right: 1rem; display: inline-block; width: auto; font-size: 2rem; font-weight: 600; line-height: 1em;}

.search_sq .sq_monsch { display: flex; align-items: center;}



/* 高级查询区域默认收起 */
.search_sq .sq_row_advanced {
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  padding-top: 0;
  padding-bottom: 0;
  border-bottom: none;
  transition: max-height .3s ease, opacity .3s ease, padding .3s ease;
}
.search_sq.search_sq_advanced_open .sq_row_advanced {
  max-height: 100rem;
  opacity: 1;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  border-bottom: 1px dotted #eee;
}

/* 高级查询按钮样式 */
.search_sq .sq_row_buttons .btn_advanced_toggle { margin: 0 2rem; padding: 1.5rem 4rem; width: auto; background-color: #7ab9ff; border: none; border-radius: .5rem; color: #fff; cursor: pointer; font-size: 2rem; line-height: 1em; text-align: center; transition: background-color .2s, color .2s;}
.search_sq .sq_row_buttons .btn_advanced_toggle:hover { background-color: #117afb; color: #fff;}

input {}
input::placeholder { color: #aaa;}

input[type=search] { box-sizing: border-box; border-radius: .5rem; caret-color: #f00; outline: none; transition: all .2s;}
input[type=search]:focus {}

input[type=date] { width: 8.5em; box-sizing: border-box; border-radius: .5rem; outline: none;}
input[type=date]:first-child { margin-right: 1rem;}
input[type=date]:nth-child(2) { margin-left: 1rem;}
::-webkit-datetime-edit { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;}
::-webkit-datetime-edit-fields-wrapper {}
::-webkit-datetime-edit-text {}
::-webkit-datetime-edit-month-field { }
::-webkit-datetime-edit-day-field { }
::-webkit-datetime-edit-year-field[aria-valuetext=blank] { }
::-webkit-datetime-edit-year-field {}
::-webkit-inner-spin-button {}
::-webkit-clear-button {}
::-webkit-calendar-picker-indicator { cursor: pointer;}
::-webkit-calendar-picker-indicator:hover { }

input[type=submit], input[type=reset] { padding: 1.5rem 4rem; background-color: #2e92ff; border-radius: .5rem; color: #fff; cursor: pointer; text-align: center; transition: background-color .2s;}
input[type=submit]:hover { background-color: #007aff;}
input[type=reset] { background-color: #888;}
input[type=reset]:hover { background-color: #666;}



/*公告区*/
.ch_new { grid-area: chnew;}
.ch_sse { grid-area: chsse;}
.ch_szse { grid-area: chszse;}
.ch_bse { grid-area: chbse;}
.ch_kcb { grid-area: chkcb;}
.ch_cyb { grid-area: chcyb;}
.ch_xsb { grid-area: chxsb;}

.list_id { grid-area: listid;}



/*公告列表及分页*/
table.list_id2 { width: 100%; font-size: 2rem; border-collapse: collapse;}
table.list_id2 thead tr { background-color: #e5f5ff; font-weight: 600; line-height: 2em;}
table.list_id2 th, table.list_id2 td { padding: 2rem 1rem; border: none; text-align: center;}
table.list_id2 tr th:first-child, table.list_id2 tr td:first-child { border-top-left-radius: .5rem; border-bottom-left-radius: .5rem;}
table.list_id2 tr th:last-child, table.list_id2 tr td:last-child { border-top-right-radius: .5rem; border-bottom-right-radius: .5rem;}
table.list_id2 tbody tr:nth-child(2n) { background-color: #f8f8f8;}
table.list_id2 tbody tr:hover { background-color: #f4fbff;}
table.list_id2 a { color: #1e6cc1; text-decoration: none; transition: color .2s;}
table.list_id2 a:hover { color: #007aff;}
table.list_id2 td:nth-child(1), table.list_id2 th:nth-child(1) { width: 4%; min-width: 2em;}
table.list_id2 td:nth-child(2), table.list_id2 th:nth-child(2) { width: 10.5%; min-width: 7em;}
table.list_id2 td:nth-child(3), table.list_id2 th:nth-child(3) { width: 32%; min-width: 17em; text-align: left;}
table.list_id2 td:nth-child(4), table.list_id2 th:nth-child(4) { width: 15.5%; min-width: 10em;}
table.list_id2 td:nth-child(5), table.list_id2 th:nth-child(5) { width: 8.5%; min-width: 6em;}
table.list_id2 td:nth-child(6), table.list_id2 th:nth-child(6) { width: 10.5%; min-width: 5em;}
table.list_id2 td:nth-child(7), table.list_id2 th:nth-child(7) { width: 9.5%; min-width: 8em;}
table.list_id2 td:nth-child(8), table.list_id2 th:nth-child(8) { width: 9.5%; min-width: 8em;}

table.list_bfpnav {}
table.list_bfpnav em { display: block; color: #1e6cc1; font-weight: 600; line-height: 1em;}
table.list_bfpnav td:nth-child(1), table.list_bfpnav th:nth-child(1) { width: 4%; min-width: 2em;}
table.list_bfpnav td:nth-child(2), table.list_bfpnav th:nth-child(2) { width: 9.5%; min-width: 7em;}
table.list_bfpnav td:nth-child(3), table.list_bfpnav th:nth-child(3) { width: 29%; min-width: 10em; text-align: left;}
table.list_bfpnav td:nth-child(4), table.list_bfpnav th:nth-child(4) { width: 7.5%; min-width: 6em;}
table.list_bfpnav td:nth-child(5), table.list_bfpnav th:nth-child(5) { width: 6.5%; min-width: 5em;}
table.list_bfpnav td:nth-child(6), table.list_bfpnav th:nth-child(6) { width: 7.5%; min-width: 6em;}
table.list_bfpnav td:nth-child(7), table.list_bfpnav th:nth-child(7) { width: 6.5%; min-width: 5em;}
table.list_bfpnav td:nth-child(8), table.list_bfpnav th:nth-child(8) { width: 7.5%; min-width: 6em;}
table.list_bfpnav td:nth-child(9), table.list_bfpnav th:nth-child(9) { width: 9.5%; min-width: 8em;}
table.list_bfpnav td:nth-child(10), table.list_bfpnav th:nth-child(10) { width: 12.5%; min-width: 7em;}

table.list_monrank { font-size: ;}
table.list_monrank em { display: block; color: #1e6cc1; font-weight: 600; line-height: 1em;}
table.list_monrank td:nth-child(1), table.list_monrank th:nth-child(1) { width: 3.5%; min-width: 2em;}
table.list_monrank td:nth-child(2), table.list_monrank th:nth-child(2) { width: 9.5%; min-width: 7em;}
table.list_monrank td:nth-child(3), table.list_monrank th:nth-child(3) { width: 18.5%; min-width: 10em; text-align: left;}
table.list_monrank td:nth-child(4), table.list_monrank th:nth-child(4) { width: 6.5%; min-width: 5em;}
table.list_monrank td:nth-child(5), table.list_monrank th:nth-child(5) { width: 6.5%; min-width: 5em;}
table.list_monrank td:nth-child(6), table.list_monrank th:nth-child(6) { width: 6.5%; min-width: 5em;}
table.list_monrank td:nth-child(7), table.list_monrank th:nth-child(7) { width: 6.5%; min-width: 5em;}
table.list_monrank td:nth-child(8), table.list_monrank th:nth-child(8) { width: 5%; min-width: 4em;}
table.list_monrank td:nth-child(9), table.list_monrank th:nth-child(9) { width: 7.5%; min-width: 6em;}
table.list_monrank td:nth-child(10), table.list_monrank th:nth-child(10) { width: 11%; min-width: 9em;}
table.list_monrank td:nth-child(11), table.list_monrank th:nth-child(11) { width: 6.5%; min-width: 5em;}
table.list_monrank td:nth-child(12), table.list_monrank th:nth-child(12) { width: 7.5%; min-width: 6em;}
table.list_monrank td:nth-child(13), table.list_monrank th:nth-child(13) { width: 5%; min-width: 4em;}


.box_page { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; margin: 5rem auto 3rem; font-size: 2rem; line-height: 1em;}
.stast_id { color: #aaa;}
.stast_id em { margin: 0 .5em; color: #666;}
nav.paging { margin-left: auto;}
nav.paging a { display: inline-block; margin-right: 1em; padding: .5em .75em; background-color: #f8f8f8; border-radius: .5rem; text-decoration: none; transition: background-color .2s;}
nav.paging a:hover { background-color: #e5f5ff;}
nav.paging em { display: inline-block; margin-right: 1em; padding: .5em .75em; background-color: #007aff; border-radius: .5rem; color: #fff;}
nav.paging span { margin-right: 1em;}
select#pageSize { margin-right: 2rem; padding: .4em 1em; border: none; background-color: #f8f8f8; border-radius: .5rem; font-size: 2rem; line-height: 1em; outline: none; cursor: pointer;}
form.form_id { overflow: hidden; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; background-color: #f8f8f8; border-radius: .5rem; }
form.form_id label { margin-left: 1em;}
form.form_id input[type=text] { padding: .2em .5em; width: 3em; border: none; color: #777; font-size: 2rem; line-height: 1em; text-align: center;}
form.form_id input[type=text]:focus { outline: none;}
form.form_id input[type=submit] { margin-left: .5em; padding: .5em .75em; background-color: #eee; border: none; font-size: 2rem; line-height: 1em; cursor: pointer;}
form.form_id input[type=submit]:hover { background-color: #ddd;}



/*产品详情*/
.prd_nav { overflow: hidden; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; padding: 0; background: linear-gradient(0deg, #1e6cc1, #8bb2dd); border-radius: 1rem; font-size: 2rem; line-height: 1em; position: -webkit-sticky; position: sticky; top: 0; z-index: 100;}
.prd_nav span { display:block; padding: 0 4rem; width: 4em; color: #fff; font-size: 3rem; font-weight: 600; line-height: 8rem; background-color: rgba(0, 0, 0, .15);}
ul.list_prd_nav { display: -webkit-flex; display: flex;}
ul.list_prd_nav li { display: block; font-size: 2.5rem; line-height: 8rem}
ul.list_prd_nav li a { display: block; padding: 0 3rem; color: #fff; text-decoration: none;}
ul.list_prd_nav li a:hover { background-color: rgba(0, 0, 0, .1);}

/* 吸附导航偏移修正 */
#prd_info,
#prd_cpjz,
#prd_gwyj,
#prd_xswj,
#prd_cpgg { scroll-margin-top: 10rem; }

.box_prd_info {}
.list_prd_info { width: 100%; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
.list_prd_info li { overflow: hidden; display: -webkit-flex; display: flex; margin-bottom: 1rem; width: 49%; border-radius: .5rem;}
.list_prd_info li em { display:block; padding: 1.5rem 2rem; width: 25%; background-color: #eaf7ff; color: #1e6cc1; text-align: center;}
.list_prd_info li span { display:block; padding: 1.5rem 2rem; width: 75%; background-color: #f8fcff; }
.list_prd_info li:first-child { width: 100%; font-size: 3rem; font-weight: 600;}
.list_prd_info li:first-child em { padding: 3rem 2rem; width: 15%;}
.list_prd_info li:first-child span { padding: 3rem 2rem; width: 82%;}
.list_prd_info li:last-child, .list_prd_info li:last-child span { width: 100%;}
.list_prd_info li:last-child span { background-color: #f8f8f8;}
.list_prd_info li:hover { outline: 1px solid #007aff;}

.box_prd_gwyj { }
.list_prd_gwyj, .list_prd_xswj, .list_prd_cpgg, .list_prd_cpjz { margin: 0 auto; width: 100%;}
.list_prd_gwyj li, .list_prd_xswj li, .list_prd_cpgg li, .list_prd_cpjz li { padding: 2rem; border-radius: .5rem;}
.list_prd_gwyj li:nth-child(2n+1), .list_prd_xswj li:nth-child(2n+1), .list_prd_cpgg li:nth-child(2n+1), .list_prd_cpjz li:nth-child(2n+1) { background-color: #f8f8f8;}
.list_prd_gwyj li em { display: inline-block; box-sizing: border-box; margin-right: 2rem; padding: .5rem; width: 6em; background-color: #6bb2da; border-radius: .5rem; color: #fff; font-size: 1.75rem; font-weight: 600; text-align: center;}
.list_prd_gwyj li span, .list_prd_xswj li span, .list_prd_cpgg li span, .list_prd_cpjz li span { display: inline-block; width: 50%; text-align: center;}
.list_prd_gwyj li:hover, .list_prd_xswj li:hover, .list_prd_cpgg li:hover, .list_prd_cpjz li:hover { background-color: #f4fbff;}
.list_prd_gwyj li:first-child, .list_prd_xswj li:first-child, .list_prd_cpgg li:first-child, .list_prd_cpjz li:first-child { padding: 2.5rem 2rem; background-color: #e5f5fe; font-weight: 600;}
.list_prd_gwyj li:first-child:hover, .list_prd_xswj li:first-child:hover, .list_prd_cpgg li:first-child:hover, .list_prd_cpjz li:first-child:hover { background-color: #e5f5fe;}

.box_prd_xswj {}
.list_prd_xswj li, .list_prd_cpgg li { display: -webkit-flex; display: flex;}
.list_prd_xswj li span:nth-child(1) { width: 85%; text-align: left;}
.list_prd_xswj li span:nth-child(2) { width: 15%; min-width: 8em;}
.list_prd_xswj li span a, .list_prd_cpgg li span a { color: #1e6cc1; text-decoration: none; transition: color .2s;}
.list_prd_xswj li span a:hover, .list_prd_cpgg li span a:hover { color: #007aff;}

.box_prd_cpgg {}
.list_prd_cpgg {}
.list_prd_cpgg li span {}
.list_prd_cpgg li span:nth-child(1) { width: 12%; min-width: 8em;}
.list_prd_cpgg li span:nth-child(2) { width: 76%; text-align: left;}
.list_prd_cpgg li span:nth-child(3) { width: 12%; min-width: 8em;}

.box_prd_cpjz { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between;}
.box_prd_cpjz h3 { margin-bottom: 3rem; padding-left: 2rem; background: linear-gradient(90deg, #f1f1f1, #fff 35%, #fff); border-left: 5px solid #ccc; font-size: 2.5rem; font-weight: 600; line-height: 2.5em; border-radius: 1.5rem;}
.box_prd_cpjz_l { width: 45%;}
.box_prd_cpjz_l img { box-sizing: border-box; margin: 0 auto; max-width: 100%;}
.box_prd_cpjz_r { width: 50%;}
.list_prd_cpjz {}
.list_prd_cpjz li span:nth-child(1) { width: 34%;}
.list_prd_cpjz li span:nth-child(2) { width: 33%;}
.list_prd_cpjz li span:nth-child(3) { width: 33%;}



/*稿件列表和标签*/
h2.title_l2 { display: inline-block; margin-right: 9rem; border-bottom: 4px solid #007aff; color: #1e6cc1; font-size: 3rem; font-weight: 600; line-height: 1em;}

.tab-container { margin: 0 auto; width: 100%;}

.tab-nav { display: flex; margin-bottom: 6rem;}

.tab-button { position: relative; padding: 1rem 4rem; background-color: #f8f8f8; border: none; color: #777; cursor: pointer; font-size: 2.5rem; font-weight: 500; transition: all .3s;}
.tbt1 { border-top-left-radius: 1rem; border-bottom-left-radius: 1rem;}
.tbt2 { border-top-right-radius: 1rem; border-bottom-right-radius: 1rem;}

.tab-button.active { background-color: #007aff; color: #fff;}

.tab-content { display: none;}
.tab-content.active { display: block; animation: fadeIn 0.3s;}

@keyframes fadeIn { from { opacity: 0;} to { opacity: 1;} }

ul.article_list_jnzx { display: flex; flex-wrap: wrap; align-items: stretch;}
ul.article_list_jnzx li { margin-left: 2%; margin-bottom: 6rem; display: block; width: 32%; font-size: 2rem; line-height: 1.5em;}
ul.article_list_jnzx li:nth-child(3n+1) { margin-left: 0;}
ul.article_list_jnzx li article { height: 100%;}
ul.article_list_jnzx li article a { box-sizing: border-box; display: block; padding: 2.5rem; height: 100%; border: 1px solid #f8f8f8; border-radius: 1rem; background-color: #f8f8f8; text-decoration: none; transition: background-color .3s, border-color .3s;}
ul.article_list_jnzx li article a:hover { background-color: #fff; border-color: #007aff;}
ul.article_list_jnzx li .meta { width: 100%; font-size: 1.75rem;}
ul.article_list_jnzx li .meta time { margin-right: 1em;}
ul.article_list_jnzx li h3 { margin: 2rem 0; width: 100%; font-size: 3rem; font-weight: 600; transition: color .3s;}
ul.article_list_jnzx li article a:hover h3 { color: #007aff;}
ul.article_list_jnzx li span { display: block;}
ul.article_list_jnzx li.is-hidden { display: none;}

.article_list_loading { display: none; width: 100%; padding: 4rem 0; font-size: 2rem; line-height: 1.5em; text-align: center; color: #999;}
.article_list_loading.is-active { display: block;}
.article_list_loading.is-active::before { content: ''; display: inline-block; margin-right: 0.6em; width: 1.6em; height: 1.6em; border: 2px solid #e0e0e0; border-top-color: #007aff; border-radius: 50%; vertical-align: middle; animation: articleListSpin .8s linear infinite;}
@keyframes articleListSpin { to { transform: rotate(360deg); } }



/*移动端适配*/
@media only screen and (max-device-width : 1242px) and (max-width: 960px){
.box_top { min-width: unset;}
.box_bot { padding: 5vw 0; min-width: unset; font-size: 1.4rem;}
.box_bot span:last-child { display: none;}

.box_all { overflow: hidden; box-sizing: border-box; margin: 0; padding: 0 2vw 5vw; width: 100%; max-width: none; min-width: unset; font-size: 5vw; display: grid; grid: 'nav' 'sch' 'left' 'right'; grid-template-columns: none; grid-gap: 5vw;}
.box_all2 { overflow: visible; box-sizing: border-box; margin: 0; padding: 0 2vw 5vw; width: 100%; max-width: none; min-width: unset; font-size: 5vw; display: grid; grid: 'nav' 'sch' 'listid'; grid-gap: 5vw;}
.box_all_l1 { grid: 'sch';}

.box_cont1 { grid-area: left; display: grid; grid-template-columns: none; grid-template-areas:'chnew' 'chsse' 'chszse' 'chbse' 'chkcb' 'chcyb' 'chxsb' 'chhgt' 'chsgt' 'chfund' 'chbond' 'chhkex' 'chregulator'; grid-gap: 2rem;}
.box_ll { padding: 2vw;}

h2.title_l1  { margin: 3vw 0 5vw;}

.ch_hgt { grid-area: chhgt;}
.ch_sgt { grid-area: chsgt;}
.ch_fund { grid-area: chfund;}
.ch_bond { grid-area: chbond;}
.ch_hkex { grid-area: chhkex;}
.ch_regulator { grid-area: chregulator;}

table.tb_fsdt { overflow: hidden; margin: 2%; width: 96%; border-radius: .5rem; font-size: 3.25vw;}
table.tb_fsdt td:hover { background-color: #e5f5ff;}

.jyts { font-size: 3.25vw;}

ul.list_id2 { overflow-x: scroll; width: 92vw;}
ul.list_id2 li { width: 140vw; font-size: 3.25vw;}
ul.list_id2 li em {}
ul.list_id2 li em:nth-child(1) { width: 8%; min-width: 5em;}
ul.list_id2 li em:nth-child(2) { width: 10%; min-width: 7em;}
ul.list_id2 li em:nth-child(4) { padding-right: 2%; width: 14%; min-width: 8em;}

table.list_id2 { display: block; overflow-x: scroll; width: 92vw; font-size: 3.25vw;}
table.list_id2 thead, table.list_id2 tbody, table.list_id2 tr { display: table; width: 140vw; table-layout: fixed;}
table.list_id2 th, table.list_id2 td { font-size: 3.25vw;}

.box_page { -webkit-flex-wrap: wrap; flex-wrap: wrap; font-size: 3.25vw;}
.stast_id { display: block; width: 100%; text-align: center;}
form.form_id { display: none;}
nav.paging { margin-top: 1em; width: 100%; text-align: center;}
nav.paging a { display: none;}
nav.paging a:first-child, nav.paging a:last-child { display: inline-block;}
nav.paging a:last-child { margin-right: 0;}

}




/*PC小窗口适配*/
@media screen and (min-width:480px) and (max-width:1180px){
.box_page { font-size: 1.5rem;}
select#pageSize { font-size: 1.5rem;}
form.form_id input[type=text] { font-size: 1.5rem;}
form.form_id input[type=submit] { font-size: 1.5rem;}

}