.clearfix:after { content: "020"; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { /* 触发 hasLayout */ zoom: 1; } /*页面红字*/ .jinggao { margin-top: 5%; padding-top: 2%; border-top: 1px solid #e8e8e8; } .jinggaoa { padding-top: 2%; } .jinggao>p { text-align: center; color: #d80d19; } .jinggaoa>p { text-align: center; color: #d80d19; } /*产品公告*/ .titieh2>div { display: inline-block; position: relative; } .titieh2>div>img { position: absolute; top: -5%; right: -5%; } .backfff { padding-top: 60px; padding-bottom: 60px; background: #efefef; } .backfff>.wrap>div { border-left: 2px solid #db1e28; overflow: hidden; } .backfff>.wrap>div>h2 { margin-left: 20px; line-height: 1; display: inline-block; vertical-align: bottom; float: left; } .backfff>.wrap>div>h3 { margin-left: 25px; margin-top: 1%; display: inline-block; vertical-align: bottom; float: left; } .news_list li { padding-left: 2%; padding-right: 2%; overflow: hidden; border-bottom: 0px dashed #f5ad00 !important; height: 70px; line-height: 70px; } .news_list li:nth-child(even) { height: 50px; background: #f9f9f9; line-height: 50px; } .news_list p { background: url(../img/iconxinxi.png) no-repeat 0 center; padding-left: 34px; float: left; width: 80%; } /*净值公告*/ .worth>.sousuo { background: url(../img/worthback_03.jpg) center center; background-repeat: no-repeat; background-size: 100% 100%; padding: 2.7% 0; } .worth>.sousuo>.input-wrap { cursor: pointer; width: 61.78%; margin: 0 auto; } .worth>.sousuo>.input-wrap>button { float: right; display: inline-block; box-sizing: border-box; background: #fff; color: #db1e28; text-align: center; width: 15.75%; height: 43px; line-height: 43px; } .worth>.sousuo>.input-wrap>.datepicker { cursor: pointer; width: 38.03%; float: left; } .worth>.sousuo>.input-wrap>.datepicker>input { cursor: pointer; padding-left: 5%; color: #fff; box-sizing: border-box; display: block; border: 1px solid #fff; width: 100%; height: 43px; } .worth>.sousuo>.input-wrap>.datepicker>img { position: absolute; top: 50%; transform: translateY(-50%); right: 7%; } #hengxian { margin: 0 2%; line-height: 43px; color: #fff; float: left; } .table_wrap>table { /*min-height: 617px;*/ border-color: #d7d7d7; text-align: center; width: 100%; } /*.table_wrap{ min-height: 617px; }*/ .ph_tablea thead tr td, .ph_tablea tbody tr td{ border: 1px solid #e4e4e4; background: #fff; height: 55px; line-height: 55px; text-align: center; } .ph_tablea thead tr td{ background: #F5F5F5; } .ph_tablea tr td:nth-child(1) { width: 13.39%; } .ph_tablea tr td:nth-child(2) { width: 23.86%; } .ph_tablea tr td:nth-child(3) { width: 23.86%; } .ph_tablea tr td:nth-child(4) { width: 19.25%; } .ph_tablea tr td:nth-child(5) { width: 19.25%; } .inputt-wrap>div { display: inline-block; float: left; width: 30%; } .inputt-wrap>div>lable { float: left; display: inline-block; width: 25%; color: #fff; line-height: 45px; } .inputt-wrap>div>input { padding-left: 5%; float: left; width: 75%; color: #fff; border: 1px solid #fff; height: 45px; box-sizing: border-box; line-height: 45px; } .dsa { margin-left: 1%; } .inputt-wrap>.select-wrap { margin-right: 1%; float: right; position: relative; display: inline-block; width: 25%; } .inputt-wrap>.select-wrap>select::-ms-expand { display: none; } .inputt-wrap>.select-wrap>select { padding-left: 5%; position: relative; appearance: none; -moz-appearance: none; -webkit-appearance: none; background-color: transparent; width: 100%; color: #fff; border: 1px solid #fff; height: 45px; box-sizing: border-box; line-height: 45px; } .inputt-wrap>.select-wrap>img { position: absolute; top: 50%; transform: translateY(-50%); right: 5%; } .inputt-wrap>.select-wrap>select>option { padding: 0 3%; background-color: #d21f25; width: 29.86%; color: #fff !important; border: 1px solid #fff; height: 45px; box-sizing: border-box; line-height: 45px; } .inputt-wrap>button { float: right; display: inline-block; box-sizing: border-box; background: #fff; color: #db1e28; text-align: center; width: 9%; height: 45px; line-height: 45px; } .table2_wrap>table { margin-top: 35px; /*min-height: 617px;*/ border-color: #d7d7d7; width: 100%; } /*.table2_wrap{ min-height: 617px; }*/ .ph_tablee>thead>tr>td { border: 1px solid #e4e4e4; background: #f5f5f5; height: 55px; line-height: 55px; /*text-align: center;*/ } .ph_tablee>tbody tr td { border: 1px solid #e4e4e4; background: #fff; height: 55px; line-height: 55px; } .ph_tablee>thead>tr>td:nth-child(1), .ph_tablee>tbody>tr>td:nth-child(1) { text-align: center; width: 13.39%; } .ph_tablee>thead>tr>td:nth-child(2), .ph_tablee>tbody>tr>td:nth-child(2) { padding-left: 5%; width: 20.57%; } .ph_tablee>thead>tr>td:nth-child(3), .ph_tablee>tbody>tr>td:nth-child(3) { padding-left: 5%; width: 24.45%; } .ph_tablee>thead>tr>td:nth-child(4), .ph_tablee>tbody>tr>td:nth-child(4) { text-align: center; width: 11.93%; } .ph_tablee>thead>tr>td:nth-child(5), .ph_tablee>tbody>tr>td:nth-child(5) { padding-left: 3%; width: 18.81%; } .ph_tablee>thead>tr>td:nth-child(6), .ph_tablee>tbody>tr>td:nth-child(6) { text-align: center; width: 10.68%; } .ph_tablee>tbody>tr td:nth-child(6)>a { color: #db202a; } .mmm { width: 90%; margin: 0 auto; } @media only screen and (max-width:1024px) { /*搜索框*/ .inputt-wrap>div>input { width: 70%; } .inputt-wrap>div>lable { width: 30%; } } @media only screen and (max-width:767px) { /*表格*/ .ph_tablee, .ph_tablee thead, .ph_tablee tbody, .ph_tablee th, .ph_tablee td, .ph_tablee tr { display: block; } .ph_tablee thead tr { position: absolute; top: -9999px; left: -9999px; } .ph_tablee tr { border: 1px solid #eee; border-bottom: 0; margin-bottom: 20px; } .ph_tablee td { box-sizing: border-box !important; width: 100% !important; min-height: 20px; border: none; border-bottom: 1px solid #eee; position: relative; padding-left: 7em !important; white-space: normal; text-align: left !important; } .ph_tablee td:before { position: absolute; top: 0; left: 0; padding: 5px 0; width: 6em; text-indent: 10px; white-space: nowrap; text-align: left; } .ph_tablee td:before { content: attr(data-title); } /*净值公告表格*/ .ph_tablea, .ph_tablea thead, .ph_tablea tbody, .ph_tablea th, .ph_tablea td, .ph_tablea tr { display: block; } .ph_tablea thead tr { position: absolute; top: -9999px; left: -9999px; } .ph_tablea tr { border: 1px solid #eee; border-bottom: 0; margin-bottom: 20px; } .ph_tablea td { box-sizing: border-box !important; width: 100% !important; min-height: 20px; border: none; border-bottom: 1px solid #eee; position: relative; padding-left: 7em !important; white-space: normal; text-align: left !important; } .ph_tablea td:before { position: absolute; top: 0; left: 0; padding: 5px 0; width: 6em; text-indent: 10px; white-space: nowrap; text-align: left; } .ph_tablea td:before { content: attr(data-title); } /*公募基金搜索框*/ .inputt-wrap>div{ margin-bottom: 5px; width: 100%; } .dsa { margin-left: 0; } .inputt-wrap>.select-wrap { margin-right: 0%; float: right; position: relative; display: inline-block; width: 70%; } .inputt-wrap>button { width: 30%; } /*title角标*/ .titieh2>div>img { top: -20%; right: -10%; } /*产品公告*/ .backfff { padding-top: 20px; padding-bottom: 20px; } /*净值搜索框*/ .worth>.sousuo>.input-wrap { width: 90%; } .worth>.sousuo>.input-wrap>.datepicker { width: 36%; } .worth>.sousuo>.input-wrap>button { float: left; width: 15.75%; } }