html {
  font-size: 16px;
}

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans',
    'Droid Sans', 'Helvetica Neue', 'Microsoft Yahei', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body * {
  box-sizing: border-box;
  flex-shrink: 0;
}

a{text-decoration:none}


.flex-row {
  display: flex;
  flex-direction: row;
}

.flex-col {
  display: flex;
  flex-direction: column;
}

.justify-start {
  justify-content: flex-start;
}

.justify-end {
  justify-content: flex-end;
}

.justify-center {
  justify-content: center;
}

.justify-between {
  justify-content: space-between;
}

.justify-around {
  justify-content: space-around;
}

.justify-evenly {
  justify-content: space-evenly;
}

.items-start {
  align-items: flex-start;
}

.items-end {
  align-items: flex-end;
}

.items-center {
  align-items: center;
}

.items-baseline {
  align-items: baseline;
}

.items-stretch {
  align-items: stretch;
}

.self-start {
  align-self: flex-start;
}

.self-end {
  align-self: flex-end;
}

.self-center {
  align-self: center;
}

.self-baseline {
  align-self: baseline;
}

.self-stretch {
  align-self: stretch;
}

.flex-1 {
  flex: 1 1 0%;
}

.flex-auto {
  flex: 1 1 auto;
}

.grow {
  flex-grow: 1;
}

.grow-0 {
  flex-grow: 0;
}

.shrink {
  flex-shrink: 1;
}

.shrink-0 {
  flex-shrink: 0;
}

.relative {
  position: relative;
}

.page {

  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%;
  background-color: #f3f4fa;
}
.logo {
  width: 10.06rem;
  height: 2.53rem;
}
.top{
      border: none;
    background-color: #fff;
    z-index: 10;
    -webkit-transition: background-color 0.5s linear;
    -o-transition: background-color 0.5s linear;
    transition: background-color 0.5s linear;
    height: 50px;
    -webkit-box-shadow: 0 0 20px rgb(0 0 0 / 20%);
    box-shadow: 0 0 20px rgb(0 0 0 / 20%);
    padding: 1.5rem;
    height: 4.5rem;
}
}
.top-nav {
  margin-right: 0.75rem;
}

.nav-li a {
  background-color: #dcdde2;
  border-radius: 0.31rem;
  margin-left: 0.4rem;
  color: #000;
  padding: 0.2rem 0.8rem;
}

.top-nav .active a {
  background-color: #1949af;
  color: #fff;
}


#main {
  margin-top: 2.75rem;
  max-width: 980px;
  margin: 0 auto;
}
.title-h1 {
  color: #1949af;
  font-size: 2.6rem;
  font-weight: 700;
  line-height: 3rem;
}
.title-text {
  margin-bottom: 1.34rem;
}
.section {
  background-color: #ffffff;
  
}

.text-middle {
height: 13rem;
  overflow-y: auto;
  padding: 1.5rem 2rem;
  
}

.text-flow{
  height: 25rem;
  overflow-y: auto;
}

.text-flow2{
  max-height: 40rem;
  overflow-y: auto;
  display: inline-block;
}

.menu{
    font-size: 1rem;
    font-weight: 700;
    display: inline-flex;
    width: 100%;
    padding: 0;
    margin: 3rem 0;
    color: #1949af;
}
.menu-li{
      flex: 1;
    text-align: center;
    list-style: none;
    border: solid 0.031rem #1949af;
    background: #fff;
    line-height: 3.6rem;
    cursor: pointer;
}

.btn:hover{
  background: #6193ff;
  color: #fff;
}


.menu-li:first-child{border-radius: 0.35rem 0 0 0.35rem ;}

.menu-li:last-child{border-radius: 0 0.35rem 0.35rem 0;}


.menu .active{background: #1949af;color: #fff;}




.title-h2 {
  padding: 1.2rem 1.8rem;
  background-color: #1949af;
  border-radius: 0px 1.56rem 1.56rem 0px;
  color: #ffffff;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.5rem;
  margin-bottom: 1.5rem;
}
.c-section {
  margin-bottom: 2rem;
  padding: 0.8rem 2rem 2rem;
  background-color: #ffffff;
}

.title-h3 {
  font-size: 1.3rem;
  font-weight: 700;
  color: #000;
}
.c-content{padding-top: 2rem;}


.pos {
  position: absolute;
  left: 0;
  top: 0;
  background-color: #1949af;
  width: 0.47rem;
  height: 2.72rem;
}

table{background: #fff;width: 100%;border-top: 0.1rem solid #cfd7e6;border-left: 0.1rem solid #cfd7e6;text-align: left;    display: inline-table;}
table tr{width: 100%;}
table th,table td{border-right:  0.1rem solid #cfd7e6;border-bottom:  0.1rem solid #cfd7e6;padding: 0.5rem 1.5rem;}
table th{background: #4E6EC3;color: #fff;line-height: 2rem;}
table td{background: #fff;color: #000;}

.c-record table {text-align: center;}

.fundflex{display: flex;width: 100%;}


.title-h4{
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-bottom: 1px rgb(238,238,238) solid;
    margin-bottom: 20px;
    height: 1.7rem;
}
.h4-li{
    float: left;
    margin-right: 6rem;
    font-weight: bold;
    cursor: pointer;
    line-height: 1.5rem;
}
.title-h4 .active{
      border-bottom: 0.2rem #4E6EC3 solid;
    color: #4E6EC3;
}

.PerformDate {
    margin-top: 1.5rem;
    width: 100%;
    margin-bottom: 1.5rem;
}

.PerformDateBox {
    float: left;
    padding-top: 0.3rem;
    line-height: 1.5rem;
    text-align: left;
    margin-bottom: 1.5rem;
}

.PerformDateBoxdate {
    padding-top: 0.3rem;
    border-radius: 0.2rem;
    border: 1px #ddd solid;
    text-align: center;
    margin-right: 1rem;
    margin-left: 1rem;
    width: 8rem;
}

.PerformDateBoxreset {
    background-color: #1949af;
    border-radius: 0.3rem;
    color: #fff;
    text-align: center;
    width: 5rem;
    height: 2rem;
    cursor: pointer;
}

.search-btn{
  background-color: #1949af;
    border-radius: 0.3rem;
    color: #fff;
    text-align: center;
    width: 5rem;
    height: 2rem;
    cursor: pointer;
}

.tip{
  font-size: 1rem;
  color: #999;
}

.h-section{width: 48%;}
.h-section-left{margin-right: 4%;}
.bgcolor-2{background:#ebf1ff}

.table-2 th{background: #4E6EC3;width: 60%;text-align: center;color: #fff;font-weight: bold;line-height: 2rem;}
.table-2 td{background: #fff;width: 70%;text-align: center;}

.table-download{width:100%;border: 0;}
.table-download th,.table-download td{border-bottom: 0.1rem solid #f1f1f1;line-height: 3rem;border-right: 0;color: #000;}
.table-download th{text-align: left;width: 70%;padding-left: 1rem; font-weight: normal;background: none;}
.table-download td{text-align: right;}
.table-download th i{background: url("./icon-file.png") no-repeat;background-size: contain;width: 1.6rem;height: 1.3rem;display: inline-block;vertical-align: text-top;}
.table-download td a{background: #1949af;padding: 0.3rem 1.5rem;color: #fff;border-radius: 0.3rem;}

.table-3{width: 100%;border-top: 0.1rem solid #cfd7e6;border-left: 0.1rem solid #cfd7e6;}
.table-3 th,.table-3 td{border-right: 0.1rem solid #cfd7e6;border-bottom: 0.1rem solid #cfd7e6;padding: 1rem 1.5rem;}
.table-3 th{background: #4E6EC3;color: #fff;text-align: left;white-space: nowrap;}
.table-3 td{background: #fff;}
.table-3 a{color: #000;}

.Distributors .c-content ul{display: flex; flex-wrap: wrap;position: relative;box-sizing: border-box;margin: 0;padding: 0.5rem;}
.Distributors .c-content ul li{width: 33.3%;display: inline-table;margin-bottom: 1.5rem;padding: 0.5rem;}
.Distributors .c-content ul li span{border: 0.1rem solid #f1f1f1;width: 100%;padding: 0.5rem 0.2rem;height: 4rem;display: table-cell;text-align: center;vertical-align: middle;}
.Distributors .c-content ul li strong{border: 0.1rem solid #f1f1f1;width: 100%;padding: 0.5rem 0.2rem;height: 4rem;display: table-cell;text-align: center;vertical-align: middle;font-weight:normal;}


.footer{width: 100%;height: 10rem;background: #1949af;color: #fff;text-align: center;padding-top: 5rem;}


#chart-1{width: 100%;height: 30rem;margin-top: 6rem;}
#chart-2{width: 100%;height: 28rem;margin-top: 0rem;margin-bottom: 0rem;}

#navHeight{position:relative;}
.navFix{width: 980px;position: fixed;top: 0;padding: 0;margin: 0; z-index: 99;} 
.navFix .menu{margin: 0;}

.modal{z-index: 9999;background: #fff;position: absolute;top:3rem;width: 60%;left:20%}
.msgflex{width: 100%;height: 100%;position: fixed;left: 0;top: 0;background: #000;opacity: 0.9;z-index: 999;}
.modal-msg{width: 100%;padding: 2rem 4rem;max-height: 35rem;overflow-y: auto;}
.subtitle{width: 100%;background: #1949af;color:#fff;font-size: 1.6rem;font-weight: bold;line-height: 4rem;text-align: center;display: inline-block;}
.enter{width: 30%;background: #1949af;margin: 0 auto;line-height: 3rem;text-align: center;color: #fff;border-radius: 0.3rem;margin-bottom: 2rem;margin-top: 2rem;}
.close{width: 30%;background: #aaa;margin: 0 auto;line-height: 3rem;text-align: center;color: #fff;border-radius: 0.3rem;margin-bottom: 2rem;margin-top: 2rem;}

.btn-home{
    padding: 0.2rem 2rem 0.2rem 2rem;
    color: #000;
    background: url(./icon-home.png) left no-repeat;
    background-size: contain;
  }

@media screen and (max-width: 640px){
  html{
    font-size: 10px;
  }
  .menu{
    font-size: 1rem;
    white-space: nowrap;
  }
  .table th, .table td {
    padding: 0.2rem;
}
.title-h1 {
  font-size: 2rem;
}
.table-3 th,.table-3 td{padding: 0 0.5rem;}
#chart-1{height: 20rem;width: 90%;}
#chart-2{height: 18rem;width: 80%;}
.modal{width: 90%;left: 5%;}
.h-section{width: 100%;}
.h-section-left{margin-right: 0;}

}


section.list {
min-width:23rem;
position:relative;
margin-left:2rem;
float:left
}

section.list h2 {
color:#fff;
font-size:1rem;
font-weight:400;
border-radius:.2rem;
position:relative;
margin:0;
padding:.8rem 2.6rem .8rem .8rem;
background:#1949af;
width: 11rem;
}



section.list h2:hover + ul {
opacity:1;
visibility:visible;
margin-top:3px
}

section.list > ul {
visibility:hidden;
padding-left:0;
opacity:0;
transition:all .2s;
position:absolute;
top:100%;
width:100%;
margin:0
}

section.list > ul > li:first-child:before {
content:'';
display:block;
border-left:.6rem solid transparent;
border-right:.6rem solid transparent;
border-bottom:.7rem solid #1949af;
top:-.5rem;
position:absolute;
right:13rem;
z-index:-1
}

section.list > ul:hover {
visibility:visible;
opacity:1;
margin-top:3px
}

section.list li {
color:#fff;
font-size:.9rem;
font-weight:400;
list-style:none;
transition:all .2s;
position:relative;
padding:.8rem 2.6rem .8rem .8rem;
background:#1949af;
border-bottom: 1px solid #255bcd;
}
section.list li a{color: #fff;text-decoration: none;}
section.list li:hover {background: #265ed5;}

section.list li ul {
  position: absolute;
  left: 100%;
  margin-left: 0;
  padding-left: 0;
  opacity: 0;
  transition: all 0.2s;
  top: 0;
  z-index: -1;
}

section.list li:hover ul {
  opacity: 1;
}

section.list li:after,section.list h2:after {
content:'';
display:block;
position:absolute;
height:20px;
width:20px;
right:.8rem;
top:50%;
margin-top: -10px;
background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAABkCAYAAAD0ZHJ6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTMxNzU1REI0M0MzMTFFMjkyMjM4MjA4NDhFMzI0MUYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTMxNzU1REM0M0MzMTFFMjkyMjM4MjA4NDhFMzI0MUYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5MzE3NTVEOTQzQzMxMUUyOTIyMzgyMDg0OEUzMjQxRiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5MzE3NTVEQTQzQzMxMUUyOTIyMzgyMDg0OEUzMjQxRiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pi7z1YAAAAlvSURBVHja7FsLkE5l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);
background-position: 20px 0;
}

section.list li:after{
  background: none;
}


section.list li:hover {
color:#fff;
background:#6193ff;
}

section.list > ul > li:first-child {
border-top-left-radius:.2rem;
border-top-right-radius:.2rem;
margin-top:1rem
}

section.list ul li:last-child {
border-bottom-left-radius:.2rem;
border-bottom-right-radius:.2rem
}

section.list ul ul li:first-child {
  border-top-right-radius:.2rem;
}

.top-nav{position: absolute;right: 1rem;}


@media(max-width:600px){
.btn-home{font-size: 0}
.fundlist .c-section{width: 100% !important;margin-left: 0 !important;}
.fundflex{display: inline-block !important;}
}