header {
  height: 550px;
}
.header-box .header-bar-box {
  background: rgba(0, 0, 0, .15);
  border-bottom: none;
}
header .header-box .header-menu-box .header-menu-item .underline {
  margin: 28px 0 0 0;
}
.content {
  width: 1400px;
  margin: 300px auto 65px auto;
}
body .bread-crumb li:last-of-type .text {
  color: rgba(250, 250, 250, .8);
}
body .header-box .header-menu-box .header-menu-item:not(.header-menu-item-active) .underline::after {
  background: #fff;
}
body .header-menu-item-active > a, body .header-menu-item:hover > a {
  font-weight: bold;
  color: #fff!important;
}
.position-box {
  position: absolute;
  top: 145px;
  width: 100%;
}
.position-box-inner {
  width: 1400px;
  margin: auto;
}
.position-box .bread-crumb-box {
  color: rgba(250, 250, 250, .8);
  margin: 0 auto 20px auto;
}
.position-box .bread-crumb-box .bread-crumb a {
  color: rgba(250, 250, 250, .8);
}
.position-box .bread-crumb-box .bread-crumb a:hover {
  color: rgba(0, 64, 152, 1);
}
.fund-detail-box {
  display: flex;
  padding: 48px 58px 42px 48px;
  height: 100%;
}
.fund-detail-box .left {
  display: flex;
  flex-direction: column;
  margin: 0 50px 0 0;
  width: 360px;
  position: relative;
}
.fund-detail-box .left .finished-img {
  position: absolute;
  width: 96px;
  height: 86px;
  background: url(/main/nffund/images/personal-financing/finished.png) center / 100% 100% no-repeat;
  right: -30px;
  top: 50px;
}
.fund-detail-box .left .btn-gray {
  border: 1px solid #bbb;
  color: #bbb;
  text-shadow: 0 1px 0 #fff;
  background-color: #fff;
  pointer-events: none;
}
.fund-detail-box .left .fund-name {
  font-size: 36px;
  font-weight: bold;
  color: #222;
  line-height: 54px;
  letter-spacing: 2px;
}
.fund-detail-box .code-type-level {
  display: flex;
  margin: 12px 0 24px 0;
  font-size: 16px;
  color: #222;
}
.fund-detail-box .code-type-level > div {
  margin: 0 10px 0 0;
}
.fund-detail-box .pill {
  display: flex;
  align-items: center;
  padding: 4px 8px;
  height: 24px;
  background: #FFEBE1;
  border-radius: 3px;
  font-size: 14px;
  font-weight: 500;
  color: #EE5C25;
}
.ratio-nav {
  display: flex;
  margin: 0 0 40px 0;
}
.ratio-nav > div{
  flex: 1;
}
.ratio-nav .title {
  font-size: 14px;
  font-weight: 400;
  color: #222;
}
.ratio-nav .value {
  font-size: 30px;
  font-weight: bold;
}
.ratio-nav .title img {
  margin: -2px 0 0 6px;
  width: 16px;
  height: 16px;
}
.ratio-nav .value .percentage {
  font-size: 16px;
  font-weight: 400;
  margin: 0 0 0 4px;
}
.since-box {
  display: flex;
  flex-direction: column;
}
.since-row {
  display: flex;
  margin: 0 0 20px 0;
}
.since-row .item {
  flex: 1;
  display: flex;
}
.since-row .item .circular {
  width: 8px;
  max-width: 8px;
  height: 8px;
  max-height: 8px;
  border: 2px solid #bbb;
  border-radius: 50%;
  margin: 6px 12px 0 0;
}
.since-row .item .text {
  font-size: 14px;
  font-weight: 400;
}
.since-row .item .text .key {
  color: #666;
  margin: 0 0 4px 0;
}
.subscribe-box, .countdown-box {
  display: flex;
}
.subscribe-box {
  margin: 30px 0;
}
.subscribe-box .item, .countdown-box .item {
  flex: 1;
  display: flex;
}
.subscribe-box .circular, .countdown-box .circular {
  width: 8px;
  max-width: 8px;
  height: 8px;
  max-height: 8px;
  border: 2px solid #E72521;
  border-radius: 50%;
  margin: 6px 12px 0 0;
}
.subscribe-box .text, .countdown-box .text {
  display: flex;
  flex-direction: column;
}
.subscribe-box .text .key, .countdown-box .text .key {
  font-size: 14px;
  font-weight: 400;
  color: #222;
  margin: 0 0 10px 0;
}
.subscribe-box .text .value {
  font-size: 18px;
  font-weight: bold;
  color: #222;
}
.countdown-box .text .value {
  font-size: 24px;
  font-weight: bold;
  color: #222;
}
.countdown-box .text .countdown {
  display: flex;
  align-items: center;
}
.countdown-box .text .countdown .number {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 54px;
  height: 42px;
  background: #fff;
  border-radius: 3px;
  border: 1px solid #bbb;
  font-size: 24px;
  font-weight: bold;
  color: #E72521;
  letter-spacing: 1px;
}
.countdown-box .text .countdown .type {
  margin: 0 10px;
  font-size: 16px;
  font-weight: 400;
  color: #222;
}
.fund-detail-box .left .btns {
  display: flex;
  margin: auto 0 0 0;
}
.fund-detail-box .left .btn {
  width: 170px;
  height: 48px;
  border-radius: 8px;
}
.fund-detail-box .left .btn:first-of-type {
  margin: 0 20px 0 0;
}
.fund-detail-box .right {
  display: flex;
  flex-direction: column;
  width: 860px;
  border-left: 1px solid #eee;
  padding: 0 0 0 50px;
}
.fund-detail-box .right img {
  cursor: pointer;
}
.right-content {
  margin: 65px 0 0 70px;
  display: flex;
}
.right-content img {
  width: 31px;
  height: 31px;
  max-width: 31px;
  max-height: 31px;
  margin: 0 20px 0 0;
}
.right-content .timeline-box {
  display: flex;
  flex-direction: column;
}
.right-content .timeline-box .title {
  font-size: 24px;
  font-weight: bold;
  color: #222;
}
.right-content .timeline-box .timelines {
  display: flex;
  flex-direction: column;
  margin: 45px 0 0 0;
}
.right-content .timeline-box .timelines .timeline {
  display: flex;
  align-items: center;
}
.right-content .timeline-box .timelines .line {
  width: 1px;
  height: 40px;
  background-color: rgba(0, 64, 152, .4);
  margin: 4px 0 4px 15px;
}
.right-content .timeline-box .timelines .timeline .time {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border: 1px solid #004098;
  border-radius: 50%;
  font-size: 18px;
  font-weight: 500;
  color: #004098;
}
.right-content .timeline-box .timelines .timeline .key {
  font-size: 18px;
  font-weight: 400;
  color: #222;
  width: 170px;
  margin: 0 0 0 20px;
}
.right-content .timeline-box .timelines .timeline .value {
  font-size: 18px;
  font-weight: bold;
  color: #222;
}
.tabs {
  display: flex;
  margin: 0 0 20px 0;
  border-bottom: 1px solid #eee;
}
.tab {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 60px 0 0;
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
  color: #222;
}
.tab.active, .tab:hover {
  font-size: 16px;
  font-weight: bold;
  color: #004098;
}
.tab.active span, .tab:hover span {
  width: 30px;
  height: 3px;
  background: #004098;
  border-radius: 3px;
  margin: 20px 0 0 0;
}
.fund-detail-box .tips {
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 400;
  color: #222;
}
.fund-detail-box .fund-details {
  display: flex;
  margin: 10px 0;
  font-size: 14px;
  font-weight: 400;
  color: #222;
}
.fund-detail-box .fund-details > div {
  display: flex;
  margin: 0 30px 0 0;
}
.fund-detail-box  .fund-details.has-fund-transformation > div {
  width: auto;
  margin: 0 12px 0 0;
}
.fund-detail-box  .fund-details.has-fund-transformation > .fund-transformation {
  margin: 0 12px 0 auto;
}
.fund-detail-box .fund-details .fund, .fund-detail-box .fund-details .contrast {
  display: flex;
}
.fund-detail-box .fund-details .fund::before, .fund-detail-box .fund-details .contrast::before {
  display: block;
  content: '';
  width: 9px;
  height: 9px;
  margin: 6px 10px 6px 4px;
  border-radius: 50%;
}
.fund-detail-box .fund-details .fund::before {
  background: rgba(231, 37, 33, 1);
}
.fund-detail-box .fund-details .contrast::before {
  background: rgba(65, 129, 217, 1);
}
.fund-detail-box .fund-details .fund span:last-of-type {
  width: 50px;
}
.fund-detail-box .fund-details .contrast span:last-of-type {
  width: 50px;
}
.fund-detail-box .fund-details > div img {
  width: 19px;
  height: 19px;
  margin: 0 0 0 8px;
}
.fund-detail {
  width: 1400px;
  height: 614px;
  background: #fff;
  box-shadow: 0 12px 14px 0 rgba(89, 123, 170, .1);
  border-radius: 12px;
  margin: auto;
}
.fund-detail-box .tips img {
  margin: 0 8px;
}
.fund-detail-box .echarts {
  height: 100%;
  margin: 0 0 15px 0;
}
.fund-detail-box .btns-bar {
  display: flex;
  margin: auto 0 0 0;
  height: 32px;
}
.fund-detail-box .btns-bar a {
  font-size: 12px;
  font-weight: 400;
  color: #222;
}
.fund-detail-box .btns-bar a.btn.active {
  color: #fff;
  background: #004098;
  border: 1px solid #004098;
}
body a.btn-default.active:hover {
  background: rgba(34, 117, 232, 1)!important;
  border: 1px solid rgba(34, 117, 232, 1)!important;
}
.fund-detail-box .btns-bar a.btn-default:hover{
  background: rgba(0, 64, 152, 1);
  border: 1px solid #fff;
  color: #fff;
  border: 1px solid #004098;
}
.fund-detail-box .btns {
  display: flex;
}
.btns-bar .btns a {
  width: 80px;
  height: 32px;
  background: #fff;
  border: 1px solid #eee;
  border-left: none;
  border-radius: 0;
}
.btns-bar .btns a:first-of-type {
  border: 1px solid #eee;
  border-radius: 4px 0 0 4px;
}
.btns-bar .btns a:last-of-type {
  border: 1px solid #eee;
  border-radius: 0 4px 4px 0;
}
.fund-detail-box .date-picker-bar {
  display: flex;
  margin: 0 0 0 auto;
}
.date-picker-bar .date-picker {
  margin: 0 10px 0 0;
  width: 108px;
  height: 32px;
}
.date-picker-bar a {
  width: 60px;
  height: 32px;
  border-radius: 4px;
}
.manager-information {
  width: 1400px;
  margin: 0 0 60px 0;
  font-size: 14px;
  font-weight: 400;
  color: #222;
}
.manager-information .title {
  font-size: 30px;
  font-weight: bold;
  color: #222;
}
.manager-box {
  display: flex;
  position: relative;
  margin: 20px 0 0 0;
}
.manager-box img {
  width: 180px;
  height: 180px;
  border-radius: 12px;
  position: absolute;
}
.manager-box .information {
  width: 1340px;
  /* min-height: 555px; */
  background: #EFF4F9;
  margin: 24px 0 0 auto;
  padding: 32px 60px 40px 156px;
}
.information .title {
  font-size: 18px;
  font-weight: bold;
  color: #222;
  margin: 0 0 20px 0;
  line-height: 18px;
}
.information .introduction {
  text-indent: 2em;
  line-height: 30px;
  max-height: 90px;
  height: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  font-size: 16px;
}
.term-and-return, .returns {
  display: flex;
  flex-direction: column;
}
.returns {
  max-height: 150px;
  height: auto;
  overflow: hidden;
}
.term-and-return .head {
  display: flex;
  align-items: center;
  width: 1124px;
  height: 48px;
  background: rgba(0, 64, 152, .15);
  font-weight: 600;
}
.returns .return {
  display: flex;
  align-items: center;
  width: 1124px;
  min-height: 48px;
  background: #fff;
  border-bottom: 1px solid #eee;
}
.returns .return .fund-code {
  margin: 0 0 0 12px;
}
.returns .return a {
  color: #333;
}
.returns .return a:hover {
  color: #337ab7;
}
.term-and-return .head > div:first-of-type, .returns .return > div:first-of-type {
  width: 520px;
  padding: 0 0 0 72px;
}
.term-and-return .head > div:nth-of-type(2), .returns .return > div:nth-of-type(2) {
  width: 394px;
}
.term-and-return .show-more {
  height: 48px;
  background: #fff;
  width: 100%;
  margin: auto;
}
.show-more {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 20px auto;
}
.show-more a {
  display: flex;
}
.arrow-more {
  width: 16px;
  height: 16px;
  margin: 2px 0 0 10px;
  background: url(/main/nffund/images/icons/arrow-more.png) no-repeat;
  background-size: 100% 100%;
}
.arrow-more.arrow-down {
  transform: rotate(180deg);
}
.show-all {
  max-height: 100%!important;
  -webkit-line-clamp: inherit!important;
}
/* 弹窗 begin */
body.jconfirm-body .jconfirm.jconfirm-white .jconfirm-box, body.jconfirm-body .jconfirm.jconfirm-light .jconfirm-box {
  display: flex;
  flex-direction: column;
  min-width: 540px;
  border-radius: 12px;
}
body.jconfirm-body .jconfirm .jconfirm-box div.jconfirm-content-pane {
  min-height: auto!important;
}
body.jconfirm-body .jconfirm .jconfirm-box div.jconfirm-closeIcon {
  width: 22px;
  height: 22px;
  font-size: 34px!important;
  color: #979797;
  font-weight: normal;
  margin: 14px 0 0 0;
}
body.jconfirm-body .jconfirm .jconfirm-box div.jconfirm-title-c {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  font-weight: bold;
  color: #222;
  padding: 0 0 22px 0;
  margin: 14px 0 20px 0;
  border-bottom: 1px solid #EEEEEE;
  position: relative;
}
body.jconfirm-body .jconfirm .jconfirm-title-c::before {
  display: block;
  content: '';
  width: 30px;
  height: 3px;
  background: #004098;
  border-radius: 2px;
  position: absolute;
  bottom: 0;
}
body.jconfirm-body .jconfirm .jconfirm-box .jconfirm-buttons button.btn-blue {
  width: 150px;
  height: 44px;
  background: #004098;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 500;
  color: #fff;
}
body.jconfirm-body .jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content {
  margin: 20px 20px 40px 20px;
}
.content-description {
  display: flex;
  flex-direction: column;
  font-size: 16px;
  color: rgba(34, 34, 34, 1);
  line-height: 26px;
}
.content-description .item {
  display: flex;
}
.content-description .item:not(:first-of-type) {
  margin: 20px 0 0 0;
}
.content-description .item strong {
  min-width: 85px;
}
.content-description .small {
  font-size: 14px;
  color: rgba(136, 136, 136, 1);
  margin: 14px 0 0 0;
}
#content-description-img{
  width: 208px;
  height: 208px;
  margin: 30px auto 0 auto;
}
body.jconfirm-body .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons, body.jconfirm-body .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons {
  display: flex;
  justify-content: center;
  margin: 0 auto 40px auto;
  padding: 0;
}
body.jconfirm-body .jconfirm .jconfirm-box .jconfirm-buttons > button {
  margin: 0;
}
/* 弹窗 end */
.all-information {
  margin: 0 0 120px 0;
}
.all-information .tabs {
  width: 1400px;
  margin: auto;
}
.informations {
  padding: 40px 0 0 0;
  position: relative;
}
.informations-bg-color {
  width: 100%;
  height: 495px;
  position: absolute;
  z-index: -1;
  top: 0;
}
.tabs-content {
  display: flex;
  width: 1400px;
  margin: auto;
}
.tabs-content .content-item {
  width: 1400px;
  display: none;
}
.tabs-content .content-item.active {
  display: block;
}

.tabs-content table {
  width: 1400px;
  border-right: 1px solid #bbb;
  border-bottom: 1px solid #bbb;
}

.tabs-content table.overview table {
  width: 100%;
}
.tabs-content table thead {
  background: #EFF4F9;
}
.tabs-content table thead tr th {
  font-weight: 600;
}
.tabs-content table tr {
  height: 48px;
}
.tabs-content table th, .tabs-content table td {
  text-align: center;
  border-left: 1px solid #bbb;
  border-top: 1px solid #bbb;
  min-height: 48px;
  min-width: 170px;
  font-size: 14px;
  font-weight: 400;
  color: #222;
  line-height: 20px;
}
.tabs-content table td {
  padding: 6px;
}
.overview tr:nth-of-type(8) td:last-of-type {
  padding: 6px 34px;
  line-height: 30px;
}
.overview tr:nth-of-type(9) td:last-of-type {
  text-align: left;
  padding: 6px 34px;
  line-height: 30px;
}
.overview tr:not(:nth-of-type(10)) td:nth-of-type(odd) {
  width: 350px;
  background: #EFF4F9;
  font-weight: 600;
}
.overview-search {
  display: flex;
  flex-direction: column;
}
.overview-search-bar {
  display: flex;
  align-items: center;
  height: 32px;
}
.overview-search-bar .label {
  font-size: 14px;
  color: #333;
}
.content-item .date-picker {
  width: 120px;
  margin: 0 12px 0 0;
}
.overview-search-bar .btn {
  height: 34px;
  background: #004098;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 400;
  color: #fff;
}
.overview-result {
  margin: 20px 0 0 0;
}
/* 销售机构 begin */
.sales-organization {
  width: 1400px;
  margin: 15px 0 0 0;
}
.sales-organization .title {
  font-size: 20px;
  font-weight: bold;
  color: #004098;
  margin: 0 0 20px 0;
}
.sales-organization .title.last {
  display: flex;
  margin: 60px 0 20px 0;
}
.sales-organization .title .title-number {
  width: 40px;
}
.sales-organization .title .tips {
  font-size: 14px;
  color: #888;
  margin: 0 0 0 8px;
}
.sales-organization .sub-title {
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: 400;
  color: #222;
  margin: 0 0 12px 0;
}
.sales-organization .sub-title::before {
  display: block;
  content: '';
  width: 8px;
  height: 8px;
  border: 2px solid #E72521;
  border-radius: 50%;
  margin: 0 14px 0 18px;
}
.sales-organization .contact-information {
  width: 160px;
  margin: 0 0 0 auto;
  font-size: 16px;
  font-weight: 400;
  color: #004098;
} 
.sales-organization .contact-information a .right-arrow {
  width: 16px;
  height: 16px;
}
.sales-organization .text {
  display: flex;
  font-size: 16px;
  font-weight: 400;
  color: #222;
  margin: 0 0 12px 40px;
}
.sales-organization .text strong {
  margin: 0 30px 0 0;
}
.sales-organization .text .telephone {
  color: rgba(0, 64, 152, 1);
}
.sales-organization .blue-box {
  width: 1360px;
  background: #EFF4F9;
  border-radius: 12px;
  margin: 24px 0 30px auto;
  padding: 24px 36px 14px 36px;
  font-size: 14px;
  color: #222;
}
.sales-organization .blue-box .list {
  display: flex;
  flex-wrap: wrap;
}
.sales-organization .blue-box .list .item {
  width: 143px;
  min-width: 143px;
  margin: 0 0 12px 0;
}
.sales-organization .blue-box .list .item .star {
  color: rgba(231, 37, 33, 1);
  margin: 0 0 0 4px;
}
.sales-organization .blue-box .bold {
  margin: 0 0 18px 0;
  font-weight: bold;
}
.star-mark-tips {
  font-size: 12px;
  font-weight: 400;
  color: #E72521;
  margin: 20px 0 0 40px;
}
/* 销售机构 end */

.title-box {
  display: flex;
  height: 20px;
  line-height: 20px;
}
.title-box .title {
  display: flex;
  align-items: center;
  font-size: 18px;
  font-weight: bold;
}
table.normal, .redemption-list .empty-by-day {
  margin: 20px auto 40px auto;
}
.redemption-list .empty-by-day {
  font-size: 18px;
}

/* 基金净值 begin */
.net-worth .tips {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  margin: 0 0 0 8px;
  position: relative;
  font-style: normal;
  vertical-align: middle;
}
.net-worth .tipswrods {
  display: none;
  font-size: 14px;
  color: #767676;
  line-height: 22px;
  border: 1px solid #c2c2c2;
  border-radius: 5px;
  box-shadow: -2px 2px 2px #e0e0e0;
  background: #fff;
  text-align: left;
  position: absolute;
  z-index: 9;
  padding: 10px 14px;
  width: 200px;
  top: 22px;
}
.net-worth .tips:hover .tipswrods {
  display: block;
}
.net-worth .risk-warning, .net-worth .performance-warning {
  color: rgba(128, 128, 128, 1);
  font-size: 16px;
}
.net-worth .performance-warning {
  margin: 0 0 20px 0;
}
.history-nav-download, .redemption-list-download {
  display: flex;
  margin: 0 0 0 auto;
  color: #333;
}
.history-nav-download:hover, .redemption-list-download:hover {
  color: #337ab7;
}
.history-nav-download .download, .redemption-list-download .download {
  margin: 0 5px 0 0;
  width: 18px;
  height: 18px;
  background: url(/main/nffund/images/icons/download.png) no-repeat;
  background-size: 100% 100%;
}
/* 基金净值 end */

/* 费率结构 begin */

.rate-structure .rate-remark {
  font-size: 16px;
  margin: 40px 0 0 0;
}

.rate-structure .detail-tips {
  font-size: 16px;
  margin: 20px 0 0 0;
}
.rate-structure .tips, .investment-portfolio .tips {
  margin: -20px 0 0 0;
  color: #888;
}
.dividend-fund table.normal {
  margin: 20px 0;
}
.dividend-fund .tips {
  margin: 20px 0 0 0;
}
/* 费率结构 end */

.search-box {
  display: flex;
  align-items: center;
  height: 32px;
}
.search-box .pair {
  display: flex;
  align-items: center;
  margin: 0 20px 0 0;
}
.search-box .label {
  font-size: 14px;
  color: #333;
}
.search-box input, .search-box select {
  width: 280px;
}
.search-box .btn.active {
  height: 34px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 400;
}
#query-year {
  width: 80px;
  margin: 0 10px 0 0;
}

/* 基金公告 begin */
.sub-tabs {
  display: flex;
  margin: 0 0 20px 0;
}
.sub-tab {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 60px 0 0;
  cursor: pointer;
  font-size: 18px;
  font-weight: 400;
  color: #222;
}
.sub-tab.active, .sub-tab:hover {
  font-size: 18px;
  font-weight: bold;
  color: #004098;
}
.sub-tab.active span, .sub-tab:hover span {
  width: 30px;
  height: 3px;
  background: #004098;
  border-radius: 3px;
  margin: 14px 0 0 0;
}
.fund-announcement .notices, .legal-document .files {
  display: flex;
  flex-direction: column;
  width: 1400px;
  margin: 30px 0 15px 0;
}
.fund-announcement .notices > div, .legal-document .files > div {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.fund-announcement .notices .notices-head, .legal-document .files .files-head {
  background: #EFF4F9;
  height: 48px;
  font-weight: 600;
}
.fund-announcement .notices .notices-item, .legal-document .files .files-item {
  display: flex;
  align-items: center;
  width: 100%;
  height: 78px;
  border-bottom: 1px solid #eee;
}
.notices-item > div, .files-item > div {
  display: flex;
}
.fund-announcement .notices .notices-item > div, .legal-document .files .files-item > div {
  margin: auto;
  width: 200px;
}
.fund-announcement .notices .notices-item > div:first-of-type, .legal-document .files .files-item > div:first-of-type {
  width: 960px;
  margin: auto 0 auto 18px;
}
.fund-announcement .notices .notices-item > div:last-of-type, .legal-document .files .files-item > div:last-of-type {
  width: 40px;
}
.fund-announcement .notices .notices-item a, .legal-document .files-item a {
  color: #222;
}
.fund-announcement .notices .notices-item a:hover, .legal-document .files-item a:hover {
  color: #004098;
}
.notices-item .circular, .files-item .circular {
  min-width: 8px;
  max-width: 8px;
  min-height: 8px;
  max-height: 8px;
  border: 2px solid #E72521;
  margin: 6px 18px 0 0;
  border-radius: 50%;
}
/* 基金公告 end */

.files-item .download {
  display: flex;
  width: 18px;
  height: 18px;
  background: url(/main/nffund/images/icons/download.png) no-repeat;
  background-size: 100% 100%;
}

/* 投资组合 begin */
.investment-portfolio .search-box {
  margin: 0 0 30px 0;
}
/* 投资组合 end */
.fund-QA-content *{
  margin: 30px 0 0 0;
  font-size: 16px!important;
  font-family:"Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif!important;
}
.redemption-list {
  display: flex;
  flex-direction: column;
}
.redemption-list table:not(:last-of-type) tr th, .redemption-list table:not(:last-of-type) tr td, .redemption-list table.special tr th, .redemption-list table.special tr td {
  width: 50%;
}
.tabs-content table#constituent-stock th, .tabs-content table#constituent-stock td {
  min-width: auto;
}

/* echarts begin */
.echarts-tips {
  display: flex;
  flex-direction: column;
  font-size: 12px;
}
.echarts-tips-title {
  font-weight: bold;
}
.echarts-tips .circular {
  width: 9px;
  height: 9px;
  margin: 6px 4px 6px 0;
  border-radius: 50%;
  background: rgba(231, 37, 33, 1);
}
.echarts-tips > div {
  display: flex;
}
.echarts-tips > div:last-of-type .circular {
  background: rgba(65, 129, 217, 1);
}
.echarts-tips > div span {
  margin: 0 0 0 8px;
}
/* echarts end */

.text-align-left {
  text-align: left!important;
}
.text-align-center {
  text-align: center!important;
}
pre {
  padding: 0;
  margin: 0;
  background: none;
  border: none;
}
#operating-rate tbody tr td:first-child {
  background: #EFF4F9;
  font-weight: 600;
}
.title-box.subscription-rate {
  cursor: pointer;
  margin: 0 0 20px 0;
}
.title-box.subscription-rate .chevron {
  width: 18px;
  height: 8px;
  background: url(/main/nffund/images/icons/question-triangle.png) center no-repeat;
  margin: 0 0 0 12px;
}
.title-box.subscription-rate:hover .chevron {
  background: url(/main/nffund/images/icons/arrow-more.png) center no-repeat;
  transform: rotate(180deg);
}
.title-box.subscription-rate .chevron-up {
  transform: rotate(0);
}
.title-box.subscription-rate .chevron-down {
  transform: rotate(180deg);
}
.title-box.subscription-rate:hover .chevron-up {
  transform: rotate(180deg);
}
.title-box.subscription-rate:hover .chevron-down {
  transform: rotate(0);
}
.tabs-link {
  display: flex;
  width: 300px;
  height: 44px;
  background: #EFF4F9;
  border-radius: 30px;
  margin: 0 auto 30px 0;
}
.tab-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 150px;
  height: 44px;
  font-size: 16px;
  font-weight: 400;
  color: #222;
}
.tab-link.active {
  background: #004098;
  border-radius: 30px;
  color: #fff;
  font-weight: bold;
}

.sales-organization .tabs-link {
  width: 400px;
}
.sales-organization .tab-link, #sales-organization-case3 .tabs-link {
  width: 200px;
}
#sales-organization-case2, #sales-organization-case3 {
  margin: 0;
}

.due-date {

}
.due-date .due-date-tips-small {
  font-size: 14px;
  margin: 30px 0;
}
.due-date .due-date-details {
  display: flex;
  width: 1400px;
  height: 200px;
}
.due-date .due-date-detail {
  width: 680px;
  height: 100%;
  border-radius: 3px;
  border: 1px solid #bbb;
  padding: 40px 40px 0 40px;
}
.due-date .due-date-detail:first-of-type {
  margin: 0 30px 0 0;
}
.due-date-detail-top {
  display: flex;
  align-items: baseline;
  margin: 0 0 20px 0;
}
.due-date-title {
  margin: 0 40px 0 0;
  font-size: 18px;
}
.due-date-data {
  font-size: 30px;
  color: #e72521;
}
.due-date-detail .tips {
  color: rgba(128, 128, 128, 1);
  font-size: 14px;
}
.due-date .due-date-tips {
  font-size: 18px;
  margin: 40px 0 0 0;
}