/*
.loop (@i: 1) when (@i <= length(@base-dprs)) {
  @tmp-dpr_str: e(extract(@base-dprs, @i));
  @tmp-dpr: `Math.abs(parseInt(@{tmp-dpr_str}))`;
  // loop body
  :root[data-dpr="@{tmp-dpr}"][data-platform="desktop"] & {
    // [-1287]
    @media screen {
      .max-width(1280 - 1, @tmp-dpr, desktop);
      @media (max-width: @max-width) {
        width: 1024/@rem;
        padding-left: 40/@rem;
        padding-right: 60/@rem;
      }
    }
    // [1280-]
    @media screen {
      .min-width(1280, @tmp-dpr, desktop);
      @media (min-width: @min-width) {
        width: 1280/@rem;
        padding-left: 50/@rem;
        padding-right: 70/@rem;
      }
    }
  }
  :root[data-dpr="@{tmp-dpr}"][data-platform="mobile"] & {
    // [-1287]
    @media screen {
      .max-width(1280 - 1, @tmp-dpr, mobile);
      @media (max-width: @max-width) {
        width: 1024/@rem;
        padding-left: 40/@rem;
        padding-right: 60/@rem;
      }
    }
    // [1280-]
    @media screen {
      .min-width(1280, @tmp-dpr, mobile);
      @media (min-width: @min-width) {
        width: 1280/@rem;
        padding-left: 50/@rem;
        padding-right: 70/@rem;
      }
    }
  }
  // ./loop body
  .loop(@i + 1);
};
.loop();
*/
html,
body {
  height: 100%;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: #fff;
}
div,
p,
header,
body {
  max-height: 100000px;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", HelveticaNeue, "Helvetica", "roboto", "Hiragino Sans GB", "WenQuanYi Micro Hei", sans-serif;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
div:after,
p:after,
header:after,
body:after,
div:before,
p:before,
header:before,
body:before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
div:focus,
p:focus,
header:focus,
body:focus {
  outline: none;
}
a {
  text-decoration: none;
  color: black;
}
button {
  border: 0;
}
body {
  -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
}
.app-root {
  min-height: 100%;
  height: 100%;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}
.normal-scroll .app-root {
  -webkit-overflow-scrolling: auto;
  height: auto;
  min-height: auto;
  overflow: auto;
}
.fund-tags {
  overflow: hidden;
}
.fund-tags .tag {
  display: inline-block;
  margin-top: 0.5rem;
  line-height: 0.75rem;
  font-size: 0.75rem;
  -webkit-transform: scale(0.8333);
      -ms-transform: scale(0.8333);
          transform: scale(0.8333);
  -webkit-transform-origin: left top;
      -ms-transform-origin: left top;
          transform-origin: left top;
  padding: 0.1875rem 0.25rem;
  color: #fff;
  border-radius: 0.0625rem;
}
.fund-tags .tag.selected {
  background: #FFB540;
}
.fund-tags .tag.hot {
  background: #FF525D;
}
.loading-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #999999;
  text-align: center;
  cursor: pointer;
  background: #fff;
  z-index: 999;
}
.loading-container .loading {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -0.78125rem;
  margin-left: -0.78125rem;
}
.loading-container .loading::before {
  content: "";
  display: block;
  width: 1.5625rem;
  height: 1.5625rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAACtElEQVQ4T61UXUhaYRje8Q+78SKmFzEQu9iF2pm7cxtDKIcxtihEmZMJQtCdIDoiupjRlSzJLXZR3eRPIowFQ7Y1js0VxsYooVAnDLwUu+gmxOR01D1f4XBmZmMHPg7f977v8z3P+/NR17r4NBrN+1qtxu7v75suc6daHUZHRzVHR0ezMplsIhqNFohdqVT+IoC5XE5F9qlUqk8oFL7h8XjTKpUq24xxDnBkZGT48PDwk1gsDm9sbDxrB5hOpwM4twFQh8u2OgIS49DQEFOpVAZ7e3vvxWKx780M9/b2tHw+f7ter38cGBh43KrwlOH4+DhNUZRseXk5TvZGo5E+ODjYhawdnU5HQL9xHMeOjY3pYNuGrwYpuE3TdI74ZzKZQfyKRP4poMVi+XBycvIQAOsSicS1uLiYNRgM8yRvCoViZmlpqUz8EomEWCqVvgBgDcHTAFKCqQ+mYaw1tVptbDC8US6XvSzLPoEz19PT87q/v3/S4/HU2lUV5zyTyeQFmAN2AVYQcVO4pPhXUex2+13kbh452gqHw887tQjYvQSgFsuJXO40fM9VmdxeKBTEDZkXgRL5m5ubbKsKyuVyvatWqzcbgQKBoDg3N/egE7uGDSwZ5Fn2hx1Fpf8/YCsTIlkul4uQz0onlhdKbg7y+Xxa9NsrFOWr2+2e/OeiLCws9B0fH3sB9hQgnEgk8pdKpalu2wYts4I4MtdnbeP1emNI7iMwW8cMuxwORzYUCpG24FCwmYb8To0N3zW0z1lj+/1+GgfXnU7nF7IPBoNqXLCL4d/J5/P38SVgZ5PJpKGr0WvNVSAQ+AxAPaTfsVqtPxiG+QlZrF6vv9XV49AMuLq6qsdcM2C3YrPZ7MTWDEj2V3q+IpEIDcBZzPOE2WwutgO80gPbrlXi8fhbUn1Itlw2Qb8BVgGcZgZB0HgAAAAASUVORK5CYII=);
  background-size: 1.5625rem 1.5625rem;
  -webkit-animation: rotate 1.5s linear infinite both;
          animation: rotate 1.5s linear infinite both;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.loading-container.hide {
  display: none;
}
@-webkit-keyframes rotate {
0% {
    -webkit-transform: rotate(1deg);
            transform: rotate(1deg);
}
50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
}
100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
@keyframes rotate {
0% {
    -webkit-transform: rotate(1deg);
            transform: rotate(1deg);
}
50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
}
100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
.arrow-box {
  position: relative;
  padding: 1.25rem 0.9375rem 1.1875rem 0;
  color: #666;
  font-size: 16px;
  line-height: 1.3;
  border: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.arrow-box:not(:last-child):after {
  position: absolute;
  content: '';
  width: 100%;
  left: 0;
  bottom: 0;
  height: 1px;
  background-color: #EEE;
  -webkit-transform: scale(1, 0.5);
  -ms-transform: scale(1, 0.5);
      transform: scale(1, 0.5);
  -webkit-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
      transform-origin: center bottom;
}
.arrow-box .arrow-text {
  text-align: right;
  font-size: 12px;
  line-height: 1.5;
  color: #999;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 0 0.3125rem 0 0.5rem;
}
.arrow-box .arrow {
  display: inline-block;
  height: 16px;
  width: 16px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAO1JREFUWAntljEOwjAMRUsu0IlTsGVl4giclImZiS3K1lMwcYEI/wGpQy1w/pdgiKVIlePmvzjtV6ZpxOjAjzuwi+iXUq5WP6eUzjnnR+RdrzZ5E05+tvyxtXarte6dmlA6BICd2+qLjYMKInQE2Bp2DnFA2FgM6sQcRxhADdEFoIToBlBBUAAKCBqAhZAAMBAhH4CQF/gV8Uva/NsnLl7tOi8DWC8aeZYBbBgUXPNjSL6BDfGv3ZEGYMTRHgqAFacAFOLdACrxLgCleBhALQ6AkA/YRQTuJrmIQBwRArD6p407ewuC8IjRgb/pwAtwZKke/JzQWAAAAABJRU5ErkJggg==) no-repeat center;
  background-size: contain;
}
.detail-container {
  background: #fff;
  padding-left: 0.9375rem;
}
.hand {
  cursor: pointer;
}
.clear {
  zoom: 1;
}
.clear:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.switch-tabs {
  font-size: 1rem;
  color: #666;
  margin-bottom: 0.5rem;
}
.switch-tabs .tab {
  padding: 0.8125rem;
  padding-bottom: 0.875rem;
  padding-top: 1.25rem;
  text-align: center;
  position: relative;
}
.switch-tabs .tab.active {
  color: #FB703C;
}
.switch-tabs .tab.active:after {
  content: ' ';
  width: 5.625rem;
  diplay: block;
  height: 0.125rem;
  background: #FB703C;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.title-container {
  padding: 1rem 0.9375rem;
}
.title-container .title {
  font-size: 1rem;
  color: #282828;
  line-height: 1;
}
.flexbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.flex {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.icon {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.mini-loading {
  position: relative;
  height: 14.0625rem;
  padding-top: 6rem;
  font-size: 14px;
  color: #999;
  text-align: center;
}
.mini-loading #fail-notice {
  z-index: 1;
}
.mini-loading #fail-notice .fail-notice-pic {
  top: 4.75rem;
  height: 1.5625rem;
  width: 1.5625rem;
  margin-left: -0.78125rem;
  background: url(data:image/png;base64,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) no-repeat center;
  background-size: contain;
}
.mini-loading #fail-notice .fail-notice-text {
  top: 7.1875rem;
  font-size: 12px;
  color: #BBBBBB;
  line-height: 14px;
}
/*
.loop (@i: 1) when (@i <= length(@base-dprs)) {
  @tmp-dpr_str: e(extract(@base-dprs, @i));
  @tmp-dpr: `Math.abs(parseInt(@{tmp-dpr_str}))`;
  // loop body
  :root[data-dpr="@{tmp-dpr}"][data-platform="desktop"] & {
    // [-1287]
    @media screen {
      .max-width(1280 - 1, @tmp-dpr, desktop);
      @media (max-width: @max-width) {
        width: 1024/@rem;
        padding-left: 40/@rem;
        padding-right: 60/@rem;
      }
    }
    // [1280-]
    @media screen {
      .min-width(1280, @tmp-dpr, desktop);
      @media (min-width: @min-width) {
        width: 1280/@rem;
        padding-left: 50/@rem;
        padding-right: 70/@rem;
      }
    }
  }
  :root[data-dpr="@{tmp-dpr}"][data-platform="mobile"] & {
    // [-1287]
    @media screen {
      .max-width(1280 - 1, @tmp-dpr, mobile);
      @media (max-width: @max-width) {
        width: 1024/@rem;
        padding-left: 40/@rem;
        padding-right: 60/@rem;
      }
    }
    // [1280-]
    @media screen {
      .min-width(1280, @tmp-dpr, mobile);
      @media (min-width: @min-width) {
        width: 1280/@rem;
        padding-left: 50/@rem;
        padding-right: 70/@rem;
      }
    }
  }
  // ./loop body
  .loop(@i + 1);
};
.loop();
*/
#fail-notice {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #999999;
  text-align: center;
  cursor: pointer;
  background: #fff;
  z-index: 99999;
}
#fail-notice .fail-notice-pic {
  position: absolute;
  top: 10.9375rem;
  left: 50%;
  margin-left: -2.09375rem;
  height: 4.1875rem;
  width: 4.1875rem;
  background: url(data:image/png;base64,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) no-repeat center;
  background-size: contain;
}
#fail-notice .fail-notice-text {
  line-height: 1;
  position: relative;
  top: 16.0625rem;
}
#fail-notice.hide {
  display: none;
}

.loading-circle {
  z-index: 11000;
}
.loading-circle.loading-mask {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #F7F7F7;
}
.loading-circle .spinner,
.loading-circle .yfyouyu-spinner,
.loading-circle .loading-icon {
  display: block;
  position: relative;
  width: 80px;
  height: 80px;
  top: 420px;
  left: 50%;
  margin-left: -40px;
  z-index: 999;
}
.loading-circle .yfyouyu-spinner {
  top: 320px;
}
.loading-circle .loading-icon {
  padding: 20px;
}
.loading-circle .loader-inner {
  -webkit-animation: 3s linear 0s infinite loadingRotateAni;
          animation: 3s linear 0s infinite loadingRotateAni;
  width: 40px;
  height: 40px;
}
.loading-circle .spinner {
  background: rgba(40, 40, 40, 0.6);
  padding: 15px;
  border-radius: 8px;
}
.loading-circle .spinner div {
  width: 3px;
  height: 10px;
  background: #FFF;
  position: absolute;
  left: 48%;
  top: 43%;
  opacity: 0;
  border-radius: 50px;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  -webkit-animation: fade 1s linear infinite;
          animation: fade 1s linear infinite;
}
.loading-circle div.spinner div.bar1 {
  -webkit-transform: rotate(0deg) translate(0, -150%);
      -ms-transform: rotate(0deg) translate(0, -150%);
          transform: rotate(0deg) translate(0, -150%);
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}
.loading-circle div.spinner div.bar2 {
  -webkit-transform: rotate(30deg) translate(0, -150%);
      -ms-transform: rotate(30deg) translate(0, -150%);
          transform: rotate(30deg) translate(0, -150%);
  -webkit-animation-delay: -0.9167s;
          animation-delay: -0.9167s;
}
.loading-circle div.spinner div.bar3 {
  -webkit-transform: rotate(60deg) translate(0, -150%);
      -ms-transform: rotate(60deg) translate(0, -150%);
          transform: rotate(60deg) translate(0, -150%);
  -webkit-animation-delay: -0.833s;
          animation-delay: -0.833s;
}
.loading-circle div.spinner div.bar4 {
  -webkit-transform: rotate(90deg) translate(0, -150%);
      -ms-transform: rotate(90deg) translate(0, -150%);
          transform: rotate(90deg) translate(0, -150%);
  -webkit-animation-delay: -0.7497s;
          animation-delay: -0.7497s;
}
.loading-circle div.spinner div.bar5 {
  -webkit-transform: rotate(120deg) translate(0, -150%);
      -ms-transform: rotate(120deg) translate(0, -150%);
          transform: rotate(120deg) translate(0, -150%);
  -webkit-animation-delay: -0.667s;
          animation-delay: -0.667s;
}
.loading-circle div.spinner div.bar6 {
  -webkit-transform: rotate(150deg) translate(0, -150%);
      -ms-transform: rotate(150deg) translate(0, -150%);
          transform: rotate(150deg) translate(0, -150%);
  -webkit-animation-delay: -0.5837s;
          animation-delay: -0.5837s;
}
.loading-circle div.spinner div.bar7 {
  -webkit-transform: rotate(180deg) translate(0, -150%);
      -ms-transform: rotate(180deg) translate(0, -150%);
          transform: rotate(180deg) translate(0, -150%);
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s;
}
.loading-circle div.spinner div.bar8 {
  -webkit-transform: rotate(210deg) translate(0, -150%);
      -ms-transform: rotate(210deg) translate(0, -150%);
          transform: rotate(210deg) translate(0, -150%);
  -webkit-animation-delay: -0.4167s;
          animation-delay: -0.4167s;
}
.loading-circle div.spinner div.bar9 {
  -webkit-transform: rotate(240deg) translate(0, -150%);
      -ms-transform: rotate(240deg) translate(0, -150%);
          transform: rotate(240deg) translate(0, -150%);
  -webkit-animation-delay: -0.333s;
          animation-delay: -0.333s;
}
.loading-circle div.spinner div.bar10 {
  -webkit-transform: rotate(270deg) translate(0, -150%);
      -ms-transform: rotate(270deg) translate(0, -150%);
          transform: rotate(270deg) translate(0, -150%);
  -webkit-animation-delay: -0.2497s;
          animation-delay: -0.2497s;
}
.loading-circle div.spinner div.bar11 {
  -webkit-transform: rotate(300deg) translate(0, -150%);
      -ms-transform: rotate(300deg) translate(0, -150%);
          transform: rotate(300deg) translate(0, -150%);
  -webkit-animation-delay: -0.167s;
          animation-delay: -0.167s;
}
.loading-circle div.spinner div.bar12 {
  -webkit-transform: rotate(330deg) translate(0, -150%);
      -ms-transform: rotate(330deg) translate(0, -150%);
          transform: rotate(330deg) translate(0, -150%);
  -webkit-animation-delay: -0.0833s;
          animation-delay: -0.0833s;
}
@media screen and (max-height: 828px) {
.loading-circle .spinner,
  .loading-circle .loading-icon {
    position: absolute;
    top: 50%;
    margin-top: -80px;
}
}
.loading-circle.hide {
  display: none;
}
@-webkit-keyframes fade {
from {
    opacity: 1;
}
to {
    opacity: 0.25;
}
}
@keyframes fade {
from {
    opacity: 1;
}
to {
    opacity: 0.25;
}
}
@-webkit-keyframes loadingRotateAni {
from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
@keyframes loadingRotateAni {
from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
/*
.loop (@i: 1) when (@i <= length(@base-dprs)) {
  @tmp-dpr_str: e(extract(@base-dprs, @i));
  @tmp-dpr: `Math.abs(parseInt(@{tmp-dpr_str}))`;
  // loop body
  :root[data-dpr="@{tmp-dpr}"][data-platform="desktop"] & {
    // [-1287]
    @media screen {
      .max-width(1280 - 1, @tmp-dpr, desktop);
      @media (max-width: @max-width) {
        width: 1024/@rem;
        padding-left: 40/@rem;
        padding-right: 60/@rem;
      }
    }
    // [1280-]
    @media screen {
      .min-width(1280, @tmp-dpr, desktop);
      @media (min-width: @min-width) {
        width: 1280/@rem;
        padding-left: 50/@rem;
        padding-right: 70/@rem;
      }
    }
  }
  :root[data-dpr="@{tmp-dpr}"][data-platform="mobile"] & {
    // [-1287]
    @media screen {
      .max-width(1280 - 1, @tmp-dpr, mobile);
      @media (max-width: @max-width) {
        width: 1024/@rem;
        padding-left: 40/@rem;
        padding-right: 60/@rem;
      }
    }
    // [1280-]
    @media screen {
      .min-width(1280, @tmp-dpr, mobile);
      @media (min-width: @min-width) {
        width: 1280/@rem;
        padding-left: 50/@rem;
        padding-right: 70/@rem;
      }
    }
  }
  // ./loop body
  .loop(@i + 1);
};
.loop();
*/
.popup {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: block;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  background: #fff;
  z-index: 10000;
}
.popup .title {
  position: relative;
  text-align: center;
  margin: 0 2.375rem;
  padding: 2rem 0 1.5rem;
  font-size: 20px;
  color: #333;
  line-height: 1;
}
.popup .title:after {
  position: absolute;
  content: '';
  width: 100%;
  left: 0;
  bottom: 0;
  height: 1px;
  background-color: #EEE;
  -webkit-transform: scale(1, 0.5);
  -ms-transform: scale(1, 0.5);
      transform: scale(1, 0.5);
  -webkit-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
      transform-origin: center bottom;
}
.popup .mask-container {
  position: relative;
  height: 70%;
}
.popup .content-container {
  font-size: 16px;
  color: #666;
  line-height: 24px;
  padding: 0 2.375rem;
  height: 100%;
  overflow: auto;
}
.popup .content-container .content {
  padding-bottom: 1.3125rem;
}
.popup .content-container .content.content1 {
  padding-top: 1.25rem;
}
.popup .content-container .content.content2 {
  padding-bottom: 3.25rem;
}
.popup .gradient-mask {
  height: 11.4375rem;
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(2%, rgba(255, 255, 255, 0)), color-stop(89%, #fff));
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 2%, #fff 89%);
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0) 2%, #fff 89%);
  background-image: linear-gradient(-180deg, rgba(255, 255, 255, 0) 2%, #fff 89%);
}
.popup .close-box {
  position: absolute;
  left: 50%;
  bottom: 2.21875rem;
  margin-left: -1.5625rem;
  height: 3.125rem;
  width: 3.125rem;
}
.popup .close-box .close {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -0.78125rem;
  margin-top: -0.78125rem;
  height: 1.5625rem;
  width: 1.5625rem;
  background: url(data:image/png;base64,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) no-repeat center;
  background-size: contain;
}
/*
.loop (@i: 1) when (@i <= length(@base-dprs)) {
  @tmp-dpr_str: e(extract(@base-dprs, @i));
  @tmp-dpr: `Math.abs(parseInt(@{tmp-dpr_str}))`;
  // loop body
  :root[data-dpr="@{tmp-dpr}"][data-platform="desktop"] & {
    // [-1287]
    @media screen {
      .max-width(1280 - 1, @tmp-dpr, desktop);
      @media (max-width: @max-width) {
        width: 1024/@rem;
        padding-left: 40/@rem;
        padding-right: 60/@rem;
      }
    }
    // [1280-]
    @media screen {
      .min-width(1280, @tmp-dpr, desktop);
      @media (min-width: @min-width) {
        width: 1280/@rem;
        padding-left: 50/@rem;
        padding-right: 70/@rem;
      }
    }
  }
  :root[data-dpr="@{tmp-dpr}"][data-platform="mobile"] & {
    // [-1287]
    @media screen {
      .max-width(1280 - 1, @tmp-dpr, mobile);
      @media (max-width: @max-width) {
        width: 1024/@rem;
        padding-left: 40/@rem;
        padding-right: 60/@rem;
      }
    }
    // [1280-]
    @media screen {
      .min-width(1280, @tmp-dpr, mobile);
      @media (min-width: @min-width) {
        width: 1280/@rem;
        padding-left: 50/@rem;
        padding-right: 70/@rem;
      }
    }
  }
  // ./loop body
  .loop(@i + 1);
};
.loop();
*/
html,
body {
  height: auto;
  min-height: 200px;
}
.app-root .loading-circle.loading-mask {
  background-color: #FFFFFF;
}
.cmbc-web,
.youyu-web {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.cmbc-web .ct-golden-section:before,
.youyu-web .ct-golden-section:before {
  padding-bottom: 0px;
}
.cmbc-web .banner,
.youyu-web .banner {
  position: relative;
  height: 3.75rem;
  width: 100%;
  background: url(/c/static/fund-quote-web/img/banner-bg_76b626b.png) no-repeat center;
  background-size: 100% 100%;
}
.cmbc-web .banner .text,
.youyu-web .banner .text {
  position: absolute;
  left: 0.9375rem;
  top: 50%;
  margin-top: -0.9375rem;
  height: 1.875rem;
  width: 71%;
  background: url(/c/static/fund-quote-web/img/banner-text_d9f614b.png) no-repeat center;
  background-size: contain;
}
.cmbc-web .banner .download-button,
.youyu-web .banner .download-button {
  position: absolute;
  right: 0.9375rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  background: rgba(255, 255, 255, 0.15);
  border-radius: 6.25rem;
  padding: 0.3125rem 1rem;
  color: #fff;
  font-size: 14px;
  line-height: 1;
}
.cmbc-web.en .download-button,
.youyu-web.en .download-button {
  padding: 0.3125rem 0.5rem;
  font-size: 12px;
}
.cmbc-web .fund-content,
.youyu-web .fund-content,
.cmbc-web .youyu,
.youyu-web .youyu {
  border: 1px solid #C9C8C8;
  padding: 20px 41px;
}
.cmbc-web .fund-content .fund-source,
.youyu-web .fund-content .fund-source,
.cmbc-web .youyu .fund-source,
.youyu-web .youyu .fund-source {
  text-align: right;
}
.cmbc-web .fund-content .fund-source i,
.youyu-web .fund-content .fund-source i,
.cmbc-web .youyu .fund-source i,
.youyu-web .youyu .fund-source i {
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url(data:image/png;base64,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) no-repeat center;
  background-size: contain;
  vertical-align: middle;
}
.cmbc-web .fund-content .fund-source span,
.youyu-web .fund-content .fund-source span,
.cmbc-web .youyu .fund-source span,
.youyu-web .youyu .fund-source span {
  color: #757575;
  font-size: 12px;
  display: inline-block;
  margin-left: 12px;
  vertical-align: middle;
}
.cmbc-web .fund-content .tab-warp,
.youyu-web .fund-content .tab-warp,
.cmbc-web .youyu .tab-warp,
.youyu-web .youyu .tab-warp {
  border-bottom: 1px solid #D5D2D2;
}
.cmbc-web .fund-content .tab-warp .tabs,
.youyu-web .fund-content .tab-warp .tabs,
.cmbc-web .youyu .tab-warp .tabs,
.youyu-web .youyu .tab-warp .tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: -1px;
}
.cmbc-web .fund-content .tab-warp .tabs .tab,
.youyu-web .fund-content .tab-warp .tabs .tab,
.cmbc-web .youyu .tab-warp .tabs .tab,
.youyu-web .youyu .tab-warp .tabs .tab {
  display: inline-block;
  font-size: 14px;
  color: #4A4A4A;
  padding: 24px 12px;
  text-align: center;
  cursor: pointer;
  width: 10.9%;
}
.cmbc-web .fund-content .tab-warp .tabs .active,
.youyu-web .fund-content .tab-warp .tabs .active,
.cmbc-web .youyu .tab-warp .tabs .active,
.youyu-web .youyu .tab-warp .tabs .active {
  color: #2673BF;
  border-bottom: 2px solid #2673BF;
}
.cmbc-web .youyu,
.youyu-web .youyu {
  border: none;
}
.cmbc-web .special,
.youyu-web .special {
  max-height: 350px;
  overflow-y: auto;
}
.cmbc-web .grey-gap,
.youyu-web .grey-gap {
  background: #F7F7F7;
  width: 100%;
  height: 0.625rem;
}
.cmbc-web .info-text,
.youyu-web .info-text {
  height: 3.125rem;
  text-align: center;
  font-size: 12px;
  color: #999999;
  line-height: 3.125rem;
  background-color: #F7F7F7;
}
.cmbc-web button.download-but,
.youyu-web button.download-but {
  width: 100%;
  height: 3.125rem;
  background: #FB703C;
  font-size: 18px;
  color: #FFFFFF;
  line-height: 3.125rem;
}
.youyu-web {
  width: 789px;
}
/*
.loop (@i: 1) when (@i <= length(@base-dprs)) {
  @tmp-dpr_str: e(extract(@base-dprs, @i));
  @tmp-dpr: `Math.abs(parseInt(@{tmp-dpr_str}))`;
  // loop body
  :root[data-dpr="@{tmp-dpr}"][data-platform="desktop"] & {
    // [-1287]
    @media screen {
      .max-width(1280 - 1, @tmp-dpr, desktop);
      @media (max-width: @max-width) {
        width: 1024/@rem;
        padding-left: 40/@rem;
        padding-right: 60/@rem;
      }
    }
    // [1280-]
    @media screen {
      .min-width(1280, @tmp-dpr, desktop);
      @media (min-width: @min-width) {
        width: 1280/@rem;
        padding-left: 50/@rem;
        padding-right: 70/@rem;
      }
    }
  }
  :root[data-dpr="@{tmp-dpr}"][data-platform="mobile"] & {
    // [-1287]
    @media screen {
      .max-width(1280 - 1, @tmp-dpr, mobile);
      @media (max-width: @max-width) {
        width: 1024/@rem;
        padding-left: 40/@rem;
        padding-right: 60/@rem;
      }
    }
    // [1280-]
    @media screen {
      .min-width(1280, @tmp-dpr, mobile);
      @media (min-width: @min-width) {
        width: 1280/@rem;
        padding-left: 50/@rem;
        padding-right: 70/@rem;
      }
    }
  }
  // ./loop body
  .loop(@i + 1);
};
.loop();
*/
.cmbc-fund-detail {
  background: #FFFFFF;
  position: relative;
}
.cmbc-fund-detail .expand-transition {
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  overflow: hidden;
}
.cmbc-fund-detail .expand-enter {
  max-height: 0;
  opacity: 0;
}
.cmbc-fund-detail .expand-leave {
  max-height: 0;
  opacity: 0;
}
.cmbc-fund-detail .fade-transition {
  -webkit-transition: opacity .3s ease;
  -o-transition: opacity .3s ease;
  transition: opacity .3s ease;
  overflow: hidden;
}
.cmbc-fund-detail .fade-enter {
  opacity: 0 !important;
}
.cmbc-fund-detail .fade-leave {
  opacity: 0 !important;
}
.cmbc-fund-detail .rotate {
  -webkit-transform-origin: center center;
      -ms-transform-origin: center center;
          transform-origin: center center;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  -o-transition: transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
}
.cmbc-fund-detail .rotate1 {
  -webkit-transform-origin: center center;
      -ms-transform-origin: center center;
          transform-origin: center center;
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  -o-transition: transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
}
.cmbc-fund-detail .fund-info-container {
  padding: 0px 40px;
  position: relative;
  color: #757575;
}
.cmbc-fund-detail .fund-info-container .fund-name {
  color: #2673BF;
  font-size: 24px;
  line-height: 1.1;
  font-family: "PingFangSC-Semibold", "MicrosoftYaHei-Semibold", "HelveticaNeue-Semibold", HelveticaNeue-Semibold, "Helvetica-Semibold", "roboto-Semibold", "HiraginoSansGB-Semibold", "WenQuanYiMicroHei-Semibold", sans-serif-Semibold;
}
.cmbc-fund-detail .fund-info-container .fund-english-name {
  font-size: 20px;
  line-height: 1;
  margin-top: 12px;
}
.cmbc-fund-detail .fund-info-container .fund-isin {
  margin-top: 12px;
  line-height: 1;
  font-size: 0;
  -webkit-text-size-adjust: none;
}
.cmbc-fund-detail .fund-info-container .fund-isin .isin-text {
  display: inline-block;
  font-size: 15px;
}
.cmbc-fund-detail .fund-info-container .fund-source {
  position: absolute;
  right: 0px;
  top: -8px;
}
.cmbc-fund-detail .fund-info-container .fund-source i {
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url(data:image/png;base64,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) no-repeat center;
  background-size: contain;
  vertical-align: middle;
}
.cmbc-fund-detail .fund-info-container .fund-source span {
  color: #757575;
  font-size: 12px;
  display: inline-block;
  margin-left: 12px;
  vertical-align: middle;
}
.cmbc-fund-detail .fund-detail-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  position: relative;
  margin-bottom: 20px;
  color: #999999;
}
.en .cmbc-fund-detail .fund-detail-container {
  padding-left: 0.8125rem;
  padding-right: 0.8125rem;
}
.cmbc-fund-detail .fund-detail-container .profit-container {
  position: relative;
  display: inline-block;
  margin-left: 25px;
}
.cmbc-fund-detail .fund-detail-container .profit-container:first-child {
  margin-left: 0px;
}
.cmbc-fund-detail .fund-detail-container .profit-container .show-more-arrow {
  display: inline-block;
  height: 21px;
  width: 21px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAVBJREFUSA1jYBgFoyFAaQgwwgyYOXNmOiMjoyKMTwkNNOdmamrqfJAZLDCD2NjY9v3+/fvo////RWFi5NBAw58BsRVMLxOMkZiYeJuZmdkLyP8CEyOVBhr8AehAj5SUlIcwvXALQALJyclngFQwEP8G8UkBQMN/ALFfenr6ZWR9KBaAJIAKdgGpBKDi/8gK8bGBav8CXR4JDPfD6OowLAApAFqyDKihGF0xHn4mUM8GbPJYLQApBGroB7qsC5smNLG6tLS02WhicC48mcJFkBhAXzDOnj17AZCOQxKGM4EOmAY0PBsugIWB0wcgtaB4UFVVTQbS29D1AsXWAMM8F10cnY/XApBiR0fHP0AfhAINPAHTDGQfkJGRiQHS/2BiuGi8QYSsaeHChcI/fvw4AhT7yc3NbRcTE/MJWZ4qbGBxIjd//nwJqhg2ashoCBAdAgB+vljJ6U0FdwAAAABJRU5ErkJggg==) no-repeat center;
  background-size: contain;
  vertical-align: middle;
}
.cmbc-fund-detail .fund-detail-container .profit-container .title {
  font-size: 0;
  -webkit-text-size-adjust: none;
  margin-bottom: 18px;
}
.cmbc-fund-detail .fund-detail-container .profit-container .title .profit-text {
  font-size: 12px;
  display: inline-block;
  vertical-align: middle;
}
.cmbc-fund-detail .fund-detail-container .profit-container .content {
  padding-right: 25px;
  border-right: 2px solid #D1D1D1;
  display: inline-block;
}
.cmbc-fund-detail .fund-detail-container .profit-container .content .sign {
  display: inline-block;
  font-size: 32px;
  font-family: "PingFangSC-Semibold", "MicrosoftYaHei-Semibold", "HelveticaNeue-Semibold", HelveticaNeue-Semibold, "Helvetica-Semibold", "roboto-Semibold", "HiraginoSansGB-Semibold", "WenQuanYiMicroHei-Semibold", sans-serif-Semibold;
}
.cmbc-fund-detail .fund-detail-container .profit-container .content .profit {
  display: inline-block;
  margin-top: 6px;
  font-size: 34px;
  color: #4A4A4A;
  line-height: 1;
}
.cmbc-fund-detail .fund-detail-container .profit-container .content .profit span {
  font-size: 28px;
}
.cmbc-fund-detail .fund-detail-container .profit-container .last {
  border-right: 0px;
}
.cmbc-fund-detail .fund-detail-container .profit-container.nagative .sign,
.cmbc-fund-detail .fund-detail-container .profit-container.nagative .profit {
  color: #44BEA3;
}
.cmbc-fund-detail .fund-detail-container .profit-container.positive .sign,
.cmbc-fund-detail .fund-detail-container .profit-container.positive .profit {
  color: #FB703C;
}
.cmbc-fund-detail .fund-detail-container .profit-container.profit-none .sign,
.cmbc-fund-detail .fund-detail-container .profit-container.profit-none .profit {
  color: #000;
}
.cmbc-fund-detail .fund-detail-container .profit-container .profit-text {
  font-size: 12px;
  line-height: 1;
}
.cmbc-fund-detail .fund-detail-container .trangle {
  position: absolute;
  bottom: -20px;
  left: 2.5625rem;
  width: 0;
  height: 0;
  border-left: 1.6875rem solid transparent;
  border-right: 1.6875rem solid transparent;
  border-bottom: 18px solid #F9F9F9;
  opacity: 1;
}
.cmbc-fund-detail .fund-detail-container.more-profit:after {
  display: none;
}
.cmbc-fund-detail .description-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.625rem 0;
  color: #666666;
}
.cmbc-fund-detail .description-container .asset-class,
.cmbc-fund-detail .description-container .risk-rank {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 13px;
  line-height: 1;
  color: #666;
}
.cmbc-fund-detail .more-profit-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.cmbc-fund-detail .more-profit-info .notice {
  padding: 0 30px;
  border-left: 2px solid #D1D1D1;
  margin: 23px 0px;
  font-size: 12px;
  line-height: 1.8;
  width: 372px;
}
.cmbc-fund-detail .more-profit-info .notice:after {
  display: none;
}
.cmbc-fund-detail .more-profit-info .profit-container {
  width: 549px;
  padding-top: 23px;
}
.cmbc-fund-detail .more-profit-info .profit-container .profit-box .title {
  opacity: 0.8;
  font-size: 14px;
  color: #999999;
}
.cmbc-fund-detail .more-profit-info .profit-container .profit-box .content .value {
  font-size: 14px;
  line-height: 1.5;
}
.cmbc-fund-detail .form-button {
  background: #F57403;
  border-radius: 1px;
  position: absolute;
  top: 73px;
  right: 40px;
  width: 197px;
  height: 52px;
  font-size: 20px;
  color: #FFFFFF;
  text-align: center;
  line-height: 52px;
}
.en .cmbc-fund-detail .fund-info-container .fund-isin {
  margin-top: 0.8125rem;
}
@media screen and (max-width: 321px) {
.en .cmbc-fund-detail .fund-detail-container .risk-rank .risk-container {
    padding-top: 12px;
}
}
/*
.loop (@i: 1) when (@i <= length(@base-dprs)) {
  @tmp-dpr_str: e(extract(@base-dprs, @i));
  @tmp-dpr: `Math.abs(parseInt(@{tmp-dpr_str}))`;
  // loop body
  :root[data-dpr="@{tmp-dpr}"][data-platform="desktop"] & {
    // [-1287]
    @media screen {
      .max-width(1280 - 1, @tmp-dpr, desktop);
      @media (max-width: @max-width) {
        width: 1024/@rem;
        padding-left: 40/@rem;
        padding-right: 60/@rem;
      }
    }
    // [1280-]
    @media screen {
      .min-width(1280, @tmp-dpr, desktop);
      @media (min-width: @min-width) {
        width: 1280/@rem;
        padding-left: 50/@rem;
        padding-right: 70/@rem;
      }
    }
  }
  :root[data-dpr="@{tmp-dpr}"][data-platform="mobile"] & {
    // [-1287]
    @media screen {
      .max-width(1280 - 1, @tmp-dpr, mobile);
      @media (max-width: @max-width) {
        width: 1024/@rem;
        padding-left: 40/@rem;
        padding-right: 60/@rem;
      }
    }
    // [1280-]
    @media screen {
      .min-width(1280, @tmp-dpr, mobile);
      @media (min-width: @min-width) {
        width: 1280/@rem;
        padding-left: 50/@rem;
        padding-right: 70/@rem;
      }
    }
  }
  // ./loop body
  .loop(@i + 1);
};
.loop();
*/
.more-profit-info {
  background: #F9F9F9;
  max-height: 9.375rem;
  opacity: 1;
}
.more-profit-info .profit-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  padding: 1rem 0;
}
.more-profit-info .profit-container .profit-box {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-flex: 1;
  text-align: center;
  color: #666;
}
.more-profit-info .profit-container .profit-box .title {
  font-size: 10px;
  line-height: 1;
}
.more-profit-info .profit-container .profit-box .content {
  font-size: 0;
  -webkit-text-size-adjust: none;
  margin-top: 0.625rem;
}
.more-profit-info .profit-container .profit-box .content .sign {
  display: inline-block;
  font-size: 12px;
  line-height: 1;
  vertical-align: baseline;
}
.more-profit-info .profit-container .profit-box .content .value {
  display: inline-block;
  font-size: 14px;
  line-height: 1;
  vertical-align: baseline;
}
.more-profit-info .profit-container .profit-box:not(:first-child) {
  position: relative;
}
.more-profit-info .profit-container .profit-box:not(:first-child):after {
  position: absolute;
  content: '';
  height: 100%;
  left: 0;
  top: 0;
  width: 1px;
  background-color: #EEE;
  -webkit-transform: scale(0.5, 1);
  -ms-transform: scale(0.5, 1);
      transform: scale(0.5, 1);
  -webkit-transform-origin: center left;
  -ms-transform-origin: center left;
      transform-origin: center left;
}
.more-profit-info .notice {
  position: relative;
  margin: 0 0.9375rem;
  padding: 0.5rem 0;
  font-size: 10px;
  color: #999;
  line-height: 15px;
}
.more-profit-info .notice:after {
  position: absolute;
  content: '';
  width: 100%;
  left: 0;
  top: 0;
  height: 1px;
  background-color: #EEE;
  -webkit-transform: scale(1, 0.5);
  -ms-transform: scale(1, 0.5);
      transform: scale(1, 0.5);
  -webkit-transform-origin: center top;
  -ms-transform-origin: center top;
      transform-origin: center top;
}
/*
.loop (@i: 1) when (@i <= length(@base-dprs)) {
  @tmp-dpr_str: e(extract(@base-dprs, @i));
  @tmp-dpr: `Math.abs(parseInt(@{tmp-dpr_str}))`;
  // loop body
  :root[data-dpr="@{tmp-dpr}"][data-platform="desktop"] & {
    // [-1287]
    @media screen {
      .max-width(1280 - 1, @tmp-dpr, desktop);
      @media (max-width: @max-width) {
        width: 1024/@rem;
        padding-left: 40/@rem;
        padding-right: 60/@rem;
      }
    }
    // [1280-]
    @media screen {
      .min-width(1280, @tmp-dpr, desktop);
      @media (min-width: @min-width) {
        width: 1280/@rem;
        padding-left: 50/@rem;
        padding-right: 70/@rem;
      }
    }
  }
  :root[data-dpr="@{tmp-dpr}"][data-platform="mobile"] & {
    // [-1287]
    @media screen {
      .max-width(1280 - 1, @tmp-dpr, mobile);
      @media (max-width: @max-width) {
        width: 1024/@rem;
        padding-left: 40/@rem;
        padding-right: 60/@rem;
      }
    }
    // [1280-]
    @media screen {
      .min-width(1280, @tmp-dpr, mobile);
      @media (min-width: @min-width) {
        width: 1280/@rem;
        padding-left: 50/@rem;
        padding-right: 70/@rem;
      }
    }
  }
  // ./loop body
  .loop(@i + 1);
};
.loop();
*/
.cmbc-dividend {
  background: #fff;
  width: 100%;
  position: relative;
  overflow: hidden;
}
.cmbc-dividend .margin {
  margin-left: 0.9375rem;
  margin-right: 0.9375rem;
}
.cmbc-dividend .cmbc-table .item .average {
  width: 140px;
}
.cmbc-dividend .highlight {
  color: #FB703C;
}
.cmbc-dividend .summary {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -ms-flex-line-pack: left;
      align-content: left;
  margin-top: 10px;
  font-size: 16px;
}
.cmbc-dividend .summary div {
  width: 135.5px;
  height: 52px;
  line-height: 52px;
  text-align: center;
  font-weight: bold;
}
.cmbc-dividend .more {
  font-size: 14px;
  color: #666;
  text-align: center;
  border-top: 1px solid #eee;
  padding: 1.125rem;
}
.cmbc-dividend .content {
  -webkit-transition: height 0.2s;
  -o-transition: height 0.2s;
  transition: height 0.2s;
  color: #F57403;
}
.cmbc-dividend .empty {
  font-size: 16px;
  color: #999999;
  line-height: 100px;
}
/*
.loop (@i: 1) when (@i <= length(@base-dprs)) {
  @tmp-dpr_str: e(extract(@base-dprs, @i));
  @tmp-dpr: `Math.abs(parseInt(@{tmp-dpr_str}))`;
  // loop body
  :root[data-dpr="@{tmp-dpr}"][data-platform="desktop"] & {
    // [-1287]
    @media screen {
      .max-width(1280 - 1, @tmp-dpr, desktop);
      @media (max-width: @max-width) {
        width: 1024/@rem;
        padding-left: 40/@rem;
        padding-right: 60/@rem;
      }
    }
    // [1280-]
    @media screen {
      .min-width(1280, @tmp-dpr, desktop);
      @media (min-width: @min-width) {
        width: 1280/@rem;
        padding-left: 50/@rem;
        padding-right: 70/@rem;
      }
    }
  }
  :root[data-dpr="@{tmp-dpr}"][data-platform="mobile"] & {
    // [-1287]
    @media screen {
      .max-width(1280 - 1, @tmp-dpr, mobile);
      @media (max-width: @max-width) {
        width: 1024/@rem;
        padding-left: 40/@rem;
        padding-right: 60/@rem;
      }
    }
    // [1280-]
    @media screen {
      .min-width(1280, @tmp-dpr, mobile);
      @media (min-width: @min-width) {
        width: 1280/@rem;
        padding-left: 50/@rem;
        padding-right: 70/@rem;
      }
    }
  }
  // ./loop body
  .loop(@i + 1);
};
.loop();
*/
.cmbc-page-table {
  background: #ffffff;
  color: #282828;
  overflow: hidden;
}
.cmbc-page-table .table {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.cmbc-page-table .table-tab {
  float: left;
  border-right: 2px solid #F1F1F1;
}
.cmbc-page-table .table-tab:last-child {
  border-right: 0px;
}
.cmbc-page-table .table-1 {
  width: 50%;
  border-right: 2px solid #F1F1F1;
}
.cmbc-page-table .table-2 {
  width: 50%;
}
.cmbc-page-table .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  line-height: 0.875rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}
.cmbc-page-table .item .th {
  color: #999999;
}
.cmbc-page-table .average {
  width: 102px;
  display: inline-block;
  text-align: center;
  font-size: 14px;
  color: #838383;
}
.cmbc-page-table .average:nth-child(1) {
  width: 130px;
}
.cmbc-page-table .pagination {
  display: block;
  float: right;
  margin-top: 35px;
}
.cmbc-page-table .pagination span {
  display: inline-block;
  border: 1px solid #F0F0F0;
  width: 36px;
  height: 36px;
  text-align: center;
  line-height: 36px;
  margin: 0px;
  font-size: 14px;
}
.cmbc-page-table .pagination span a {
  color: #999999;
  display: inline-block;
  width: 100%;
  height: 100%;
}
.cmbc-page-table .pagination .active {
  background-color: #378CD0;
}
.cmbc-page-table .pagination .active a {
  color: #FFF;
}
.cmbc-page-table .pagination .dot {
  border: 0px ;
}
.cmbc-page-table .pagination .previous,
.cmbc-page-table .pagination .next {
  width: 87px;
}
.cmbc-page-table.full-page-table .header-item {
  background-color: #F9F9F9;
}
.cmbc-page-table.full-page-table .body-item {
  background: #ffffff;
  border-bottom: 1px solid #eeeeee;
}
.cmbc-page-table.full-page-table .padding-vertical {
  padding-top: 17px;
  padding-bottom: 17px;
}
.cmbc-page-table.full-page-table .table-body {
  overflow: auto;
  margin-bottom: 50px;
}
.cmbc-page-table.index-table .padding-vertical {
  padding-top: 17px;
  padding-bottom: 17px;
}
.cmbc-page-table .red {
  color: #fc7c6e;
}
.cmbc-page-table .green {
  color: #44bea3;
}
/*
.loop (@i: 1) when (@i <= length(@base-dprs)) {
  @tmp-dpr_str: e(extract(@base-dprs, @i));
  @tmp-dpr: `Math.abs(parseInt(@{tmp-dpr_str}))`;
  // loop body
  :root[data-dpr="@{tmp-dpr}"][data-platform="desktop"] & {
    // [-1287]
    @media screen {
      .max-width(1280 - 1, @tmp-dpr, desktop);
      @media (max-width: @max-width) {
        width: 1024/@rem;
        padding-left: 40/@rem;
        padding-right: 60/@rem;
      }
    }
    // [1280-]
    @media screen {
      .min-width(1280, @tmp-dpr, desktop);
      @media (min-width: @min-width) {
        width: 1280/@rem;
        padding-left: 50/@rem;
        padding-right: 70/@rem;
      }
    }
  }
  :root[data-dpr="@{tmp-dpr}"][data-platform="mobile"] & {
    // [-1287]
    @media screen {
      .max-width(1280 - 1, @tmp-dpr, mobile);
      @media (max-width: @max-width) {
        width: 1024/@rem;
        padding-left: 40/@rem;
        padding-right: 60/@rem;
      }
    }
    // [1280-]
    @media screen {
      .min-width(1280, @tmp-dpr, mobile);
      @media (min-width: @min-width) {
        width: 1280/@rem;
        padding-left: 50/@rem;
        padding-right: 70/@rem;
      }
    }
  }
  // ./loop body
  .loop(@i + 1);
};
.loop();
*/
.cmbc-fund-company .manager .manager-detail {
  margin-top: 30px;
}
.cmbc-fund-company .manager .manager-detail .company-name {
  font-size: 16px;
  color: #4A4A4A;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.cmbc-fund-company .manager .manager-detail .company-name .logo {
  width: 60px;
  height: 60px;
  position: relative;
  border: 1px solid #D5D2D2;
  border-radius: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 10px;
}
.cmbc-fund-company .manager .manager-detail .company-name .logo img {
  width: 60px;
}
.cmbc-fund-company .manager .manager-detail .company-detail {
  font-size: 14px;
  color: #9B9B9B;
  margin-top: 15px;
  text-align: justify;
  line-height: 1.5;
}
.cmbc-fund-company .manager .manager-detail .company-detail div {
  margin-bottom: 10px;
}
.cmbc-fund-company .manager .manager-detail:after {
  height: 0;
}
.cmbc-fund-company .mini-loading {
  height: 15.625rem;
  padding-top: 7.5rem;
}
.cmbc-fund-company .mini-loading #fail-notice .fail-notice-pic {
  top: 7rem;
}
.cmbc-fund-company .mini-loading #fail-notice .fail-notice-text {
  top: 9.4375rem;
}
/*
.loop (@i: 1) when (@i <= length(@base-dprs)) {
  @tmp-dpr_str: e(extract(@base-dprs, @i));
  @tmp-dpr: `Math.abs(parseInt(@{tmp-dpr_str}))`;
  // loop body
  :root[data-dpr="@{tmp-dpr}"][data-platform="desktop"] & {
    // [-1287]
    @media screen {
      .max-width(1280 - 1, @tmp-dpr, desktop);
      @media (max-width: @max-width) {
        width: 1024/@rem;
        padding-left: 40/@rem;
        padding-right: 60/@rem;
      }
    }
    // [1280-]
    @media screen {
      .min-width(1280, @tmp-dpr, desktop);
      @media (min-width: @min-width) {
        width: 1280/@rem;
        padding-left: 50/@rem;
        padding-right: 70/@rem;
      }
    }
  }
  :root[data-dpr="@{tmp-dpr}"][data-platform="mobile"] & {
    // [-1287]
    @media screen {
      .max-width(1280 - 1, @tmp-dpr, mobile);
      @media (max-width: @max-width) {
        width: 1024/@rem;
        padding-left: 40/@rem;
        padding-right: 60/@rem;
      }
    }
    // [1280-]
    @media screen {
      .min-width(1280, @tmp-dpr, mobile);
      @media (min-width: @min-width) {
        width: 1280/@rem;
        padding-left: 50/@rem;
        padding-right: 70/@rem;
      }
    }
  }
  // ./loop body
  .loop(@i + 1);
};
.loop();
*/
.manager {
  padding: 0 0.9375rem;
}
.manager .title-container {
  padding: 1rem 0;
}
.manager .title-container .title {
  font-size: 18px;
  color: #282828;
  line-height: 1;
  border-left: 2px solid #FB703C;
  padding-left: 0.3125rem;
}
.manager .manager-detail {
  position: relative;
  display: block;
  padding-top: 0.9375rem;
  padding-bottom: 0.9375rem;
}
.manager .manager-detail:after {
  position: absolute;
  content: '';
  width: 100%;
  left: 0;
  top: 0;
  height: 1px;
  background-color: #EEE;
  -webkit-transform: scale(1, 0.5);
  -ms-transform: scale(1, 0.5);
      transform: scale(1, 0.5);
  -webkit-transform-origin: center top;
  -ms-transform-origin: center top;
      transform-origin: center top;
}
.manager .manager-detail .company-name {
  font-size: 14px;
  color: #282828;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.manager .manager-detail .company-name.full {
  white-space: normal;
}
.manager .manager-detail .company-detail {
  color: #666666;
  font-size: 14px;
  margin-top: 0.9375rem;
}
.manager .manager-detail.hide {
  display: none;
}
/*
.loop (@i: 1) when (@i <= length(@base-dprs)) {
  @tmp-dpr_str: e(extract(@base-dprs, @i));
  @tmp-dpr: `Math.abs(parseInt(@{tmp-dpr_str}))`;
  // loop body
  :root[data-dpr="@{tmp-dpr}"][data-platform="desktop"] & {
    // [-1287]
    @media screen {
      .max-width(1280 - 1, @tmp-dpr, desktop);
      @media (max-width: @max-width) {
        width: 1024/@rem;
        padding-left: 40/@rem;
        padding-right: 60/@rem;
      }
    }
    // [1280-]
    @media screen {
      .min-width(1280, @tmp-dpr, desktop);
      @media (min-width: @min-width) {
        width: 1280/@rem;
        padding-left: 50/@rem;
        padding-right: 70/@rem;
      }
    }
  }
  :root[data-dpr="@{tmp-dpr}"][data-platform="mobile"] & {
    // [-1287]
    @media screen {
      .max-width(1280 - 1, @tmp-dpr, mobile);
      @media (max-width: @max-width) {
        width: 1024/@rem;
        padding-left: 40/@rem;
        padding-right: 60/@rem;
      }
    }
    // [1280-]
    @media screen {
      .min-width(1280, @tmp-dpr, mobile);
      @media (min-width: @min-width) {
        width: 1280/@rem;
        padding-left: 50/@rem;
        padding-right: 70/@rem;
      }
    }
  }
  // ./loop body
  .loop(@i + 1);
};
.loop();
*/
.cmbc-trade-notice {
  background: #fff;
}
.cmbc-trade-notice .tabs {
  margin-top: 25px;
  padding: 15px;
}
.cmbc-trade-notice .tabs .tab {
  display: inline-block;
  border-right: 1px solid #9B9B9B;
  padding: 0 20px;
  font-size: 18px;
  color: #999999;
}
.cmbc-trade-notice .tabs .tab:last-child {
  border-right: 0px;
}
.cmbc-trade-notice .tabs .active {
  color: #4A4A4A;
}
.cmbc-trade-notice .trade-container {
  padding-left: 0.9375rem;
}
.cmbc-trade-notice .flex-box:after {
  position: absolute;
  content: '';
  width: 100%;
  left: 0;
  bottom: 0;
  height: 1px;
  background-color: #EEE;
  -webkit-transform: scale(1, 0.5);
  -ms-transform: scale(1, 0.5);
      transform: scale(1, 0.5);
  -webkit-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
      transform-origin: center bottom;
}
.cmbc-trade-notice .time-step {
  padding: 1.25rem 1.0625rem;
}
.cmbc-trade-notice .time-step-item {
  position: relative;
  padding-left: 1.5625rem;
  padding-bottom: 1.25rem;
  margin-left: 0.6875rem;
  border-left: 0.125rem solid #cccccc;
}
.cmbc-trade-notice .no-border {
  border-left: none;
}
.cmbc-trade-notice .time-step-title {
  font-size: 16px;
  color: #666666;
}
.cmbc-trade-notice .time-step-text {
  padding-top: 0.375rem;
  font-size: 12px;
  color: #cccccc;
  line-height: 1.5;
}
.cmbc-trade-notice .time-step-icon {
  position: absolute;
  left: 0;
  top: 0;
  left: -0.625rem;
  width: 1.3125rem;
  height: 1.3125rem;
  background: #fff no-repeat;
  background-size: contain;
}
.cmbc-trade-notice .step-icon0 {
  background-image: url(data:image/png;base64,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);
}
.cmbc-trade-notice .step-icon1 {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAYAAADFw8lbAAAAAXNSR0IArs4c6QAABSVJREFUWAnVmUtoXFUYx2cy2UiyyGRhcRQ3hRShu4CPBhdBK1QLo6KjIMRN3lq6iI+dpa6kmIVUmhdZmI10Ko2V0YIVgkiEigmIXZSALhoYaZHMQB4uYhJ//5Nzpncm907vTWaSeODm3Hse/+8337n3PL7EYv+TFN8L59jY2NGtra00V3s8Hk+hleJeeYznPFme5zz3c1zX+vr6/lDdblJk0KmpqYdXV1ffxdgrXMcjGr1F++mmpqbPu7q67kXpGxo0m802FwqFoc3Nzfcw0GyNFPDUt9zfwHN3EolEvqWlJb+8vBzf2Nh4hCtF/ePUn6T+JfKk7bfS0NDwaTKZHM5kMiu2rGoWCnR0dPRVVC5h7IjUMD7NdbGtre2nzs7Of6tasJUzMzONCwsLz6JxhkujIZ27ZIP9/f1XbbPArCoogvHx8fGPyM/pnjSLJz7o7e39OVAxRAWaJxiZC2h2oCnh82h+rPug7oGgDPVDS0tLXyD2OgIbCAzxyz8LEtpNOSN1ln7D2Ehg40pra+vbvAr/+Gk1+BXKex7IIm1O1RpSdq3mKSCLcoi16eu8hB9oKpU6R8d3JMAHcoJp5aZfu1qU5XK5P9Pp9DfYe4urfX5+fouyHyu1d9DbD+crGm5yyZM3KjsFPdNXM4A8pS88UmJOfgHQ7+ikUX4NjbIPrGzoNQXRSF+3foDeydCQtI/R70Vduo+aGLXv6TNkbV+yLCWZMlDNkzQ8wpDPAlnTD6dkscqNbMq2GMTibVoC1YpjJ/OYpiBvo/28d7bFIiZnuwS6trZ2hsJmftH0XudJJ76bXLbFIBa7VBuZEijuflklNLpoag7wj4fBrGBCMaDaBXGvDUZBy6IqDjJZhgIMxy3bNijeTFuwXNi1u54/RAx41Ux1js14lId2GWZyjzQd1RMWbcPi2Awo9Gazy7Zssc7GQ8sDeEeNHZsB5dmAaj8ZWqnODT0shs0NvXnQprfO9kPLOxY8ex8U95p9oHbmoZWqNJycnDxWpTpUlWNxbG7o/1JvHR9CqQQ0QvQXVa2vr//OBuUTVpamgKYPLPawGDYHaoZcZ5wHKlRp0NjYqL3lOMOV4PqQ1e72yMhIpkqXwCoPi2Fz76h5wIgOYrtO3d3dS2ws+tB5St4F9jHELuPdHyYmJp6IIuxY0LgPSuGcRCh8PopYUFtgf2Xb9jT1vWj/je5zeOg3gC9Ubt+CNCg/qTrHZjzKwzXb4bROi/Z+TxmaWwMDAxO8Dse4HwVWr8P7HDduc7h7s5q4GGhrNt+OzYDaCIaCA0kdaauJRK2zr8MAwE9i9CYAj+LdL3l3A/e7liGJrVuWbXutl3FEvlaOkLZ7NU89PT1zGH0GO92IL5L7ntdk2MOg7Z5JpXnThmoUG2pmVeg4qD2pzvx4fBaOFUI/R13ox01PMRUozCJ8BQeUH0RytsXiIMVRAtWDYkEMyV1c38EXelZl+5lkU7bFIBav7TJQG7AapKGW1GE6minC26Fe99aWHCXbg5XBszJQQTAHXqXxeX6ZXvZs1IlaGlGTtZGVTdkWQ6VG6WPyVtAhzhHgMrniTgrpZOhcl0219aQgW7B1hZnhDfIdwbIdHhWwGipgpY4SoOi63h/V1TJZzesO0trcASmbvh51MAgc/rCjg1XOLz/cgVwvrDYTfqFx2uR0KGSSXtTxwe3Mi8ViijITGmdktNk5zaVlUak+ofFt7e2/WsEUVcG4AhaKBURJ9f9ngx+NggMA78u/b/zsH8qy/wBboL+Cde/DQgAAAABJRU5ErkJggg==);
}
.cmbc-trade-notice .step-icon2 {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAYAAADFw8lbAAAAAXNSR0IArs4c6QAABJhJREFUWAnVmT9ME1Ecx+9aFoGhZZDYgcWExISNDeJAIiZEkorROmhw458SB4wjBEdjTQyG8meSzWJETJFEhsYYTBxgYiAkOkBSgwNtwh8X2/r9vr5Xru211wN61Je8vrv35/f93Ht378+vmvafBP00nNPT05fT6bQfsVXXdR9s+XDNVMN9DEkM9zFcryEu9vf3/2DZSYJt0Lm5uYuHh4ePINaD2GJTdAP1F+rq6l739vb+ttO2bNBwOFwfj8dHUqnUEwjUS5E4emoJ1yvouW232x3zeDyx/f19PZlMXkL0obwJ5Z0ov4HUK9sduFyuF16vNxgIBA5kXsmkLNCpqalbsDIJsUZag/gC4kRzc/PXjo6OvyUVZGE0Gq3Z2tq6ChvDiBwN2tlFMjQwMPBeViualASFQX1mZmYU6RivEVbRE0/7+vq+FbVYRgFstmFknsNmO2zS8DhsPuN1seZFQTHUF/b29t7A2B0YSMLACJ78VTFDJ8nHSD1GuyA03NCYb2hoeIBX4Y+ZLZdZJnvPAJlAna6zhqSutNkFyAQ7RGqadp7bDNTn842h4UMawAfShmnlu1m9s8iLRCI//X7/R+jdQ2xdX19PI+9Lvu0CevnhvEPFFCJ7ciW/USXuMSdfB+gn2OYo34ZuzgeWM/ScglCJXzcfgO+kI5DQ0jBqn6kptSclC4tEyAHlPImKjRjyVfn+qHqOpNSkNhnIYhTNgnLFkZO5xinIWMnJa6VNFjIp7Szo0dHRMDLr8UQLp50nlfGTpNQmA1nkUi3M1Chj6O6bvEalCZVXKg2FQkUn51LtBgcHCz7g/PpkAA9XL8ZRlose5S4I19xgxLkssuA8g2SIg6FFsmmiR0Hvl2CRctdu9SDl9BDr2hkBMmCaXALXfcn2UvQoblppDJO7Y9MR9SyCYFFsAhTvhNjsYlu2Y9HYsWIAblNMsQlQ3AtQ7icdI7EQMrAINjX04oabXov2jhUrFvTsMSi6V0w13Jk7RmIhpFgUmxr6X2zH44NFe8eKDSyCTYGKIecZxzESCyEDi2BT76i4QTfzIFYVQbHgHT0GReYa6ZB5rSooMxCdTBSbWJlwswjIIPK7eVq0szrZWXEy+ta/ZNjc3OTxmqCLTMXQSw8GnQNeHmlZcJ5BMnjBsKG8K9ndE8g/oFdbELndi1qBlrvGW9kxK5cMLOJ2TwT11Wu1tbXc3h2gUg/P3bLc8YTaZCALXT8KIAtKXxDdLCygc0BVcDpV2mQx+qeyoASiLwivwC6eqF06BxzlpCa1yUAWo3gOqHRYDaEil9QgGoopwtigUtdSix1F7aF851kOKCF4nkblcTwZnRPh2dnZK8yvZJAaYWpSmwz5eqabEDTQcQR4i5R+J7p0AmhckU217ElCeqA1j+noLlKxSTLCFvQoC1mRDis2pAFkLfP9MTY8i2tpc1lBSs0CSGqZ9qiCgIHqdzsqWKZ48up25Bphi7nGUSfCQyG2ZTs8PqideSKR8HGrhtenCSPDzU43IpdFhsq4xjO2M790s9CrAnE6LOgLsBO4n6jsnw1mNHQOANiRv2/M9Ksy7x8b+XiHrHWkzgAAAABJRU5ErkJggg==);
}
.cmbc-trade-notice .info-container .info {
  padding: 0.625rem 0;
  border: 0;
}
.cmbc-trade-notice .info-container .info:after {
  display: none;
}
.cmbc-trade-notice .info-container .info-title {
  -webkit-box-flex: 1.5;
      -ms-flex: 1.5;
          flex: 1.5;
  -webkit-flex: 1.5;
  color: #999;
  font-size: 14px;
}
.cmbc-trade-notice .info-container .info-detail {
  color: #666;
  font-size: 14px;
}
/*
.loop (@i: 1) when (@i <= length(@base-dprs)) {
  @tmp-dpr_str: e(extract(@base-dprs, @i));
  @tmp-dpr: `Math.abs(parseInt(@{tmp-dpr_str}))`;
  // loop body
  :root[data-dpr="@{tmp-dpr}"][data-platform="desktop"] & {
    // [-1287]
    @media screen {
      .max-width(1280 - 1, @tmp-dpr, desktop);
      @media (max-width: @max-width) {
        width: 1024/@rem;
        padding-left: 40/@rem;
        padding-right: 60/@rem;
      }
    }
    // [1280-]
    @media screen {
      .min-width(1280, @tmp-dpr, desktop);
      @media (min-width: @min-width) {
        width: 1280/@rem;
        padding-left: 50/@rem;
        padding-right: 70/@rem;
      }
    }
  }
  :root[data-dpr="@{tmp-dpr}"][data-platform="mobile"] & {
    // [-1287]
    @media screen {
      .max-width(1280 - 1, @tmp-dpr, mobile);
      @media (max-width: @max-width) {
        width: 1024/@rem;
        padding-left: 40/@rem;
        padding-right: 60/@rem;
      }
    }
    // [1280-]
    @media screen {
      .min-width(1280, @tmp-dpr, mobile);
      @media (min-width: @min-width) {
        width: 1280/@rem;
        padding-left: 50/@rem;
        padding-right: 70/@rem;
      }
    }
  }
  // ./loop body
  .loop(@i + 1);
};
.loop();
*/
.information .title-container {
  padding: 1rem 0.9375rem;
}
.information .title-container .title {
  font-size: 18px;
  color: #282828;
  line-height: 1;
  border-left: 2px solid #FB703C;
  padding-left: 0.3125rem;
}
.information .tip {
  position: relative;
  padding: 0.875rem 0.9375rem;
  margin-top: 0.4375rem;
  background: #F7F7F7;
  font-size: 11px;
  color: #666666;
  letter-spacing: 0;
}
.information .tip .arrow-box {
  font-size: 11px;
  padding: 0px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.information .tip .trade-container {
  padding: 0px;
}
.information .tip .arrow-text {
  color: #FB703C;
  font-size: 11px;
}
.information .tip .content {
  color: #666666;
  font-size: 11px;
  line-height: 1.6;
  word-break: break-word;
}
.information .tip .content p {
  color: #9B9B9B;
  margin: 0px;
  padding-bottom: 0.625rem;
}
.information .tip .family-bold {
  font-family: "PingFangSC-Semibold", "MicrosoftYaHei-Semibold", "HelveticaNeue-Semibold", HelveticaNeue-Semibold, "Helvetica-Semibold", "roboto-Semibold", "HiraginoSansGB-Semibold", "WenQuanYiMicroHei-Semibold", sans-serif-Semibold;
}
.information .info-wap:last-child .tip {
  padding: 0.875rem 0.9375rem 0.25rem 0.9375rem;
}
.information .up-arrow {
  position: absolute;
  top: -0.4375rem;
  left: 1.875rem;
  width: 0;
  height: 0;
  border-left: 0.96875rem solid transparent;
  border-right: 0.96875rem solid transparent;
  border-bottom: 0.625rem solid #F7F7F7;
  opacity: 1;
}
.information .info {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  padding: 1rem 0.9375rem 0.9375rem 0.9375rem;
}
.information .info:after {
  position: absolute;
  content: '';
  width: 100%;
  left: 0;
  top: 0;
  height: 1px;
  background-color: #EEE;
  -webkit-transform: scale(1, 0.5);
  -ms-transform: scale(1, 0.5);
      transform: scale(1, 0.5);
  -webkit-transform-origin: center top;
  -ms-transform-origin: center top;
      transform-origin: center top;
}
.information .info .info-title,
.information .info .info-detail {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-flex: 1;
  font-size: 14px;
  color: #282828;
  line-height: 1;
}
.information .info .info-title {
  text-align: left;
}
.information .info .info-detail {
  text-align: right;
}
.information .info .default {
  text-decoration: line-through;
}
.information .info .discount {
  color: #FB703C;
  margin-left: 0.15625rem;
}
/*
.loop (@i: 1) when (@i <= length(@base-dprs)) {
  @tmp-dpr_str: e(extract(@base-dprs, @i));
  @tmp-dpr: `Math.abs(parseInt(@{tmp-dpr_str}))`;
  // loop body
  :root[data-dpr="@{tmp-dpr}"][data-platform="desktop"] & {
    // [-1287]
    @media screen {
      .max-width(1280 - 1, @tmp-dpr, desktop);
      @media (max-width: @max-width) {
        width: 1024/@rem;
        padding-left: 40/@rem;
        padding-right: 60/@rem;
      }
    }
    // [1280-]
    @media screen {
      .min-width(1280, @tmp-dpr, desktop);
      @media (min-width: @min-width) {
        width: 1280/@rem;
        padding-left: 50/@rem;
        padding-right: 70/@rem;
      }
    }
  }
  :root[data-dpr="@{tmp-dpr}"][data-platform="mobile"] & {
    // [-1287]
    @media screen {
      .max-width(1280 - 1, @tmp-dpr, mobile);
      @media (max-width: @max-width) {
        width: 1024/@rem;
        padding-left: 40/@rem;
        padding-right: 60/@rem;
      }
    }
    // [1280-]
    @media screen {
      .min-width(1280, @tmp-dpr, mobile);
      @media (min-width: @min-width) {
        width: 1280/@rem;
        padding-left: 50/@rem;
        padding-right: 70/@rem;
      }
    }
  }
  // ./loop body
  .loop(@i + 1);
};
.loop();
*/
.cmbc-basic-info {
  height: 100%;
  margin-top: 40px;
}
.cmbc-basic-info .information {
  padding: 0;
}
.cmbc-basic-info .information .info-container .info {
  position: relative;
  padding: 17px;
}
.cmbc-basic-info .information .info-container .info::after {
  height: 2px;
  bottom: 0px;
  top: auto;
}
.cmbc-basic-info .information .info-container .info div {
  display: inline-block;
  width: 50%;
  text-align: center;
  font-size: 14px;
  color: #838383;
}
.cmbc-basic-info .information .info-container .info:first-child {
  border: 0;
}
.cmbc-basic-info .information .info-container .info-title {
  font-size: 14px;
  color: #666666;
}
.cmbc-basic-info .information .info-container .info-detail {
  font-size: 14px;
  color: #999999;
  float: right;
}
/*
.loop (@i: 1) when (@i <= length(@base-dprs)) {
  @tmp-dpr_str: e(extract(@base-dprs, @i));
  @tmp-dpr: `Math.abs(parseInt(@{tmp-dpr_str}))`;
  // loop body
  :root[data-dpr="@{tmp-dpr}"][data-platform="desktop"] & {
    // [-1287]
    @media screen {
      .max-width(1280 - 1, @tmp-dpr, desktop);
      @media (max-width: @max-width) {
        width: 1024/@rem;
        padding-left: 40/@rem;
        padding-right: 60/@rem;
      }
    }
    // [1280-]
    @media screen {
      .min-width(1280, @tmp-dpr, desktop);
      @media (min-width: @min-width) {
        width: 1280/@rem;
        padding-left: 50/@rem;
        padding-right: 70/@rem;
      }
    }
  }
  :root[data-dpr="@{tmp-dpr}"][data-platform="mobile"] & {
    // [-1287]
    @media screen {
      .max-width(1280 - 1, @tmp-dpr, mobile);
      @media (max-width: @max-width) {
        width: 1024/@rem;
        padding-left: 40/@rem;
        padding-right: 60/@rem;
      }
    }
    // [1280-]
    @media screen {
      .min-width(1280, @tmp-dpr, mobile);
      @media (min-width: @min-width) {
        width: 1280/@rem;
        padding-left: 50/@rem;
        padding-right: 70/@rem;
      }
    }
  }
  // ./loop body
  .loop(@i + 1);
};
.loop();
*/
.documents-list {
  margin-top: 40px;
}
.documents-list .warp {
  position: relative;
  margin-left: 57px;
}
.documents-list .warp div {
  border-bottom: 1px solid #eeeeee;
  position: relative;
  font-size: 14px;
  color: #4A4A4A;
}
.documents-list .warp div a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.documents-list .warp i {
  width: 21px;
  height: 24px;
  background: url(data:image/png;base64,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) no-repeat;
  background-position: center;
  background-size: contain;
  display: block;
  position: absolute;
  left: -40px;
  top: 50%;
  margin-top: -12px;
}
.documents-list .warp .mini-loading {
  height: 15.625rem;
  padding-top: 7.5rem;
}
.documents-list .warp .mini-loading #fail-notice .fail-notice-pic {
  top: 7rem;
}
.documents-list .warp .mini-loading #fail-notice .fail-notice-text {
  top: 9.4375rem;
}
.documents-list .warp span {
  display: inline-block;
  text-align: left;
  padding: 14px 0;
  margin-right: 20px;
}
.documents-list .warp .name {
  width: 350px;
}
/*
.loop (@i: 1) when (@i <= length(@base-dprs)) {
  @tmp-dpr_str: e(extract(@base-dprs, @i));
  @tmp-dpr: `Math.abs(parseInt(@{tmp-dpr_str}))`;
  // loop body
  :root[data-dpr="@{tmp-dpr}"][data-platform="desktop"] & {
    // [-1287]
    @media screen {
      .max-width(1280 - 1, @tmp-dpr, desktop);
      @media (max-width: @max-width) {
        width: 1024/@rem;
        padding-left: 40/@rem;
        padding-right: 60/@rem;
      }
    }
    // [1280-]
    @media screen {
      .min-width(1280, @tmp-dpr, desktop);
      @media (min-width: @min-width) {
        width: 1280/@rem;
        padding-left: 50/@rem;
        padding-right: 70/@rem;
      }
    }
  }
  :root[data-dpr="@{tmp-dpr}"][data-platform="mobile"] & {
    // [-1287]
    @media screen {
      .max-width(1280 - 1, @tmp-dpr, mobile);
      @media (max-width: @max-width) {
        width: 1024/@rem;
        padding-left: 40/@rem;
        padding-right: 60/@rem;
      }
    }
    // [1280-]
    @media screen {
      .min-width(1280, @tmp-dpr, mobile);
      @media (min-width: @min-width) {
        width: 1280/@rem;
        padding-left: 50/@rem;
        padding-right: 70/@rem;
      }
    }
  }
  // ./loop body
  .loop(@i + 1);
};
.loop();
*/
.cmbc-price-history {
  background: #fff;
}
.cmbc-price-history .grey-gap {
  background: #F7F7F7;
  width: 100%;
  height: 0.625rem;
}
.cmbc-price-history .nav {
  margin-top: 35px;
  position: relative;
  -ms-flex-line-pack: justify;
      align-content: space-between;
}
.cmbc-price-history .nav .tabs {
  display: inline-block;
}
.cmbc-price-history .nav .tabs .tab {
  font-size: 18px;
  display: inline-block;
  color: #999999;
  position: relative;
}
.cmbc-price-history .nav .tabs .tab .icon-help {
  background: url(data:image/png;base64,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) no-repeat center;
  width: 14px;
  height: 14px;
  margin-left: 5px;
  display: inline-block;
  background-size: contain;
}
.cmbc-price-history .nav .tabs .tab .return-tip {
  position: absolute;
  z-index: 999;
  left: -10px;
}
.cmbc-price-history .nav .tabs .tab .return-tip .up-arrow {
  width: 0px;
  height: 0px;
  border-width: 10px;
  border-style: dashed  dashed  solid dashed;
  border-color: transparent  transparent  #DFE8F6 transparent;
  position: absolute;
  left: 80px;
  top: -5px;
}
.cmbc-price-history .nav .tabs .tab .return-tip .content {
  width: 234px;
  padding: 15px 20px;
  font-size: 13px;
  color: #4A4A4A;
  margin-top: 15px;
  background-color: #DFE8F6;
  word-break: break-all;
  border-radius: 4px;
}
.cmbc-price-history .nav .tabs .active {
  color: #4A4A4A;
}
.cmbc-price-history .nav .tabs .return {
  padding: 0 20px 0 15px;
  border-right: 2px #9B9B9B solid;
}
.cmbc-price-history .nav .tabs .history {
  padding-left: 20px;
}
.cmbc-price-history .nav .date-value {
  float: right;
  margin-right: 20px;
}
.cmbc-price-history .nav .date-value .value-text-container {
  display: inline-block;
  font-size: 0;
  -webkit-text-size-adjust: none;
}
.cmbc-price-history .nav .date-value .value-text-container .value-text {
  display: inline-block;
  margin-left: 0.3125rem;
  font-size: 14px;
  color: #002E00;
  vertical-align: middle;
}
.cmbc-price-history .nav .date-value .value-text-container .value-text span.nagative {
  color: #44BEA3;
}
.cmbc-price-history .nav .date-value .value-text-container .value-text span.positive {
  color: #FB703C;
}
.cmbc-price-history .nav .date-value .date {
  text-align: right;
  display: inline-block;
  color: #999999;
  font-size: 0;
  -webkit-text-size-adjust: none;
}
.cmbc-price-history .nav .date-value .date .text {
  display: inline-block;
  margin-left: 30px;
  font-size: 14px;
  vertical-align: middle;
}
.cmbc-price-history .nav .date-value:after {
  clear: both;
  content: '.';
  display: block;
  width: 0;
  height: 0;
  visibility: hidden;
}
.cmbc-price-history .tip {
  position: absolute;
  overflow: hidden;
}
.cmbc-price-history .tip .left-arrow {
  width: 0px;
  height: 0px;
  border-width: 10px;
  border-style: dashed solid dashed dashed;
  border-color: transparent #DFE8F6 transparent transparent;
  position: absolute;
  top: 10px;
  left: -10px;
}
.cmbc-price-history .tip .right-arrow {
  display: none;
  width: 0px;
  height: 0px;
  border-width: 10px;
  border-style: dashed dashed dashed solid;
  border-color: transparent transparent transparent #DFE8F6;
  position: absolute;
  top: 10px;
  right: -10px;
}
.cmbc-price-history .right .left-arrow {
  display: none;
}
.cmbc-price-history .right .right-arrow {
  display: block;
}
.cmbc-price-history .right .indicator-data {
  margin-left: 0px;
  margin-right: 10px;
}
.cmbc-price-history .indicator-data {
  margin-left: 10px;
  background: #DFE8F6;
  border-radius: 4px;
  padding: 10px 20px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-justify-content: space-between;
  color: #4A4A4A;
  visibility: visible;
  position: relative;
  z-index: 999;
}
.cmbc-price-history .indicator-data.hidden {
  visibility: hidden;
}
.cmbc-price-history .indicator-data .label {
  width: 3.125rem;
}
.cmbc-price-history .indicator-data div {
  line-height: 25px;
  font-size: 13px;
}
.cmbc-price-history .up {
  color: #FB703C;
}
.cmbc-price-history .down {
  color: #44BEA3;
}
.cmbc-price-history .chart-container {
  position: relative;
}
.cmbc-price-history .chart-container .chart-box {
  padding-top: 0.625rem;
  position: relative;
}
.cmbc-price-history .chart-container .select-pane {
  background-color: #F9F9F9;
  border-radius: 2px;
  margin-top: 15px;
  padding: 8px 15px;
}
.cmbc-price-history .chart-container .select-pane .pane {
  display: inline-block;
  position: relative;
  z-index: 2;
  border-bottom: 0;
  font-size: 14px;
  color: #4A4A4A;
  text-align: center;
  padding: 4px 8px;
  border-radius: 4px;
  margin-left: 15px;
}
.cmbc-price-history .chart-container .select-pane .pane.active {
  color: #FFF;
  background-color: #378CD0;
}
.cmbc-price-history .table-container .view-more,
.cmbc-price-history .yfyouyu-table-container .view-more {
  margin-top: 0.25rem;
  font-size: 14px;
  color: #666666;
  line-height: 3.125rem;
  height: 3.125rem;
  text-align: center;
  -webkit-box-shadow: inset 0 1px 0 0 #dddddd;
          box-shadow: inset 0 1px 0 0 #dddddd;
}
.cmbc-price-history .yfyouyu-table-container {
  overflow-y: scroll;
  max-height: 280px;
}
.cmbc-price-history .app-chart {
  position: relative;
}
.cmbc-price-history.hide {
  display: none;
}
/*
.loop (@i: 1) when (@i <= length(@base-dprs)) {
  @tmp-dpr_str: e(extract(@base-dprs, @i));
  @tmp-dpr: `Math.abs(parseInt(@{tmp-dpr_str}))`;
  // loop body
  :root[data-dpr="@{tmp-dpr}"][data-platform="desktop"] & {
    // [-1287]
    @media screen {
      .max-width(1280 - 1, @tmp-dpr, desktop);
      @media (max-width: @max-width) {
        width: 1024/@rem;
        padding-left: 40/@rem;
        padding-right: 60/@rem;
      }
    }
    // [1280-]
    @media screen {
      .min-width(1280, @tmp-dpr, desktop);
      @media (min-width: @min-width) {
        width: 1280/@rem;
        padding-left: 50/@rem;
        padding-right: 70/@rem;
      }
    }
  }
  :root[data-dpr="@{tmp-dpr}"][data-platform="mobile"] & {
    // [-1287]
    @media screen {
      .max-width(1280 - 1, @tmp-dpr, mobile);
      @media (max-width: @max-width) {
        width: 1024/@rem;
        padding-left: 40/@rem;
        padding-right: 60/@rem;
      }
    }
    // [1280-]
    @media screen {
      .min-width(1280, @tmp-dpr, mobile);
      @media (min-width: @min-width) {
        width: 1280/@rem;
        padding-left: 50/@rem;
        padding-right: 70/@rem;
      }
    }
  }
  // ./loop body
  .loop(@i + 1);
};
.loop();
*/
.wm-chart.app-chart,
.youyu {
  height: 185px;
}
.wm-chart.app-chart .measure,
.youyu .measure {
  visibility: hidden;
  font-size: .625rem;
}
.wm-chart.app-chart .ct-label,
.youyu .ct-label {
  font-size: .625rem;
  height: 10px !important;
  width: 100% !important;
  font-family: "PingFangSC-Light", "MicrosoftYaHei-Light", "HelveticaNeue-Light", HelveticaNeue-Light, "Helvetica-Light", "roboto-Light", "HiraginoSansGB-Light", "WenQuanYiMicroHei-Light", sans-serif-Light !important;
}
.wm-chart.app-chart .ct-series-a .ct-line,
.youyu .ct-series-a .ct-line {
  stroke-width: 1.5px;
  stroke: #FF7100;
}
.wm-chart.app-chart .ct-series-a .ct-area,
.youyu .ct-series-a .ct-area {
  fill: none;
}
.wm-chart.app-chart .ct-chart-line .ct-label,
.youyu .ct-chart-line .ct-label {
  display: block;
}
.wm-chart.app-chart .ct-grid,
.youyu .ct-grid {
  stroke-dasharray: 0;
  stroke-width: 1px;
  stroke: #f1f1f1;
}
.wm-chart.app-chart .indicator,
.youyu .indicator {
  stroke: #B5B5B5;
  stroke-width: 1px;
}
.wm-chart.app-chart .cross,
.youyu .cross {
  fill: #B5B5B5;
}
.youyu {
  width: 789px;
  height: auto;
}
/*
.loop (@i: 1) when (@i <= length(@base-dprs)) {
  @tmp-dpr_str: e(extract(@base-dprs, @i));
  @tmp-dpr: `Math.abs(parseInt(@{tmp-dpr_str}))`;
  // loop body
  :root[data-dpr="@{tmp-dpr}"][data-platform="desktop"] & {
    // [-1287]
    @media screen {
      .max-width(1280 - 1, @tmp-dpr, desktop);
      @media (max-width: @max-width) {
        width: 1024/@rem;
        padding-left: 40/@rem;
        padding-right: 60/@rem;
      }
    }
    // [1280-]
    @media screen {
      .min-width(1280, @tmp-dpr, desktop);
      @media (min-width: @min-width) {
        width: 1280/@rem;
        padding-left: 50/@rem;
        padding-right: 70/@rem;
      }
    }
  }
  :root[data-dpr="@{tmp-dpr}"][data-platform="mobile"] & {
    // [-1287]
    @media screen {
      .max-width(1280 - 1, @tmp-dpr, mobile);
      @media (max-width: @max-width) {
        width: 1024/@rem;
        padding-left: 40/@rem;
        padding-right: 60/@rem;
      }
    }
    // [1280-]
    @media screen {
      .min-width(1280, @tmp-dpr, mobile);
      @media (min-width: @min-width) {
        width: 1280/@rem;
        padding-left: 50/@rem;
        padding-right: 70/@rem;
      }
    }
  }
  // ./loop body
  .loop(@i + 1);
};
.loop();
*/
.cmbc-table {
  background: #ffffff;
  color: #282828;
}
.cmbc-table .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  line-height: 0.875rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.cmbc-table .item .th {
  color: #999999;
}
.cmbc-table .average {
  display: inline-block;
  width: 100px;
  text-align: center;
  font-size: 14px;
  color: #838383;
}
.cmbc-table .average:nth-child(1) {
  width: 130px;
}
.cmbc-table.full-page-table .header-item {
  background-color: #F9F9F9 ;
}
.cmbc-table.full-page-table .body-item {
  background: #ffffff;
  -webkit-box-shadow: inset 0 -1px 0 0 #eeeeee;
          box-shadow: inset 0 -1px 0 0 #eeeeee;
}
.cmbc-table.full-page-table .padding-vertical {
  padding-top: 17px;
  padding-bottom: 17px;
}
.cmbc-table.full-page-table .table-body {
  overflow: auto;
}
.cmbc-table.index-table .padding-vertical {
  padding-top: 17px;
  padding-bottom: 17px;
}
.cmbc-table .red {
  color: #fc7c6e;
}
.cmbc-table .green {
  color: #44bea3;
}
/*
.loop (@i: 1) when (@i <= length(@base-dprs)) {
  @tmp-dpr_str: e(extract(@base-dprs, @i));
  @tmp-dpr: `Math.abs(parseInt(@{tmp-dpr_str}))`;
  // loop body
  :root[data-dpr="@{tmp-dpr}"][data-platform="desktop"] & {
    // [-1287]
    @media screen {
      .max-width(1280 - 1, @tmp-dpr, desktop);
      @media (max-width: @max-width) {
        width: 1024/@rem;
        padding-left: 40/@rem;
        padding-right: 60/@rem;
      }
    }
    // [1280-]
    @media screen {
      .min-width(1280, @tmp-dpr, desktop);
      @media (min-width: @min-width) {
        width: 1280/@rem;
        padding-left: 50/@rem;
        padding-right: 70/@rem;
      }
    }
  }
  :root[data-dpr="@{tmp-dpr}"][data-platform="mobile"] & {
    // [-1287]
    @media screen {
      .max-width(1280 - 1, @tmp-dpr, mobile);
      @media (max-width: @max-width) {
        width: 1024/@rem;
        padding-left: 40/@rem;
        padding-right: 60/@rem;
      }
    }
    // [1280-]
    @media screen {
      .min-width(1280, @tmp-dpr, mobile);
      @media (min-width: @min-width) {
        width: 1280/@rem;
        padding-left: 50/@rem;
        padding-right: 70/@rem;
      }
    }
  }
  // ./loop body
  .loop(@i + 1);
};
.loop();
*/
.cmbc-risk-notice .content-container {
  margin: 30px  0  60px 0 ;
}
.cmbc-risk-notice .content-container .content {
  font-size: 14px;
  color: #999999;
  letter-spacing: 0;
  line-height: 2;
}
.cmbc-risk-notice .mini-loading {
  height: 15.625rem;
  padding-top: 7.5rem;
}
.cmbc-risk-notice .mini-loading #fail-notice .fail-notice-pic {
  top: 7rem;
}
.cmbc-risk-notice .mini-loading #fail-notice .fail-notice-text {
  top: 9.4375rem;
}
/*
.loop (@i: 1) when (@i <= length(@base-dprs)) {
  @tmp-dpr_str: e(extract(@base-dprs, @i));
  @tmp-dpr: `Math.abs(parseInt(@{tmp-dpr_str}))`;
  // loop body
  :root[data-dpr="@{tmp-dpr}"][data-platform="desktop"] & {
    // [-1287]
    @media screen {
      .max-width(1280 - 1, @tmp-dpr, desktop);
      @media (max-width: @max-width) {
        width: 1024/@rem;
        padding-left: 40/@rem;
        padding-right: 60/@rem;
      }
    }
    // [1280-]
    @media screen {
      .min-width(1280, @tmp-dpr, desktop);
      @media (min-width: @min-width) {
        width: 1280/@rem;
        padding-left: 50/@rem;
        padding-right: 70/@rem;
      }
    }
  }
  :root[data-dpr="@{tmp-dpr}"][data-platform="mobile"] & {
    // [-1287]
    @media screen {
      .max-width(1280 - 1, @tmp-dpr, mobile);
      @media (max-width: @max-width) {
        width: 1024/@rem;
        padding-left: 40/@rem;
        padding-right: 60/@rem;
      }
    }
    // [1280-]
    @media screen {
      .min-width(1280, @tmp-dpr, mobile);
      @media (min-width: @min-width) {
        width: 1280/@rem;
        padding-left: 50/@rem;
        padding-right: 70/@rem;
      }
    }
  }
  // ./loop body
  .loop(@i + 1);
};
.loop();
*/
.investment-info {
  background: #fff;
  width: 100%;
  overflow: hidden;
}
.investment-info .no-data {
  text-align: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 200px;
  font-size: 16px;
  color: #838383;
}
.investment-info .tabs {
  margin-top: 35px;
  margin-bottom: 15px;
}
.investment-info .tabs .tab {
  display: inline-block;
  border-right: 1px solid #9B9B9B;
  padding: 0 20px;
  font-size: 14px;
  color: #999999;
}
.investment-info .tabs .tab:last-child {
  border-right: 0px;
}
.investment-info .tabs .active {
  color: #4A4A4A;
}
.investment-info .tab-panel .tabs .pane {
  white-space: normal;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-left: 0;
  padding-right: 0;
}
.investment-info .mini-loading {
  height: 15.625rem;
  padding-top: 7.5rem;
}
.investment-info .mini-loading #fail-notice .fail-notice-pic {
  top: 7rem;
}
.investment-info .mini-loading #fail-notice .fail-notice-text {
  top: 9.4375rem;
}
.investment-info .arrow-container {
  background-color: #fff;
  position: relative;
  height: 2.8125rem;
  width: 100%;
}
.investment-info .arrow-container .arrow {
  position: absolute;
  left: 50%;
  top: -0.3125rem;
  margin-left: -0.75rem;
  height: 1.5rem;
  width: 1.5rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAApBJREFUaAXtlbtrFFEUxrM7O0u02CmWLQz7XmyCjY2Ildr56kQlLCoEVqsoVkFRUItUkiCCGhBUDD4aEcwfoIWdxUKwm31qIWihgo/sy9+VvXAJcWecTMDiXBjO4557zvm++5ixMRnCgDAgDAgDwoAwIAwIA8KAMCAMCAP/MQO1Wu0IX3kwGFib3SY1oqqe67qH/NSKeAWRaIqYpWHcG9u2T2azWddrXZD5Vqs10e12lwCxd7j+cKlUWh6VKzpqUs1FIpFvRsweClTr9XrF8IWiNhqNg51Op2o07yuv5w6oLOzCLOIan63s4VgG3HSxWPyoHUEkDdsQMsfaC+h/+iFvD/squa975fQFQCWBoZ29Xu8R6qSR9JNlWZV8Pv/c8PlWyVno9/tPaHyXsegDAKZo/rXh+6vqG4DKAFPjFJyjwDnNlvJjP3AcZyaZTH5Vtp/BRT1GjkViHR1PnpfxePx0Op3+rH1e8p8A6GQwt5/duI+d0T6KN/lOFQqFV9q3nmy321s46ws0b96jVWJnubDz660Z5QsEQCXkXjg0fItGyroAdh99HhCX0H9pv5bNZnOSR+Ap9g7tQ7qxWOx4Lpd7a/h8q4EB6AochaPodwCS1D7kCgDKnOOq9hE3jX6TuK3ah3ycSCTOpFIp86Uzpr3VDQNQJThS2zhS91APGCVXo9HoFey73JvbyBN6DnDf0WcAqNZsaIQCQHfAJT8LwzdMlmn2J/a4jkGuDI/MO8MXWA0VgOqCS7qdS/qQpnev7Qowi/zJz2cymR9r54LaoQNQjdC8xW5cRF7GVD+/LzRf4cg8U/Nhjk0BoBtUrw53Yx9v+wve9vfaL1IYEAaEAWFAGBAGhAFhQBgQBoSBMBj4DTOI6ZWwDmjeAAAAAElFTkSuQmCC) no-repeat center;
  background-size: contain;
}
.investment-info .arrow-container.show-all .arrow {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAoBJREFUaAXtlLtrVFEQxnf37holaKONxGVfXRC2sRTzB6gpUmgKjYKw2CgGLFS0FGwiIRBMAoIhwRdi46vTdL4KLUIa2feWLuwt1Ow7vyM5yyFskt17d22cC4c5M/ecmW++mTkej3zCgDAgDAgDwoAwIAwIA8KAMPC/MuDtV+KFQuFIuVwe9fv9K6FQaK1fcXz9cJxKpc4AfhXfs7Va7Tv67WazafUjVk8rkM/n91Wr1WnAJraC9Xq9nwKBwEQwGPyx9Z8bvWcJZLPZYdh+BpijGhCg10lmr6H/wnY9EonMaZtb2ZMWokUu1ev1r4BpgWf/BLCHkTdZFZaHZAYbjcaDZDL5NpPJqH+uP1cVKBaLB0ql0jwoxjUSQP9mfzUajT7UNhKMA34ZvZUg54rolzn3Qp9zIh0nkMvljtHvTwkaMwKv8uqcbffqkMBAOp2+y9lJ9q3Kk8gS+pVYLGYbfjreOkqAFpgkwj3WHh0JIAsM6TWG9I+2tZMkMQLgRVbI+J+zLOtiOBz+YNg62naVAG/7wUql8ojgpwzvNuATtMJzw7bjVrWebdsz+LmgD+KjyZpGv8WQr2v7brLjBOjjEwR8jMMh7ZSAX3w+3zjMpbWtG8kgjzH8aoYOGffWqMY5fH4zbNtuW7247Ql+AP4O4j3rL/hNtqZg6rhT8Coed1/iSw32G6VvfsMk9Zk2vaENO8ldK4Cjkzh4bTj5CUMTBH9n2FxvmY0EFb7PGtTOSG6U1nyl9XayowroizhcYVDjvQav/FPNBV6wODE+6ngks1/vXUlVBdroNA67SthJUGJYxDqv4jm5L3eEAWFAGBAGhAFhQBgQBoQBYUAYEAb+FQMbVVjpBZEDNIYAAAAASUVORK5CYII=) no-repeat center;
  background-size: contain;
}
.investment-info .cmbc-page-table.full-page-table .header-item {
  display: none;
}
.ct-double-octave:after,.ct-major-eleventh:after,.ct-major-second:after,.ct-major-seventh:after,.ct-major-sixth:after,.ct-major-tenth:after,.ct-major-third:after,.ct-major-twelfth:after,.ct-minor-second:after,.ct-minor-seventh:after,.ct-minor-sixth:after,.ct-minor-third:after,.ct-octave:after,.ct-perfect-fifth:after,.ct-perfect-fourth:after,.ct-square:after{content:"";clear:both}.ct-label{fill:rgba(0,0,0,.4);color:rgba(0,0,0,.4);font-size:.75rem;line-height:1}.ct-grid-background,.ct-line{fill:none}.ct-chart-bar .ct-label,.ct-chart-line .ct-label{display:block;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex}.ct-chart-donut .ct-label,.ct-chart-pie .ct-label{dominant-baseline:central}.ct-label.ct-horizontal.ct-start{-webkit-box-align:flex-end;-webkit-align-items:flex-end;-ms-flex-align:flex-end;align-items:flex-end;-webkit-box-pack:flex-start;-webkit-justify-content:flex-start;-ms-flex-pack:flex-start;justify-content:flex-start;text-align:left;text-anchor:start}.ct-label.ct-horizontal.ct-end{-webkit-box-align:flex-start;-webkit-align-items:flex-start;-ms-flex-align:flex-start;align-items:flex-start;-webkit-box-pack:flex-start;-webkit-justify-content:flex-start;-ms-flex-pack:flex-start;justify-content:flex-start;text-align:left;text-anchor:start}.ct-label.ct-vertical.ct-start{-webkit-box-align:flex-end;-webkit-align-items:flex-end;-ms-flex-align:flex-end;align-items:flex-end;-webkit-box-pack:flex-end;-webkit-justify-content:flex-end;-ms-flex-pack:flex-end;justify-content:flex-end;text-align:right;text-anchor:end}.ct-label.ct-vertical.ct-end{-webkit-box-align:flex-end;-webkit-align-items:flex-end;-ms-flex-align:flex-end;align-items:flex-end;-webkit-box-pack:flex-start;-webkit-justify-content:flex-start;-ms-flex-pack:flex-start;justify-content:flex-start;text-align:left;text-anchor:start}.ct-chart-bar .ct-label.ct-horizontal.ct-start{-webkit-box-align:flex-end;-webkit-align-items:flex-end;-ms-flex-align:flex-end;align-items:flex-end;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center;text-anchor:start}.ct-chart-bar .ct-label.ct-horizontal.ct-end{-webkit-box-align:flex-start;-webkit-align-items:flex-start;-ms-flex-align:flex-start;align-items:flex-start;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center;text-anchor:start}.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-start{-webkit-box-align:flex-end;-webkit-align-items:flex-end;-ms-flex-align:flex-end;align-items:flex-end;-webkit-box-pack:flex-start;-webkit-justify-content:flex-start;-ms-flex-pack:flex-start;justify-content:flex-start;text-align:left;text-anchor:start}.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-end{-webkit-box-align:flex-start;-webkit-align-items:flex-start;-ms-flex-align:flex-start;align-items:flex-start;-webkit-box-pack:flex-start;-webkit-justify-content:flex-start;-ms-flex-pack:flex-start;justify-content:flex-start;text-align:left;text-anchor:start}.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-start{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:flex-end;-webkit-justify-content:flex-end;-ms-flex-pack:flex-end;justify-content:flex-end;text-align:right;text-anchor:end}.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-end{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:flex-start;-webkit-justify-content:flex-start;-ms-flex-pack:flex-start;justify-content:flex-start;text-align:left;text-anchor:end}.ct-grid{stroke:rgba(0,0,0,.2);stroke-width:1px;stroke-dasharray:2px}.ct-point{stroke-width:10px;stroke-linecap:round}.ct-line{stroke-width:4px}.ct-area{stroke:none;fill-opacity:.1}.ct-bar{fill:none;stroke-width:10px}.ct-slice-donut{fill:none;stroke-width:60px}.ct-series-a .ct-bar,.ct-series-a .ct-line,.ct-series-a .ct-point,.ct-series-a .ct-slice-donut{stroke:#d70206}.ct-series-a .ct-area,.ct-series-a .ct-slice-pie{fill:#d70206}.ct-series-b .ct-bar,.ct-series-b .ct-line,.ct-series-b .ct-point,.ct-series-b .ct-slice-donut{stroke:#f05b4f}.ct-series-b .ct-area,.ct-series-b .ct-slice-pie{fill:#f05b4f}.ct-series-c .ct-bar,.ct-series-c .ct-line,.ct-series-c .ct-point,.ct-series-c .ct-slice-donut{stroke:#f4c63d}.ct-series-c .ct-area,.ct-series-c .ct-slice-pie{fill:#f4c63d}.ct-series-d .ct-bar,.ct-series-d .ct-line,.ct-series-d .ct-point,.ct-series-d .ct-slice-donut{stroke:#d17905}.ct-series-d .ct-area,.ct-series-d .ct-slice-pie{fill:#d17905}.ct-series-e .ct-bar,.ct-series-e .ct-line,.ct-series-e .ct-point,.ct-series-e .ct-slice-donut{stroke:#453d3f}.ct-series-e .ct-area,.ct-series-e .ct-slice-pie{fill:#453d3f}.ct-series-f .ct-bar,.ct-series-f .ct-line,.ct-series-f .ct-point,.ct-series-f .ct-slice-donut{stroke:#59922b}.ct-series-f .ct-area,.ct-series-f .ct-slice-pie{fill:#59922b}.ct-series-g .ct-bar,.ct-series-g .ct-line,.ct-series-g .ct-point,.ct-series-g .ct-slice-donut{stroke:#0544d3}.ct-series-g .ct-area,.ct-series-g .ct-slice-pie{fill:#0544d3}.ct-series-h .ct-bar,.ct-series-h .ct-line,.ct-series-h .ct-point,.ct-series-h .ct-slice-donut{stroke:#6b0392}.ct-series-h .ct-area,.ct-series-h .ct-slice-pie{fill:#6b0392}.ct-series-i .ct-bar,.ct-series-i .ct-line,.ct-series-i .ct-point,.ct-series-i .ct-slice-donut{stroke:#f05b4f}.ct-series-i .ct-area,.ct-series-i .ct-slice-pie{fill:#f05b4f}.ct-series-j .ct-bar,.ct-series-j .ct-line,.ct-series-j .ct-point,.ct-series-j .ct-slice-donut{stroke:#dda458}.ct-series-j .ct-area,.ct-series-j .ct-slice-pie{fill:#dda458}.ct-series-k .ct-bar,.ct-series-k .ct-line,.ct-series-k .ct-point,.ct-series-k .ct-slice-donut{stroke:#eacf7d}.ct-series-k .ct-area,.ct-series-k .ct-slice-pie{fill:#eacf7d}.ct-series-l .ct-bar,.ct-series-l .ct-line,.ct-series-l .ct-point,.ct-series-l .ct-slice-donut{stroke:#86797d}.ct-series-l .ct-area,.ct-series-l .ct-slice-pie{fill:#86797d}.ct-series-m .ct-bar,.ct-series-m .ct-line,.ct-series-m .ct-point,.ct-series-m .ct-slice-donut{stroke:#b2c326}.ct-series-m .ct-area,.ct-series-m .ct-slice-pie{fill:#b2c326}.ct-series-n .ct-bar,.ct-series-n .ct-line,.ct-series-n .ct-point,.ct-series-n .ct-slice-donut{stroke:#6188e2}.ct-series-n .ct-area,.ct-series-n .ct-slice-pie{fill:#6188e2}.ct-series-o .ct-bar,.ct-series-o .ct-line,.ct-series-o .ct-point,.ct-series-o .ct-slice-donut{stroke:#a748ca}.ct-series-o .ct-area,.ct-series-o .ct-slice-pie{fill:#a748ca}.ct-square{display:block;position:relative;width:100%}.ct-square:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:100%}.ct-square:after{display:table}.ct-square>svg{display:block;position:absolute;top:0;left:0}.ct-minor-second{display:block;position:relative;width:100%}.ct-minor-second:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:93.75%}.ct-minor-second:after{display:table}.ct-minor-second>svg{display:block;position:absolute;top:0;left:0}.ct-major-second{display:block;position:relative;width:100%}.ct-major-second:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:88.8888888889%}.ct-major-second:after{display:table}.ct-major-second>svg{display:block;position:absolute;top:0;left:0}.ct-minor-third{display:block;position:relative;width:100%}.ct-minor-third:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:83.3333333333%}.ct-minor-third:after{display:table}.ct-minor-third>svg{display:block;position:absolute;top:0;left:0}.ct-major-third{display:block;position:relative;width:100%}.ct-major-third:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:80%}.ct-major-third:after{display:table}.ct-major-third>svg{display:block;position:absolute;top:0;left:0}.ct-perfect-fourth{display:block;position:relative;width:100%}.ct-perfect-fourth:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:75%}.ct-perfect-fourth:after{display:table}.ct-perfect-fourth>svg{display:block;position:absolute;top:0;left:0}.ct-perfect-fifth{display:block;position:relative;width:100%}.ct-perfect-fifth:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:66.6666666667%}.ct-perfect-fifth:after{display:table}.ct-perfect-fifth>svg{display:block;position:absolute;top:0;left:0}.ct-minor-sixth{display:block;position:relative;width:100%}.ct-minor-sixth:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:62.5%}.ct-minor-sixth:after{display:table}.ct-minor-sixth>svg{display:block;position:absolute;top:0;left:0}.ct-golden-section{display:block;position:relative;width:100%}.ct-golden-section:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:61.804697157%}.ct-golden-section:after{content:"";display:table;clear:both}.ct-golden-section>svg{display:block;position:absolute;top:0;left:0}.ct-major-sixth{display:block;position:relative;width:100%}.ct-major-sixth:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:60%}.ct-major-sixth:after{display:table}.ct-major-sixth>svg{display:block;position:absolute;top:0;left:0}.ct-minor-seventh{display:block;position:relative;width:100%}.ct-minor-seventh:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:56.25%}.ct-minor-seventh:after{display:table}.ct-minor-seventh>svg{display:block;position:absolute;top:0;left:0}.ct-major-seventh{display:block;position:relative;width:100%}.ct-major-seventh:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:53.3333333333%}.ct-major-seventh:after{display:table}.ct-major-seventh>svg{display:block;position:absolute;top:0;left:0}.ct-octave{display:block;position:relative;width:100%}.ct-octave:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:50%}.ct-octave:after{display:table}.ct-octave>svg{display:block;position:absolute;top:0;left:0}.ct-major-tenth{display:block;position:relative;width:100%}.ct-major-tenth:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:40%}.ct-major-tenth:after{display:table}.ct-major-tenth>svg{display:block;position:absolute;top:0;left:0}.ct-major-eleventh{display:block;position:relative;width:100%}.ct-major-eleventh:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:37.5%}.ct-major-eleventh:after{display:table}.ct-major-eleventh>svg{display:block;position:absolute;top:0;left:0}.ct-major-twelfth{display:block;position:relative;width:100%}.ct-major-twelfth:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:33.3333333333%}.ct-major-twelfth:after{display:table}.ct-major-twelfth>svg{display:block;position:absolute;top:0;left:0}.ct-double-octave{display:block;position:relative;width:100%}.ct-double-octave:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:25%}.ct-double-octave:after{display:table}.ct-double-octave>svg{display:block;position:absolute;top:0;left:0}