@charset "UTF-8";
body {
  margin: 0 auto;
  font-family: "Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;
  min-width: 1400px;
  max-width: 1920px;
  background: url('/en/images/icons/square.png') 6px 6px repeat;
}
body * {
  font-family: "Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;
}

/* 进度条 滚动 begin */
@-webkit-keyframes progress {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}

@keyframes progress {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
/* 进度条 滚动 end */
/* banner 淡入淡出效果 begin */
@-webkit-keyframes fadeIn {
  from {
    opacity: .8;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: .8;
  }

  to {
    opacity: 1;
  }
}

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: .8;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: .8;
  }
}
/* banner 淡入淡出效果 end */
.btn:focus,
.btn.active,
.btn:hover,
.btn:active:hover,
.btn.active.focus {
  text-shadow: none!important;
}
.hide {
  display: none!important;
}
.right-arrow {
  color: rgba(0, 64, 152, 1);
}

a .right-arrow {
  width: 12px;
  height: 12px;
}
a.btn.arrow-right {
  width: 60px;
  height: 36px;
  margin: 30px 0 0 0;
  border-radius: 24px;
  border: 1px solid rgba(255, 255, 255, .3);
  background: none;
}
a.btn.arrow-right > div.bg {
  width: 26px;
  height: 16px;
  background: url(/en/images/icons/btn-arrow-right.png) no-repeat;
  background-size: 100% 100%;
}
a.btn.arrow-right:hover {
  border: none!important;
  background: #fff!important;
  opacity: 1;
}
a.btn.arrow-right:hover > div.bg {
  background: url(/en/images/icons/btn-arrow-right-hover.png) no-repeat;
  background-size: 100% 100%;
}
a:hover .right-arrow {
  margin: 0 0 0 5px;
}
.btn {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  border: 1px solid #dee2e6;
  font-size: 16px;
  background-image: none;
  color: rgba(0, 64, 152, 1);
  background-color: #fff;
  border-color: rgba(0, 64, 152, 1);
  text-shadow: none!important;
  box-shadow: none!important;
}
body .btn-default:focus,
body .btn-default.focus,
body .btn-default:active,
body .btn-default.active,
body .btn-default:hover,
body .btn-default:active:hover,
body .btn-default.active:hover {
  background: rgba(0, 64, 152, 1);
  border: 1px solid rgba(0, 64, 152, 1);
  color: #fff;
}

body .btn.btn-red {
  border: 1px solid #E72521;
  color: #E72521;
  text-shadow: 0 1px 0 #fff;
}
body .btn.btn-gray {
  border: 1px solid #bbb;
  color: #bbb;
  text-shadow: 0 1px 0 #fff;
  cursor: not-allowed;
}
body .btn.btn-blue {
  background: #004098;
  color: #fff;
  text-shadow: 0 1px 0 #fff;
}
body .btn.btn-blue:hover, body .btn.go-page-btn:hover {
  background: rgba(34, 117, 232, 1)!important;
  border: 1px solid rgba(34, 117, 232, 1)!important;
}
body .btn.btn-red:active,
body .btn.btn-red.active,
body .btn.btn-red:hover,
body .btn.btn-red:active:hover,
body .btn.btn-red.active:hover,
body .btn.btn-red:active:focus,
body .btn.btn-red.active:focus,
body .btn.btn-red:active.focus,
body .btn.btn-red.active.focus {
  background: #E72521;
  border: 1px solid #E72521;
  color: #fff;
}

.red {
  color: rgba(231, 37, 33, 1)!important;
}
.green {
  color: rgba(110, 195, 162, 1)!important;
}
.gray {
  color: rgba(136, 136, 136, 1)!important;
}
.blue {
  color: rgba(0, 64, 152, 1)!important;
}
.black {
  color: #222!important;
}

.fz20 {
  font-size: 20px!important;
}
.fs12 {
  font-size: 12px!important;
}
.fs14 {
  font-size: 14px!important;
}
.mb10 {
  margin: 0 0 10px 0!important;
}
.mb20 {
  margin: 0 0 20px 0!important;
}
.mb30 {
  margin: 0 0 30px 0!important;
}
.mb90 {
  margin: 0 0 90px 0!important;
}
.fw500 {
  font-weight: 500!important;
}
.text-indent {
  text-indent: 2rem;
}

* a, * a:hover, * a:visited {
  text-decoration: none!important;
}
.ellipsis {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* bootstrap-table */
.bootstrap-table .fixed-table-header > table thead tr th { 
  border: 0;
}
.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #fff;
}
.bootstrap-table .fixed-table-container.fixed-height .table thead th {
  border-bottom: none;
}
.table-bordered, .table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
  border: none;
}
.bootstrap-table table tbody tr {
  border-bottom: 1px solid #eee;
}
.bootstrap-table table tbody tr:first-of-type {
  border-top: 1px solid #eee;
}
.bootstrap-table table tbody tr:last-of-type {
  /* border-bottom: none; */
}
.bootstrap-table .fixed-table-container.fixed-height .table thead tr:last-of-type th .th-inner, .bootstrap-table table tbody tr td {
  padding: 10px 0 10px 20px;
}
.bootstrap-table table tbody tr td {
  height: 94px;
}
.fixed-table-container tbody tr:hover {
  background: #EFF4F9;
}
.fixed-table-container tbody tr:hover a.btn-red {
  background: #E72521;
  border: 1px solid #E72521;
  color: #fff;
}
.fixed-table-container tbody tr:hover a.btn-default {
  background: rgba(0, 64, 152, 1);
  border: 1px solid rgba(0, 64, 152, 1);
  color: #fff;
}
.fixed-table-container tbody tr:hover a.btn-gray {
  cursor: not-allowed;
}
.hidden-pagination {
  display: none;
}
.fixed-table-header thead tr * {
  font-size: 14px;
  font-weight: 400;
  color: #222;
}
.small-font-size {
  font-size: 12px;
  font-weight: 400;
  color: #888;
  line-height: 18px;
}
.fixed-table-body .fund-name {
  font-size: 18px;
  font-weight: 500;
  color: #222;
  line-height: 24px;
}
.fixed-table-body .fund-name a {
  color: #222;
}
.fixed-table-body .fund-name a:hover {
  color: #23527c;
}
.fixed-table-body .sub-item {
  display: flex;
  margin: 6px 0 0 0;
}
.fixed-table-body .sub-item span {
  position: relative;
  padding: 0 10px 0 0;
}
.fixed-table-body .sub-item.sub-fund-net-value span {
  padding: 0;
}

.fixed-table-body .sub-item .manager-name {
  padding: 0 0 0 10px;
}
.fixed-table-body .sub-item .manager-name::after {
  content: ' ';
  display: block;
  width: 1px;
  height: 12px;
  background: #bbb;
  position: absolute;
  top: 4px;
  left: 0;
}
.fixed-table-body .fund-net-value, .fixed-table-body .percent-sing, .fixed-table-body .normal {
  font-size: 18px;
  font-weight: 500;
  color: #222;
  line-height: 24px;
}
.fixed-table-body .btns {
  display: flex;
  justify-content: center;
}
.fixed-table-body .btn {
  width: 66px;
  height: 32px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 400;
  margin: 0 6px;
}
.bootstrap-table .fixed-table-container .table thead th .asc, .bootstrap-table .fixed-table-container .table thead th .desc, .bootstrap-table .fixed-table-container .table thead th .both {
  display: flex;
  align-items: center;
  background-image: none;
}
.bootstrap-table .fixed-table-pagination {
  font-size: 14px;
}
.bootstrap-table .fixed-table-pagination > .pagination-detail, .bootstrap-table .fixed-table-pagination > .pagination {
  margin: 30px 0 0 0;
}
.page-list button {
  height: 30px;
  border-radius: 4px;
  border: 1px solid #eee;
  font-size: 14px;
  font-weight: 400;
  color: #222;
}

.pagination-detail .page-list .btn.btn-default:focus, 
.pagination-detail .page-list .btn.btn-default:hover {
  background: rgba(0, 64, 152, 1);
  border: 1px solid rgba(0, 64, 152, 1);
  color: #fff;
}
.bootstrap-table .fixed-table-pagination > .pagination > ul.pagination > li.active > a, 
.bootstrap-table .fixed-table-pagination > .pagination > ul.pagination > li.active > a {
  background: rgba(34, 117, 232, 1);
  border: 1px solid rgba(34, 117, 232, 1);
}
.bootstrap-table .fixed-table-pagination > .pagination ul.pagination li a {
  border-radius: 0!important;
}
.bootstrap-table .fixed-table-pagination > .pagination ul.pagination li:first-child a {
  border-radius: 4px 0 0 4px!important;
}
.bootstrap-table .fixed-table-pagination > .pagination ul.pagination li:last-child a {
  border-radius: 0 4px 4px 0!important;
}
.bootstrap-table .fixed-table-container .table thead {
  background: #F1F6F9!important;
}
.bootstrap-table .fixed-table-container .table thead th .both::after, .bootstrap-table .fixed-table-container .table thead th .asc::after, .bootstrap-table .fixed-table-container .table thead th .desc::after {
  content: '';
  display: block;
  width: 14px;
  height: 15px;
  margin: 0 0 0 4px;
  background: url(/en/images/icons/arrow-both.png) no-repeat;
}
.bootstrap-table .fixed-table-container .table thead th .asc::after, .bootstrap-table .fixed-table-container .table thead th .desc::after {
  background: url(/en/images/icons/arrow-asc.png) no-repeat;
}
.bootstrap-table .fixed-table-container .table thead th .desc::after {
  background: url(/en/images/icons/arrow-desc.png) no-repeat;
}
/* bootstrap-table */


.title {
  font-size: 42px;
  font-weight: bold;
  color: #222;
  line-height: 42px;
}

.desc-box {
  display: flex;
  flex-direction: column;
}
.desc-box .desc-title {
  font-size: 30px;
  font-weight: 500;
  color: #222;
  margin: 0 0 10px 0;
}
.desc-box .desc {
  font-size: 16px;
  font-weight: 400;
  color: #222;
  line-height: 30px;
}
/* pagination-bar */
.pagination-bar {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 30px 0;
}
.pagination-bar .pagination {
  display: flex;
  margin: 0;
}
.pagination-bar .pagination > li {
  margin: 0 4px;
}
.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
  background: #004098;
  border: 1px solid rgba(0, 64, 152, 1);
  color: #fff;
}
.pagination > li > a, .pagination > li > span {
  border-radius: 4px!important;
  cursor: pointer;
  color: #222;
}
.pagination-bar .total-pages-box {
  margin: 0 12px;
}
.pagination-bar .pagination-search-box {
  display: flex;
}
.pagination-bar .pagination-search-box .input-box {
  display: flex;
  align-items: center;
  margin: 0 12px;
}
.pagination-bar .pagination-search-box .go-page {
  width: 48px;
  height: 32px;
  margin: 0 4px;
  text-align: center;
}
.pagination-bar .pagination-search-box .go-page-btn {
  height: 32px;
  background: #004098;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 400;
  color: #fff;
}
.pagination-bar .pagination li.active a {
  background-color: #fff;
  color: #bbb;
  border-color: #ddd;
  cursor: not-allowed;
}
/* pagination-bar */
.datetimepicker table {
  width: 230px;
}

.fixed {
  position: fixed;
  background: #fff;
  z-index: 9999;
  top: 0;
  left: 0;
}

body .form-control {
  box-shadow: none;
}
body select::-ms-expand { 
  display: none; 
}
body select.form-control {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: url(/en/images/icons/select-triangle.png) 94% center no-repeat;
  cursor: pointer;
  padding: 6px 22px 6px 14px;
}
body .form-control:focus {
  box-shadow: none;
  border-color: rgba(0, 64, 152, 1);
}
.text-align-center {
  text-align: center;
}
/* 弹窗 begin */
body:not(.jconfirm-body) .jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title {
  font-size: 16px;
}
body:not(.jconfirm-body) .jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content, body:not(.jconfirm-body) .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button, body:not(.jconfirm-body) .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button {
  font-size: 14px;
}
body:not(.jconfirm-body) .jconfirm .jconfirm-box .jconfirm-buttons button.btn-blue {
  background: #004098;
  border: 1px solid #004098;
  font-size: 14px;
  color: #fff;
  height: 32px;
}
/* 弹窗 end */

/* 没查到数据时, 样式展示 begin */
.empty-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 420px;
  height: 420px;
}
.empty-box img {
  width: 200px;
  height: 200px;
  margin: 90px 0 30px 0;
}
.empty-box div {
  font-size: 16px;
  font-weight: 400;
  color: #222!important;
  margin: 0 auto;
  text-align: center;
}
.empty-box .btn {
  width: 200px;
  height: 48px;
  margin: auto 0 0 0;
}
/* 没查到数据时, 样式展示 end */

.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus,
.bootstrap-select > select.mobile-device:focus + .dropdown-toggle,
.bootstrap-select .dropdown-toggle:focus,
.bootstrap-select .dropdown-menu li:focus,
.bootstrap-select .dropdown-menu li a:focus {
	outline: none!important;
	box-shadow: none!important;
}
/* bootstrap-select begin */
.bootstrap-select {
  max-height: 34px;
  width: 280px;
}
.bootstrap-select > .btn {
  height: 34px!important;
  border: 1px solid #ccc!important;
  background: #fff!important;
  border-radius: 4px!important;
  width: 280px;
}
.bootstrap-select > .btn:focus, body .bootstrap-select.form-control.open .btn {
  border-color: rgba(0, 64, 152, 1)!important;
}
.bootstrap-select > .btn .bs-caret .caret {
  background: url(/en/images/icons/select-triangle.png) center no-repeat;
  cursor: pointer;
  padding: 0 14px 6px 0;
  border: hidden;
}
.bootstrap-select.dropup > .btn .bs-caret .caret {
  transform: rotate(180deg);
}
.bootstrap-select > .btn .filter-option-inner-inner {
  color: #333;
}
.bootstrap-select > .btn.bs-placeholder .filter-option-inner-inner {
  color: #bbb;
}
.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
  font-size: 14px;
}
.bootstrap-select .dropdown-menu.inner {
  max-height: 280px;
  height: auto;
}
.bootstrap-select .dropdown-menu.inner li {
  font-size: 14px;
  font-weight: 400;
  height: 45px;
  min-height: 45px;
}
.bootstrap-select .dropdown-menu.inner li.no-results {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0 20px;
}
.bootstrap-select .dropdown-menu.inner li a {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  color: #222;
}
.bootstrap-select .dropdown-menu.inner li a.selected, .bootstrap-select .dropdown-menu.inner li a:hover, 
.bootstrap-select .dropdown-menu > .active > a, .bootstrap-select .dropdown-menu > .active > a:focus, .bootstrap-select .dropdown-menu > .active > a:hover {
  background: #EFF4F9;
}
/* bootstrap-select end */

.underlay-top-right, .underlay-top-left, .underlay-bottom-right  {
  position: absolute;
  z-index: -1;
}
.underlay-top-right {
  bottom: 0;
  right: 0;
  width: 1115px;
  height: 340px;
  background: url(/en/images/underlay-top-right.png) center / 100% 100% no-repeat;
}
.underlay-top-left {
  top: 0;
  left: 0;
  width: 352px;
  height: 340px;
  background: url(/en/images/underlay-top-left.png) center / 100% 100% no-repeat;
}
.underlay-bottom-right {
  bottom: 0;
  right: 0;
  width: 400px;
  height: 658px;
  background: url(/en/images/underlay-bottom-right.png) center / 100% 100% no-repeat;
}