img { display:block; } .banner-single { background:url("../../uploads/invest/report-banner.png") no-repeat center; background-size:120rem 27.5rem; -webkit-background-size:120rem 27.5rem; -o-background-size:120rem 27.5rem; } .maker-nav { margin-top:3.625rem; width:8.75rem; font-size:0.875rem; color:#FFFFFF; line-height:2.375rem; border-bottom:solid 0.0625rem #fff; } .maker-nav > a { color:#fff; } .maker-nav > span { padding:0 0.25rem; } .marker-bg { margin-top:1.875rem; padding-left:5.3125rem; font-size:2rem; color:#FFFFFF; line-height:3.75rem; background:url("../../uploads/invest/invest-develop2.svg") no-repeat left center; background-size:4rem 2.9375rem; } .invest-report { padding:3.75rem 0 4.375rem; } .report-header { font-weight:400; color:rgba(51,51,51,1); text-align:center; margin-bottom:1.25rem; } .report-header > h1 { font-size:1.875rem; line-height:2.625rem; } .report-header > h2 { margin-top:0.5rem; opacity:0.2; font-size:0.875rem; font-weight:400; line-height:1.25rem; letter-spacing:0.625rem; text-indent:0.625rem; } .report-content { margin:0 auto; width:75rem; display:flex; justify-content:center; flex-wrap:wrap; } .report-content-item { margin-top:1.875rem; display:flex; align-items:flex-start; font-weight:400; } .report-content-item > .item-number { display:inline-block; width:1.5rem; height:1.5rem; text-align:center; background:url("../../uploads/invest/number.svg") no-repeat center; background-size:cover; font-size:0.875rem; font-weight:400; color:rgba(255,255,255,1); line-height:1.8 } .report-content-item > .item-content { margin-left:0.875rem; } .item-content > h2 { width:27rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:1rem; font-weight:400; color:rgba(9,15,33,1); line-height:1.375rem; cursor:pointer; } /*.item-content > h2:hover { */ /* color:#4DB7DD; */ /* cursor:default; */ /* } */ .item-content > p { margin-top:0.5rem; font-size:0.875rem; font-weight:400; color:rgba(9,15,33,0.4); line-height:1.25rem; cursor:default; } .item-content h2:hover { color:#4DB7DD; } .report-content-item:nth-child(even) { margin-left:4.5rem; } .invest-develop { padding-bottom:5rem; background:#ffffff; } .invest-develop-tab { position:relative; margin:0 auto; width:75rem; display:flex; justify-content:center; align-items:center; font-weight:500; border-bottom:0.0625rem solid #DFE2E4; font-size:1.25rem; color:rgba(9,15,33,1); line-height:1.75rem; } .tab-title { padding:0 2rem 1.25rem; margin-left:6.25rem; cursor:default; color:#090F21; } .invest-develop-tab > p { position:absolute; top:3rem; left:27.5rem; width:10rem; height:0.0625rem; background-color:#4DB7DD; } .tab-title:first-child { margin-left:0; } .invest-develop-content { margin:1.3125rem auto; width:75rem; display:flex; align-items:flex-start; } .invest-develop-content .hand_tabs_header { position:absolute; } .date-tab { display:block !important; width:19.875rem; } .date-tab > li { margin-top:1.875rem; font-weight:500; padding-left:10rem; cursor:default; font-size:1.5rem; color:rgba(9,15,33,0.4); line-height:2.0625rem; } .date-tab > li:hover { color:rgba(9,15,33,1); cursor:pointer; } .date-tab > li:first-child { margin-top:2rem; } .date-tab-light { color:rgba(51,51,51,1) !important; } .record-content { padding-left:6.25rem; padding-bottom:1.875rem; border-left:0.0625rem solid #DFE2E4; width:100%; min-height:18.75rem; height:auto; margin-left:19.875rem; } .record-content > .tabpanel { position:relative !important; } .record-content > ul li { display:flex; flex-direction:column; margin-top:1.875rem; } .record-content > ul li:first-child { margin-top:1.1875rem; } .record-content > ul li > .record-title { font-size:1rem; font-weight:400; color:rgba(9,15,33,1); line-height:1.375rem; transition:all .3s; } .record-content > ul li > .record-title:hover { font-weight:bold; transition:all .3s; } .record-content > ul li > span { margin-top:0.625rem; font-size:0.875rem; font-weight:400; color:rgba(9,15,33,0.4); line-height:1.25rem; } .invest-ul { width:25rem; margin:0 auto; } .invest-ul > li { float:left; width:50%; color:#333; text-align:center; font-size:1.25rem; line-height:3.5rem; cursor:pointer; } #investUl .item_title { color:#000; } #investUl .item_title:hover { color:#00f; } .invest-ul > p { position:absolute; margin-top:3.375rem; width:12.5rem; text-align:center; border-top:solid 0.25rem #60D2F4; } .invest-ul span { position:absolute; border-top:solid 0.625rem #60D2F4; border-right:solid 0.625rem transparent; border-bottom:solid 0.625rem transparent; border-left:solid 0.625rem transparent; } .annals-list { width:41.875rem; } .annals-abstract { margin-left:5rem; width:21.875rem; padding-bottom:3.125rem; } .annals-ul { padding-top:1.5rem; } .annals-ul > li { padding:1.25rem 0; border-bottom:solid 0.0625rem #dfdfef; } .annals-time { width:2.375rem; } .annals-time > div { padding:0.375rem 0; font-size:0.875rem; text-align:center; } .annals-month { width:2.375rem; color:#fff; background:#60D2F4; } .annals-day { width:2.25rem; color:#60D2F4; background-color:#f9fafd; border:solid 1px #e4e6f4; border-top:none; } .annals-details { width:37.5rem; padding-left:1.875rem; } .details-title { padding-bottom:1.875rem; font-size:1rem; line-height:1.75rem; color:#1e2629; } .look-details a { font-size:0.625rem; color:#60D2F4; } .abstract-title { padding-top:1.5rem; border-bottom:solid 0.0625rem #dfdfef; font-size:1rem; color:#1e2629; line-height:3.5rem; } .abstract-ul > li { padding:1.0625rem 3.75rem 1.0625rem 0; border-bottom:solid 0.0625rem #dfdfef; font-size:0.75rem; line-height:1.375rem; color:#1e2629; } .abstract-ul a { color:#1e2629; display:block; } .abstract-ul a:hover { color:#60D2F4; display:block; } /* 鍒嗛〉 */ .page-wrap { padding:3.125rem 0; color:#0d1d3a; font-size:0.875rem; } .ui-paging-container { width:43.75rem; margin:0 auto; color:#666; font-size:0.75rem; } .ui-paging-container li { display:inline-block; padding:0.5rem 0.6875rem; margin:0 0.3125rem; color:#0d1d3a; cursor:pointer; font-size:0.875rem; } .ui-paging-container li.focus,.ui-paging-container li.ui-pager:hover { background-color:#60D2F4; color:#FFF; } .ui-paging-container li.ui-pager-disabled,.ui-paging-container li.ui-pager-disabled:hover { background:none; cursor:default; color:#ddd } .ui-paging-container .page-total { color:#666; float:right; } /* 鍒嗛〉 */ .pagination { text-align:center; margin-top:1.25rem; padding-bottom:1.25rem; width:100%; line-height:1.5625rem; } .pagination li { margin:0rem 0.625rem; border:1px solid #e6e6e6; display:inline-block; } .pagination li a { padding:0.1875rem 0.5rem; color:#465268; } .pagination li span { padding:0.25rem 0.5rem; } .pagination .active { background-color:#00A0E9; color:#fff; } .pagination .disabled { color:#aaa; } .pagination ul li a:hover { color:#00A0E9; } .page-wrap { margin:3.125rem auto; color:#0d1d3a; font-size:0.875rem; } .ui-paging-container { color:#666; font-size:0.75rem; } .ui-paging-container li { display:inline-block; padding:0.5rem 0.6875rem; margin:0 0.3125rem; color:#0d1d3a; cursor:pointer; font-size:0.875rem; } .ui-paging-container li.focus,.ui-paging-container li.ui-pager:hover { background-color:#288df0; color:#FFF; } .ui-paging-container li.ui-pager-disabled,.ui-paging-container li.ui-pager-disabled:hover { background:none; cursor:default; color:#ddd } .ui-paging-container .page-total { color:#666; float:right; } .develop-foot-tips { border-top:0.0625rem solid #999; text-align:center; height:2.5rem; line-height:2.5rem; color:#999; font-size:0.75rem; padding-bottom:1.25rem; }