.his_remarks {
    text-align: left;
    line-height: 20px;
    padding-top: 15px;
  }

  .his_remarks a {
    color: #005096;
  }

  .remarks {
    text-align: left;
    line-height: 20px;
    color: #005096;
  }

  .fund-s-msg {
    color: #005096;
    font-size: 26px;
    font-weight: bold;
  }

  /* 基金经理 */
  .asset_block {
    margin-top: 10px;
  }

  .asset_block .moudle_title {
    height: 45px !important;

  }

  .asset_block select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    line-height: 30px;
    background: url("../../assets/images/icons/icon_caret_down.png")no-repeat right;
    background-size: 12px 8px;
    padding: 0 20px;
    background-position: 95%;
    border: 1px solid #d6e1ea;
  }

  .asset-datasearch-box {
    width: 120px;
    height: 32px;

    line-height: 32px;
  }

  .asset-datasearch-select {
    width: 120px;
    height: 32px;
    border: 1px solid #d6e1ea;

    position: relative;
    background: #fff;
    cursor: pointer;
  }

  .asset-datasearch-select p {
    width: 120px;
    height: 32px;
    line-height: 32px;
    cursor: pointer;
    padding-left: 15px;
  }

  .asset-datasearch-select ul {
    width: 100%;
    display: block;
    position: absolute;
    top: 32px;
    left: 0;
    max-height: 0px;
    transition: max-height .3s ease-in;
    background: #ffffff;
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.40);
    display: none;
    z-index: 999;
  }

  .asset-datasearch-select ul li {
    width: 100%;
    height: 32px;
    line-height: 32px;
    padding: 0px 15px;
    list-style: none;
    color: #333333;
    cursor: pointer;
    background: #ffffff;
  }

  .asset-datasearch-select ul li.on {
    color: #005096;
  }

  .asset-datasearch-select ul li:hover {
    background: #F8FAFD;
    color: #333;
  }

  .asset-datasearch-select.open ul {
    max-height: 250px;
    transform-origin: 50% 0;
    -webkit-animation: slide-down .5s ease-in;
    transition: max-height .2s ease-in;
    background: #ffffff;
    display: block;
  }

  .asset-datasearch-select.open .asset-icon-sprite {
    transform: rotate(0deg);
    transition: all .3s ease-in;
    top: 12px;
  }

  #assetItemBody>tr>td:nth-of-type(2) {
    text-align: right;
    padding: 0 45px;
  }

  .asset-icon-sprite {
    width: 0;
    height: 0;
    border-bottom: 5px solid #005096;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    top: 12px;
    right: 12px;
    position: absolute;
    transform: rotate(-180deg);
    transition: all .3 ease-in;
  }

  .asset_block .lay-left {
    width: 100%;
    position: relative;
    padding: 0;
  }

  .asset_block .lay-left td {
    padding: 10px 10px;
    border-left: 2px solid #F8FAFD;
    font-size: 14px;
    font-weight: normal;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
  }

  .investInfo_tbody {
    position: relative;
  }

  .investInfo_tbody:after {
    position: absolute;
    width: calc(100% - 0.2em);
    bottom: 0;
    content: '';
    height: 0;
    border-bottom: 2px solid #005096;
  }

  .assetItem_name {
    padding-left: 20px;
  }

  .assetItem_name_box {
    display: inline-block;
    width: 10px;
    height: 10px;
    vertical-align: middle;
    margin-right: 10px;
  }

  .assetTotalMoney {
    text-align: center;
    font-family: MicrosoftYaHei-Bold;
    font-size: 15px;
    font-weight: bold;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #333333;
    margin-top: -24px;
  }

  /* 资产组合 */
  /* 基金净值 */
  .nav {
    background: white;
    margin-bottom: 80px;
  }

  .nav .header {
    padding: 0px;
    height: 50px;
    margin: 0px;
    border-bottom: 1px solid #ccd6eb;
    font-family: MicrosoftYaHei;
  }

  .nav .header .title {
    padding: 0px;

    display: inline-block;
    height: 50px;
    line-height: 50px;
    font-family: MicrosoftYaHei;
    font-size: 20px;
    font-weight: bold;
    color: #005096;
    border-bottom: 2px solid #005096;
  }

  .nav .header .btn {
    margin-left: 10px;
    text-align: center;
    display: inline-block;
    width: 80px;
    height: 32px;
    line-height: 30px;
    border-radius: 0;
    padding: 0px;
  }

  .nav .header .query {
    color: #fff;
    background-color: #005096;
  }

  .nav .header .export {
    border: 1px solid #005096;
    color: #005096;
  }

  .nav .header .export:hover {
    background: #005696;
    color: #fff;
  }

  .nav .nav_icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    padding-top: 5px;
  }

  .nav .nav_icon:before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
  }

  .nav .nav_icon.download:before {
    background: url("${e:addHashSuffix('../assets/images/icons/download.png')}") center no-repeat;
  }

  .nav .header .export:hover .nav_icon.download:before {
    background: url("${e:addHashSuffix('../assets/images/icons/download2.png')}") center no-repeat;
  }

  .nav .tb {
    margin-top: 20px;
  }

  .nav .tb th {
    background: #005096;
    color: #fff;
    text-align: center;
    border: 1px solid #d9e4f3;
    padding: 15px;
  }

  .nav .tb td {
    text-align: center;
    padding: 15px;
    border: 1px solid #d9e4f3;
  }

  .nav .tb td.up {
    color: #ee1533;
  }

  .nav .tb td.down {
    color: #009b6d;
  }

  .nav .tb td:nth-child(odd) {
    background-color: #f8fafd;
  }

  .nav #valuePage {
    margin-top: 15px;
    float: right;
  }

  .nav .fundtran {
    margin-right: 20px;
    display: inline-block;
  }

  .nav .fundtran li {
    display: inline-block;
    position: relative;
  }

  .nav .fundtran li a {
    padding: 10px 0px;
    margin: 0px 10px;
  }

  .nav .fundtran a.active {
    color: #005096;
  }

  .nav .fundtran .active .small-bottom {
    width: 14px;
    height: 100%;
    display: inline-block;
    position: absolute;
    bottom: 0px;
    left: calc(50% - 7px);
    top: 5px;
    border-bottom: 2px solid #005096;
  }

  .nav .hint {
    text-align: left;
    line-height: 20px;
    padding: 15px;
    background-color: #f0f0f0;
  }

  .nav .hint span:before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 12px;
    margin-right: 10px;
    background-color: #005096;
  }

  .nav input::-ms-clear {
    width: 0px;
    height: 0px;
  }

  .nav #nav_date:focus {
    color: #005096;
    border-bottom: 1px solid #005096;
  }

  .nav .tran-box {
    margin-right: 20px;
  }

  .nav .tran-select {
    width: 270px;
    height: 32px;
    border: 1px solid #d6e1ea;
    position: relative;
    background: #fff;
    cursor: pointer;
  }

  .nav .tran-select p {
    width: 100%;
    line-height: 32px;
    cursor: pointer;
    padding-left: 30px;
  }

  .nav .tran-select .icon-sprite {
    width: 0;
    height: 0;
    border-bottom: 5px solid #005096;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    top: 12px;
    right: 12px;
    position: absolute;
    transform: rotate(-180deg);
    transition: all .3s ease-in;
  }

  .nav .tran-select ul {
    width: 100%;
    display: block;
    position: absolute;
    top: 32px;
    left: 0;
    max-height: 0px;
    transition: max-height .3s ease-in;
    background: #ffffff;
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.40);
    display: none;
    z-index: 999;
  }

  .nav .tran-select ul li {
    width: 100%;
    height: 32px;
    line-height: 32px;
    padding: 0px 15px;
    list-style: none;
    color: #333333;
    cursor: pointer;
    background: #ffffff;
    position: relative;
  }

  .nav .tran-select ul li:hover {
    background: #005096 !important;
    color: #FFFFFF !important;
  }

  .nav .tran-select ul li.on {
    color: #005096;
  }

  .nav .tran-select ul li.on:hover {
    color: #ffffff;
  }

  .nav .tran-select ul li span {
    margin-left: 15px;
  }

  .nav .tran-select ul li.on::before {
    content: "";
    width: 0;
    height: 0;
    border-bottom: 5px solid #005096;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    margin-bottom: 2px;
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
  }

  .nav .tran-select ul li.on:hover::before {
    border-bottom-color: #fff;
  }

  .nav .tran-select.open ul {
    max-height: 250px;
    transform-origin: 50% 0;
    -webkit-animation: slide-down .5s ease-in;
    transition: max-height .2s ease-in;
    background: #ffffff;
    display: block;
  }

  .nav .tran-select.open .icon-sprite {
    transform: rotate(0deg);
    transition: all .3s ease-in;
    top: 12px;
  }

  .nav .tran-select p.on {
    color: #005096;
  }

  /* 基金分红 */
  .net {
    background: white;
  }

  .net .header {
    width: 100%;
    position: relative;
    padding: 0px;
    height: 50px;
    margin: 0px;
    border-bottom: 1px solid #ccd6eb;
    font-family: MicrosoftYaHei;
  }

  .dev-header-right {
    position: absolute;
    right: 0;
    bottom: 10px;

  }

  .net .header .title {
    display: inline-block;
    height: 50px;
    line-height: 50px;
    font-family: "微软雅黑", Verdana, Arial, sans-serif !important;
    font-size: 20px;
    font-weight: bold;
    color: #005096;
    border-bottom: 2px solid #005096;
  }

  .net .header .btn {
    margin-left: 10px;
    text-align: center;
    display: inline-block;
    width: 80px;
    border-radius: 0;
  }

  .net .header .query {
    color: #fff;
    background-color: #005096;
  }

  .net .header .export {
    border: 1px solid #9999;
  }

  .net .tb {
    margin-top: 20px;
  }

  .net .tb th {
    background: #005096;
    color: #fff;
    text-align: center;
    height: 60px;
    line-height: 60px;
    border: 1px solid #d9e4f3;
  }

  .net .tb td {
    text-align: center;
    padding: 15px;
    border: 1px solid #d9e4f3;
  }

  .net .tb td:nth-child(odd) {
    background-color: #f8fafd;
  }

  .devidend_page {
    float: right;
    margin-top: 15px;

  }

  #devidend-enddate {
    width: 185px !important;
    background: none;
    border: none;
    border-bottom: 1px solid #ccd6eb;
    color: #979797;
    font-weight: normal;
  }

  .net .export:hover {
    color: #fff;
    background-color: #005096;
  }

  #devidend-enddate-init {
    width: 185px !important;
    background: none;
    border: none;
    border-bottom: 1px solid #ccd6eb;
    color: #979797;
    font-weight: normal;
  }

  .devidend-date-Active {
    color: #005096 !important;
    border-bottom: 1px solid #005096 !important;
  }

  .daterangepicker th.month {
    height: auto !important;
  }

  .devidend_nodata {
    display: none;
  }

  /* 产品公告 */
  .net {
    background: white;
  }

  .net .header {
    width: 100%;
    position: relative;
    padding: 0px;
    height: 50px;
    margin: 0px;
    border-bottom: 1px solid #ccd6eb;
    font-family: MicrosoftYaHei;
  }

  .net .header .title {
    display: inline-block;
    height: 50px;
    line-height: 50px;
    font-family: "微软雅黑", Verdana, Arial, sans-serif !important;
    font-size: 20px;
    font-weight: bold;
    color: #005096;
    border-bottom: 2px solid #005096;
  }

  .dev-header-right {
    position: absolute;
    right: 0;
    bottom: 10px;

  }

  .net .header .query {
    color: #fff;
    background-color: #005096;
  }

  .net .tb {
    margin-top: 20px;
  }

  .net .tb th {
    background: #005096;
    color: #fff;
    text-align: center;
    height: 60px;
    line-height: 60px;
    border: 1px solid #d9e4f3;
  }

  .net .tb td {
    text-align: center;
    padding: 15px;
    border: 1px solid #d9e4f3;
  }

  .net .tb td:nth-child(odd) {
    background-color: #f8fafd;
  }

  .net .product_page {
    margin-top: 15px;
    float: right;
  }

  #product_navTBody>tr {
    width: 100%;
    border-bottom: 1px solid #dee8f8;
  }

  #product_navTBody>tr>td:first-of-type {
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 14px;
    max-width: 750px;
    line-height: 28px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: rgba(0, 0, 0, 1.0);
    width: 750px;
    border-bottom: 1px solid #dee8f8;
  }

  #product_navTBody>tr>td:last-of-type {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 13px;
    width: 300px;
    line-height: 28px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #999999;
    text-align: right;
    border-bottom: 1px solid #dee8f8;


  }

  .product_current {
    background: #ccd6eb;
  }

  .net .Wdate {
    width: auto !important;
    background: none;
    border: none;
    border-bottom: 1px solid;
    color: #979797;
    font-weight: normal;
  }

  .product_search_box {
    position: relative;
    display: inline-block;
    height: 30px;
    float: left;
  }

  #product-title-searchInput {
    position: relative;
    display: inline-block;
    width: 189px;
    height: 30px;
    line-height: 30px;
    color: #999999;
    padding: 0 10px 0 30px;
    border: 1px solid #ccd6eb;
    border-right: none;
  }

  .title-searchbutton {
    display: inline-block;
    width: 60px;
    height: 30px;
    background-color: #EDF3F8;
    color: #005096;
    text-align: center;
    border: 1px solid #ccd6eb;
    font-weight: bold;
    cursor: pointer;
    float: right;
  }

  .net .product_tab_nav a {
    white-space: nowrap;
    max-width: 25%;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: pointer;
  }

  #product-product-title-searchInput::-webkit-input-placeholder {
    color: #DCDCDC;
  }

  #product-title-searchInput:-moz-placeholder {
    color: #DCDCDC;
  }

  #product-title-searchInput::-moz-placeholder {
    color: #DCDCDC;
  }

  #product-title-searchInput:-ms-input-placeholder {
    color: #DCDCDC;
  }

  .product_search_box::after {
    position: absolute;
    top: 53%;
    left: 5px;
    width: 17px;
    height: 17px;
    background: url("../assets/images/icons/search_gray.png") center no-repeat;
    transform: translateY(-50%);
    content: "";
  }

  #product-enddate {
    width: 185px !important;
    background: none;
    border: none;

    color: #979797;
    font-weight: normal;
    border-bottom: 1px solid #ccd6eb;

  }

  .product-date-Active {
    color: #005096 !important;
    border-bottom: 1px solid #005096 !important;
  }

  .product_nodata {
    display: none;
  }

  .product_input_box {
    display: inline-block;
    float: right;
    margin-left: 10px;
  }

  .product_wrapper {
    width: 249px;
    display: inline-block;

  }

  .product-law_tab {
    width: 100%;
    display: none;
    margin-top: 20px;
    border-bottom: 1px solid #ccd6eb;
    overflow: hidden;
  }

  .product-law_item {
    float: left;
    margin-right: 20px;
    padding: 10px 0;
    box-sizing: border-box;
    font-family: "微软雅黑", Verdana, Arial, sans-serif !important;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
  }

  .product-law_action {
    color: #005096;
    border-bottom: 2px solid #005096;
  }

  .net {
    background: white;
  }

  .net .header {
    width: 100%;
    position: relative;
    padding: 0px;
    height: 50px;
    margin: 0px;
    border-bottom: 1px solid #ccd6eb;
    font-family: MicrosoftYaHei;
  }

  .net .header .title {
    display: inline-block;
    height: 50px;
    line-height: 50px;
    font-family: "微软雅黑", Verdana, Arial, sans-serif !important;
    font-size: 20px;
    font-weight: bold;
    color: #005096;
    border-bottom: 2px solid #005096;
  }

  .net .header .query {
    color: #fff;
    background-color: #005096;
  }

  .net .tb {
    margin-top: 20px;
  }

  .net .tb th {
    background: #005096;
    color: #fff;
    text-align: center;
    height: 60px;
    line-height: 60px;
    border: 1px solid #d9e4f3;
  }

  .net .tb td {
    text-align: center;
    padding: 15px;
    border: 1px solid #d9e4f3;
  }

  .net .tb td:nth-child(odd) {
    background-color: #f8fafd;
  }

  .net .Mutual_page {
    margin-top: 15px;
    float: right;
  }

  #mutual_navTBody>tr {
    width: 100%;
    border-bottom: 1px solid #dee8f8;
  }

  #mutual_navTBody>tr>td:first-of-type {
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 14px;
    max-width: 750px;
    line-height: 28px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: rgba(0, 0, 0, 1.0);
    width: 750px;

    border-bottom: 1px solid #dee8f8;
  }

  .dev-header-right {
    position: absolute;
    right: 0;
    bottom: 10px;

  }

  #mutual_navTBody>tr>td:last-of-type {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 13px;
    width: 300px;
    line-height: 28px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #999999;
    text-align: right;
    border-bottom: 1px solid #dee8f8;


  }

  .mutual_current {
    background: #ccd6eb;
  }

  .net .Wdate {
    width: auto !important;
    background: none;
    border: none;
    border-bottom: 1px solid;
    color: #979797;
    font-weight: normal;
  }

  .mutual_tab_nav {
    height: 0;
  }

  .product_search_box {
    position: relative;
    display: inline-block;
    height: 30px;
  }

  #mutual-title-searchInput {
    position: relative;
    display: inline-block;
    width: 189px;
    height: 30px;
    line-height: 30px;
    color: #999999;
    padding: 0 10px 0 30px;
    border: 1px solid #ccd6eb;
    border-right: none;
  }


  .net .mutual_tab_nav a {
    white-space: nowrap;
    max-width: 25%;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: pointer;
  }

  #mutual-title-searchInput::-webkit-input-placeholder {
    color: #DCDCDC;
  }

  #mutual-title-searchInput:-moz-placeholder {
    color: #DCDCDC;
  }

  #mutual-title-searchInput::-moz-placeholder {
    color: #DCDCDC;
  }

  #mutual-title-searchInput:-ms-input-placeholder {
    color: #DCDCDC;
  }

  .product_search_box::after {
    position: absolute;
    top: 53%;
    left: 5px;
    width: 17px;
    height: 17px;
    background: url("../assets/images/icons/search_gray.png") center no-repeat;
    transform: translateY(-50%);
    content: "";
  }

  #mutual-enddate {
    width: 185px !important;
    background: none;
    border: none;
    border-bottom: 1px solid #ccd6eb;
    color: #979797;
    font-weight: normal;
  }

  .mutual-date-Active {
    color: #005096 !important;
    border-bottom: 1px solid #005096 !important;
  }

  .Mutual_nodata {
    display: none;
  }
#source-config .asset-sourcecombin-table{
    min-height: 36vw;
}
#source-config .asset-sourcecombin-table td{
    display: table-cell;
    vertical-align: middle;
}
  .moudle_header,
  .table_feilv {
    width: 100% !important;
  }

  .bottom_text {
    margin: 15px 0;
    width: 100%;
    text-align: right;
    color: #7a7a7a;
    float: right;
  }

  .bottom_text p {
    text-align: left;
    text-indent: 2em;
    display: inline-block
  }

  .content-list {
    padding: 15px;
  }