/******************* 以下是UI规范文件中的一些设置 Start ****************/
/******************* End ****************/
.text-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.imgbackground {
  background-color: #f6f6f6;
  background-image: url(../img/img_default_v2.01.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto;
}
.el-scrollbar__bar.is-horizontal {
  display: none;
}
.el-scrollbar__wrap {
  overflow-x: hidden;
}
.popover-opinion {
  padding: 0;
}
.popover-opinion .tree-content .scroll-box {
  overflow-y: scroll;
  max-height: 300px;
}
.popover-opinion .tree-content .tree-box {
  padding: 12px;
}
.popover-opinion .tree-content .tree-btn {
  border-top: 1px solid #E6E6E6;
  padding: 8px 0px;
}
.popover-opinion .tree-content .tree-btn .el-button {
  font-size: 12px;
  color: #414141;
  line-height: 18px;
  border-radius: 4px;
  padding: 2px 16px;
}
.popover-opinion .tree-content .tree-btn .tree-btn-left {
  text-align: right;
}
.popover-opinion .tree-content .tree-btn .tree-btn-right {
  text-align: left;
}
.popover-opinion .tree-content .tree-btn .cancel {
  background: #ffffff;
  border: 1px solid #c0c4cd;
}
.popover-opinion .tree-content .tree-btn .submit {
  background: #de0422;
  color: #fff;
}
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
::-webkit-scrollbar-track {
  background: #fff;
}
::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 6px;
  border: 2px solid #fff;
}
::-webkit-scrollbar-thumb:hover {
  background-color: #FF8700;
}
* {
  touch-action: pan-y;
}
html {
  background-color: #0a101c;
}
body {
  font-size: 16px;
  font-weight: 400;
  margin: 0;
  font-family: "PingFang SC", "SourceHanSansCN", "SourceHanSansSC", "Hiragino Sans GB", "Arial", "Microsoft YaHei", "WenQuanYi Micro Hei", "Helvetica Neue", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}
a,
a:hover,
a:focus {
  text-decoration: none;
}
html input:focus {
  outline: none;
}
.f-clearfix {
  zoom: 1;
}
.f-clearfix:after {
  content: '.';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.remPc {
  font-size: calc((100vw / 1920) * 10) !important;
}
.remMobile {
  font-size: calc((100vw / 375) * 10) !important;
}
.text-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.imgbackground {
  background-color: #f6f6f6;
  background-image: url(../img/img_default_v2.01.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto;
}
.el-scrollbar__bar.is-horizontal {
  display: none;
}
.el-scrollbar__wrap {
  overflow-x: hidden;
}
.popover-opinion {
  padding: 0;
}
.popover-opinion .tree-content .scroll-box {
  overflow-y: scroll;
  max-height: 300px;
}
.popover-opinion .tree-content .tree-box {
  padding: 12px;
}
.popover-opinion .tree-content .tree-btn {
  border-top: 1px solid #E6E6E6;
  padding: 8px 0px;
}
.popover-opinion .tree-content .tree-btn .el-button {
  font-size: 12px;
  color: #414141;
  line-height: 18px;
  border-radius: 4px;
  padding: 2px 16px;
}
.popover-opinion .tree-content .tree-btn .tree-btn-left {
  text-align: right;
}
.popover-opinion .tree-content .tree-btn .tree-btn-right {
  text-align: left;
}
.popover-opinion .tree-content .tree-btn .cancel {
  background: #ffffff;
  border: 1px solid #c0c4cd;
}
.popover-opinion .tree-content .tree-btn .submit {
  background: #de0422;
  color: #fff;
}
/******************* 以下是UI规范文件中的一些设置 Start ****************/
/******************* End ****************/
.qrBx {
  padding: 0;
  text-align: center;
}
.qrBx .el-dialog {
  background: #ffffff;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.08);
  border-radius: 8px;
  overflow: hidden;
}
.qrBx .el-dialog__header {
  display: none;
}
.qrBx-title {
  font-size: 20px;
  font-family: "PingFangSC-Medium", "PingFang SC";
  font-weight: 500;
  color: #272633;
  line-height: 28px;
  text-align: center;
  margin-bottom: 35px;
}
.qr {
  text-align: center;
}
.qr img {
  margin: 0 auto;
}
.qrBx-bx {
  font-size: 14px;
  font-family: "PingFangSC-Regular", "PingFang SC";
  font-weight: 400;
  color: rgba(0, 0, 0, 0.5);
  line-height: 20px;
  text-align: center;
  margin-top: 32px;
}






















































































































































































































































































































































































































/* @font-face {

        font-family: NotoSansHans-Bold;

        src: url("fonts/NotoSansHans-Bold.otf")format("opentype");

    }

    @font-face {

        font-family: NotoSansHans-Light;

        src: url("fonts/NotoSansHans-Light.otf")format("opentype");

    }

    @font-face {

        font-family: NotoSansHans-Medium;

        src: url("fonts/NotoSansHans-Medium.otf")format("opentype");

    }

    @font-face {

        font-family: NotoSansHans-Regular;

        src: url("fonts/NotoSansHans-Regular.otf")format("opentype");

    } */


/* body {
        margin: 0;
        font-family: NotoSansHans-Medium !important;
        height: 100%;
    } */
.head {
    background: linear-gradient(to bottom, #2466FF, #2466FF, #F3F7FB);
    ;
    /* background-image: url(https://zixuntong-1301073378.cos.ap-shanghai.myqcloud.com/img/i2023020315411845339845.png); */
    width: 100%;
    background-size: 100% 100%;
    /* padding-top:8rem; */
    text-align: center;
    /* padding-bottom: 10px; */
    /* border-bottom: 5px solid #fff; */
    /* margin-bottom:10px; */
}
.headcopy {
    background: #F3F7FB;
    /* background-image: url(https://zixuntong-1301073378.cos.ap-shanghai.myqcloud.com/img/i2023020315411845339845.png); */
    width: 100%;
    background-size: 100% 100%;
    /* padding-top:8rem; */
    text-align: center;
    /* padding-bottom: 10px; */
    /* border-bottom: 5px solid #fff; */
    /* margin-bottom:10px; */
}
.heds {
    background: transparent
}

/* ::-webkit-scrollbar {
        width: 0 !important;
        height: 0 !important;
    } */
.h5 {
    /* height: 100vh; */
    /* overflow: auto; */
    /* overflow: scroll; */
    width:750px !important;
    position: fixed;
    top: -10000px;
    /* background: #fff; */
    /* background: #2466FF; */
}
.head-content {
    /* width: calc(100% - 4.8rem); */
    margin-left: 24px;
    margin-right: 24px;
    background: #FFFFFF;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    padding: 0 24px;
    padding-bottom: 20px;
}
.head-contents {
    /* width: calc(100% - 4.8rem); */
    /* margin-left: 24px;
    margin-right: 24px; */
    background: #FFFFFF;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    padding: 0 24px;
    padding-bottom: 20px;
}
.contentHead {
    justify-content: space-between;

    display: flex;
    padding-top: 15px;
    position: relative;
    /* height: 3.35rem; */
}
.headBackGround {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 39%;
    background-size: 100% 100%;
    background-image: url(https://zixuntong-1301073378.cos.ap-shanghai.myqcloud.com/img/p2023010416300491065560.png);
    background-repeat-y: no-repeat;
}
.contentName {
    font-size: 48px;
    font-family: NotoSansHans-Bold;
    font-weight: 500;
    color: #23292F;
    line-height: 67px;
    position: inherit;
    z-index: 2;
    margin: 0;
}
.contentNameBck {
    position: absolute;
    width: calc(100% - 1px);
    height: 18px;
    background: linear-gradient(270deg, rgba(129, 201, 255, 0) 0%, #77ABFF 100%);
    left: 0;
    z-index: -1;
    bottom: 0;
}
.cont {
    font-size: 24px;
    font-family: NotoSansHans-Regular;
    font-weight: 400;
    color: #808993;
    line-height: 40px;
    margin-top: 20px;
    word-break: break-all;
    text-align: start;
    text-align: justify;
    word-wrap: break-word;
}
#zf {
    font-size: 48px;
    font-family: NotoSansHans-Medium;
    font-weight: 600;
    /* color: #EB3636; */
    line-height: 67px;
    margin: 0;
}
.centerME {
    background: #FFFFFF;
    /* width: calc(100% - 4.8rem); */
    margin: 0 24px;
    padding: 0 24px;
    padding-bottom: 30px
}
.centerMEs {
    background: #FFFFFF;
    /* width: calc(100% - 4.8rem); */
    /* margin: 0 24px; */
    padding: 0 24px;
    padding-bottom: 30px
}
.title {
    /* height: 4rem; */
    background: linear-gradient(180deg, #DFEFFE 0%, #FFFFFF 100%);
    border-radius: 8px;
    font-size: 32px;
    /* font-family: NotoSansHans-Bold; */
    font-weight: 600;
    letter-spacing:2px;
    color: #23292F;
    line-height: 80px;
    padding-left:15px;
    margin: 0;
    /* padding-bottom:1rem;s */
    /* margin-top:-2rem; */
}
.text {
    font-size: 24px;
    font-family: NotoSansHans-Regular;
    font-weight: 400;
    color: #23292F;
    line-height: 40px;
    margin-left: 10px;
    text-align: justify;
}
.stock {
    display: flex;
    padding: 15px 15px;
}
.jtName {
    font-size: 28px;
    font-family: NotoSansHans-Regular;
    font-weight: 400;
    color: #222222;
    line-height: 40px;
    margin: 0;
    letter-spacing:1px;
    margin-bottom: 5px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.jtStock {
    font-size: 24px;
    font-family: NotoSansHans-Regular;
    font-weight: 400;
    color: #808993;
    line-height: 33px;
    margin: 0;

    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.number {
    font-size: 28px;
    font-family: NotoSansHans-Bold;
    font-weight: 600;
    color: #222222;
    line-height: 40px;
    text-align: end;
    margin: 0
}
.successNumber {
    font-size: 28px;
    font-family: NotoSansHans-Bold;
    font-weight: 600;
    color: #EB3636;
    line-height: 40px;
    text-align: end;
    margin: 0;
}
.headImg {
    width: 350px;
    margin-top: 60px;
    margin-bottom: 60px;
    position: inherit;
    z-index: 2;
}
.errNumber {
    font-size: 28px;
    font-family: NotoSansHans-Bold;
    font-weight: 600;
    color: #2CAB6A;
    line-height: 40px;
    text-align: end;
    margin: 0;
}
.zfDay {
    font-size: 24px;
    font-family: NotoSansHans-Bold;
    font-weight: 400;
    color: #222222;
    line-height: 33px;
    text-align: end;
    margin: 0;
}
.centerText {
    font-size: 20px;
    font-family: NotoSansHans-Regular;
    font-weight: 400;
    color: #4D5663;
    line-height: 28px;
    max-height: 84px;
    margin: 0;
    /* margin-top: 1rem; */
    text-align: justify;
    padding: 0 15px;
    overflow: hidden;
    /* display: flex; */
    /* margin-bottom: 1rem; */
    /* overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical; */
}
.centerText::before {
    content: '';
    display: block;
    height: 84px;
}

/* .centerTexts{
    content: '';
    display: block;
    height: 4.2rem;
} */
#stockCenter {
    margin-top: -20px;
}
#stockCenter-one {
    margin-top: -20px;
}
#stockCenter-two {
    margin-top: -20px;
}
#stockCenter-three {
    margin-top: -20px;
}
#stockCenter-four {
    margin-top: -20px;
}
#stockCenter-five {
    margin-top: -20px;
}
#stockCenter-six {
    margin-top: -20px;
}
#stockCenter-seven {
    margin-top: -20px;
}
#stockCenter-eight {
    margin-top: -20px;
}
#stockCenter-nine {
    margin-top: -20px;
}
.stockCenter {
    background: #FFFFFF;
    background-image: url(https://zixuntong-1301073378.cos.ap-shanghai.myqcloud.com/img/i2023021311325293115366.png);
    background-size: 100% 100%;
    /* box-shadow: 0px 0px 0.6rem 0px rgba(0, 0, 0, 0.1);
        -moz-box-shadow:0px 0px 0.6rem 0px rgba(0, 0, 0, 0.1);
     -webkit-box-shadow:0px 0px 0.6rem 0px rgba(0, 0, 0, 0.1);  */
    border: 2px solid #fff(0, 0, 0, 0.1);
    padding: 10px 15px;
    border-radius: 8px;
    margin: 0 -14px;
    padding-bottom: 30px;
    /* margin-bottom: 1rem; */
}
.fund {
    font-size: 24px;
    font-family: NotoSansHans-Regular;
    font-weight: 400;
    color: #808993;
    line-height:33px;
}
.fundCome {
    margin: 0 24px;
    padding-top: 24px;
    background: #fff;
    padding: 14px 24px 34px 24px;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
    display: flex;
    justify-content: space-between;
    /* border-top: 1px solid #EDEEEE; */
}
.fundComes {
    /* margin: 0 24px; */
    padding-top: 24px;
    background: #fff;
    padding: 14px 24px 34px 24px;
    /* border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px; */
    display: flex;
    justify-content: space-between;
    /* border-top: 1px solid #EDEEEE; */
}
.theme-themeFundVos {
    display: flex;
    padding: 16px 15px;
    border-bottom: 2px solid #EDEEEE;
}
.fundComeText {
    font-size: 20px;
    font-family: NotoSansHans-Light;
    font-weight: 300;
    color: #808993;
    line-height: 28px;
    display: flex;
}
.fundComeText-title {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 10px;
}
.fundComeImg {
    height: 20px;
    margin-top: 6.4px;
    /* margin-top: 2px; */
}
.footer {
    display: flex;
    padding: 0 40px;
}
.footer-left {
    margin-top: 37px;
}
.footer-left-error {
    font-size: 24px;
    font-family: NotoSansHans-Regular;
    font-weight: 400;
    color: #23292F;
    line-height: 33px;
    margin: 0;
    margin-top: 22px;
    padding-bottom: 38px;
}
.footer-right {
    flex: 1;
    text-align: end;
    margin-top: 20px;
}
.fundLine {
    border-bottom: 2px solid #EDEEEE;
    margin-bottom: 0px;
    padding-bottom: 24px;
    padding: 0 15px 24px 15px;
}
.fundNameMax {
    width: 80%;
}
.fundNumberMax {
    width: 20%;
}
.line {
    /* width: 100%;position: absolute;height: 10px;background: #fff;bottom:-3%; */
    width: 100%;
    height: 20px;
    background: #fff;
    background: linear-gradient(0deg, #fff 100%, #2466FF 0%);
    display: none;
}
.legs {
    position: relative;
    margin-top: -4px;
    /* width: calc(100% - 2.4rem); */
    background: #F3F7FB;
    z-index: 22;
}
.lee {
    background: #fff;
}
.fundlist {
    width: 39%;
    display: inline-block;
}
.fundUp {
    width: 60%;
    text-align: end;
    display: inline-block;
    font-size: 24px !important;
    font-family:NotoSansHans-Regular;
    font-weight: 400;
    color: #4D5663;
}
.stckw {
    padding-bottom: 20px;
    /* margin-bottom: 1.2rem; */
}
.ellipsis-div {
    height: 28px;
    float: right;
    background-color: #fff;
    margin-top: -28px;
    position: relative;
    z-index: 200;
    width: 20px;
}
.copy {
    height: 28px;
    width: 100%;
    position: fixed;
    top: -13000px;
}

/******************* 以下是UI规范文件中的一些设置 Start ****************/
/******************* End ****************/
.text-ellipsis[data-v-456cd0a3] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.imgbackground[data-v-456cd0a3] {
  background-color: #f6f6f6;
  background-image: url(../img/img_default_v2.01.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto;
}
.el-scrollbar__bar.is-horizontal[data-v-456cd0a3] {
  display: none;
}
.el-scrollbar__wrap[data-v-456cd0a3] {
  overflow-x: hidden;
}
.popover-opinion[data-v-456cd0a3] {
  padding: 0;
}
.popover-opinion .tree-content .scroll-box[data-v-456cd0a3] {
  overflow-y: scroll;
  max-height: 300px;
}
.popover-opinion .tree-content .tree-box[data-v-456cd0a3] {
  padding: 12px;
}
.popover-opinion .tree-content .tree-btn[data-v-456cd0a3] {
  border-top: 1px solid #E6E6E6;
  padding: 8px 0px;
}
.popover-opinion .tree-content .tree-btn .el-button[data-v-456cd0a3] {
  font-size: 12px;
  color: #414141;
  line-height: 18px;
  border-radius: 4px;
  padding: 2px 16px;
}
.popover-opinion .tree-content .tree-btn .tree-btn-left[data-v-456cd0a3] {
  text-align: right;
}
.popover-opinion .tree-content .tree-btn .tree-btn-right[data-v-456cd0a3] {
  text-align: left;
}
.popover-opinion .tree-content .tree-btn .cancel[data-v-456cd0a3] {
  background: #ffffff;
  border: 1px solid #c0c4cd;
}
.popover-opinion .tree-content .tree-btn .submit[data-v-456cd0a3] {
  background: #de0422;
  color: #fff;
}
[data-v-456cd0a3]::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
[data-v-456cd0a3]::-webkit-scrollbar-track {
  background: #fff;
}
[data-v-456cd0a3]::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 6px;
  border: 2px solid #fff;
}
[data-v-456cd0a3]::-webkit-scrollbar-thumb:hover {
  background-color: #FF8700;
}
*[data-v-456cd0a3] {
  touch-action: pan-y;
}
html[data-v-456cd0a3] {
  background-color: #0a101c;
}
body[data-v-456cd0a3] {
  font-size: 16px;
  font-weight: 400;
  margin: 0;
  font-family: "PingFang SC", "SourceHanSansCN", "SourceHanSansSC", "Hiragino Sans GB", "Arial", "Microsoft YaHei", "WenQuanYi Micro Hei", "Helvetica Neue", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}
a[data-v-456cd0a3],
a[data-v-456cd0a3]:hover,
a[data-v-456cd0a3]:focus {
  text-decoration: none;
}
html input[data-v-456cd0a3]:focus {
  outline: none;
}
.f-clearfix[data-v-456cd0a3] {
  zoom: 1;
}
.f-clearfix[data-v-456cd0a3]:after {
  content: '.';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.remPc[data-v-456cd0a3] {
  font-size: calc((100vw / 1920) * 10) !important;
}
.remMobile[data-v-456cd0a3] {
  font-size: calc((100vw / 375) * 10) !important;
}
.text-ellipsis[data-v-456cd0a3] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.imgbackground[data-v-456cd0a3] {
  background-color: #f6f6f6;
  background-image: url(../img/img_default_v2.01.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto;
}
.el-scrollbar__bar.is-horizontal[data-v-456cd0a3] {
  display: none;
}
.el-scrollbar__wrap[data-v-456cd0a3] {
  overflow-x: hidden;
}
.popover-opinion[data-v-456cd0a3] {
  padding: 0;
}
.popover-opinion .tree-content .scroll-box[data-v-456cd0a3] {
  overflow-y: scroll;
  max-height: 300px;
}
.popover-opinion .tree-content .tree-box[data-v-456cd0a3] {
  padding: 12px;
}
.popover-opinion .tree-content .tree-btn[data-v-456cd0a3] {
  border-top: 1px solid #E6E6E6;
  padding: 8px 0px;
}
.popover-opinion .tree-content .tree-btn .el-button[data-v-456cd0a3] {
  font-size: 12px;
  color: #414141;
  line-height: 18px;
  border-radius: 4px;
  padding: 2px 16px;
}
.popover-opinion .tree-content .tree-btn .tree-btn-left[data-v-456cd0a3] {
  text-align: right;
}
.popover-opinion .tree-content .tree-btn .tree-btn-right[data-v-456cd0a3] {
  text-align: left;
}
.popover-opinion .tree-content .tree-btn .cancel[data-v-456cd0a3] {
  background: #ffffff;
  border: 1px solid #c0c4cd;
}
.popover-opinion .tree-content .tree-btn .submit[data-v-456cd0a3] {
  background: #de0422;
  color: #fff;
}
/******************* 以下是UI规范文件中的一些设置 Start ****************/
/******************* End ****************/
[data-v-456cd0a3] .el-dialog__body {
  width: 420px;
  height: 350px;
}