@charset "UTF-8";
/**
 * @desc 去掉单位
 */
/**
 * @desc 将一个值转成rem
 */
/**
 * @desc 将一个或者多个px值转成rem
 */
/**
 * @desc 获取列表第一个
 */
/**
 * @desc 获取列表最后一个
 */
/**
 * @desc 向列表前面插入
 */
/**
 * @desc 向列表指定位置插入
 */
/**
 * @desc 替换列表的某个元素 $recursive 是否全部替换
 */
/**
 * @desc 替换列表某个位置
 */
/**
 * @desc 删除列表某个元素 $recursive 是否删除所有
 */
/**
 * @desc 删除列表指定位置元素
 */
/**
 * @desc 截取列表中的一部分
 */
/**
 * @desc 列表变成字符串
 */
/**
 * @desc 将列表部分元素前置
 */
/**
 * @desc 列表是否存在
 */
/**
 * @desc 字符串分隔
 */
/**
 * @desc 字符串重复
 */
/**
 * @desc 字符串替换
 */
/*!
 *  Fonts.css -- Cross-platform Chinese fonts solution
 *
 *  Copyright (C) 2013-2015 Zeno Zeng
 *  Released under the MIT license
 *
 *  Github: https://github.com/zenozeng/fonts.css
 */
/**
 * @param $line       超出显示省略号的行数，默认：1
 * @param $substract  为预留区域百分比%，默认：0
 */
/**
 * @param $property       css属性
 * @param $values         css属性值
 * @param $support-ie     是否对不支持rem的浏览器使用px
 * @param $base           基准字体大小，如果不传会搜索全局变量 $base-font，如果没有默认为 16px
 */
/**
 * @desc  绘制箭头 http://lugolabs.com/caret
 * @param $width
 * @param $border-width
 * @param $direction: top bottom left right
 * @param $background-color
 * @param $position 默认relative
 */
/**
 * @desc  三角形
 * @param $width
 * @param $height
 * @param $color
 * @param $direction: top bottom left right
 */
/**
 * @desc 通过背景图实现三角形
 */
/**
 * @param $direction: horizontal vertical both
 */
/**
 * @param $min   min-width
 * @param $max   max-width
 */
/**
 * @param $filename
 * @param $retina-filename   多个或者一个
 * @param $ratio             多个或者一个
 * @param $background-size
 */
/**
 * @param $color
 * @param $direction: top bottom left right vertical all radius,  default: all
 */
/**
 * @param $color
 * @param $direction: top bottom left right vertical all,  default: all
 * @param $pseudo: after before, default: after
 */
/**
 * @param $color
 * @param $direction: top bottom left right vertical all radius,  default: all
 * @param $pseudo: after before, default: after
 * @param $radius default: 1px
 */
/**
 * @desc  气泡提示: http://kazzkiq.github.io/balloon.css/
 * @param $direction:            top bottom left right
 * @param $bg                    气泡提示背景颜色
 * @param $trangle-width         气泡小三角形宽度
 * @param $trangle-height        气泡小三角形高度
 * @param $color                 气泡文字颜色
 * @param $font                  气泡文字大小
 */
/**
 * @param $height  线高  default: 1px
 * @param $space   线距离文字两边的距离 default: 0.5em
 * @param $color   线颜色 default: inherit
 * @param $style   border-style default: solid
 * @param $adjust  线距离底部的距离，默认垂直居中 default: false
 * @param $double  是否需要两条线
 */
/**
 * [hc description] 水平居中
 * @return {[type]} [description]
 */
/**
 * [vc description] 垂直居中
 * @return {[type]} [description]
 */
/**
 * [vc description] 垂直居中
 * @return {[type]} [description]
 */
/**
 * [between description] 两端对齐
 * @return {[type]} [description]
 */
/**
 * [between description] 两端对齐
 * @return {[type]} [description]
 */
/**
 * [between description] 左边对齐
 * @return {[type]} [description]
 */
/**
 * [between description] 右边对齐
 * @return {[type]} [description]
 */
html, body {
  width: 100%;
  height: 100%; }

#app {
  padding-bottom: 80px;
  padding-bottom: 2rem;
  padding-top: 60px;
  padding-top: 1.5rem; }

[v-clock] {
  display: none !important; }

.fundTracking {
  background: #fff;
  padding: 0 30px;
  padding: 0 0.75rem;
  margin-bottom: 20px;
  margin-bottom: 0.5rem; }
  .fundTracking-title {
    height: 75px;
    height: 1.875rem;
    color: #222;
    vertical-align: ceil; }
    .fundTracking-title img {
      width: 100%;
      display: block; }
  .fundTracking-content {
    width: 100%;
    overflow: hidden; }
    .fundTracking-content-list {
      width: 33.33%;
      float: left;
      height: auto; }
      .fundTracking-content-list a {
        height: auto;
        margin: auto;
        display: block;
        width: 208px;
        width: 5.2rem;
        margin-bottom: 60px;
        margin-bottom: 1.5rem;
        text-align: center; }
        .fundTracking-content-list a img {
          width: 128px;
          width: 3.2rem;
          height: 128px;
          height: 3.2rem; }
        .fundTracking-content-list a span {
          margin-bottom: 10px;
          margin-bottom: 0.25rem;
          display: block;
          color: #666;
          font-size: 22px;
          font-size: 0.55rem;
          line-height: 36px;
          line-height: 0.9rem; }
        .fundTracking-content-list a p {
          border-radius: 25px;
          border-radius: 0.625rem;
          height: 48px;
          height: 1.2rem;
          width: 113px;
          width: 2.825rem;
          font-size: 22px;
          font-size: 0.55rem;
          line-height: 40px;
          line-height: 1rem;
          padding: 3px;
          padding: 0.075rem;
          background: #fef5f6;
          font-weight: 900;
          text-align: center;
          color: #e50010;
          border: #e50010 solid 1px;
          border: #e50010 solid 0.025rem;
          margin: 0 auto; }
        .fundTracking-content-list a .off {
          line-height: 30px;
          line-height: 0.75rem;
          background: #e4000f;
          color: #fff;
          border: #e4000f solid;
          text-align: center; }
  .fundTracking:nth-child(3) a {
    width: 100% !important; }
  .fundTracking:nth-child(4) a {
    width: 100% !important; }

.analysisSuggestion {
  background: #fff;
  padding-left: 30px;
  padding-left: 0.75rem;
  padding-right: 30px;
  padding-right: 0.75rem;
  padding-bottom: 41px;
  padding-bottom: 1.025rem; }
  .analysisSuggestion-title {
    height: 75px;
    height: 1.875rem;
    color: #222;
    display: flex;
    align-items: center; }
    .analysisSuggestion-title img {
      width: 100%;
      display: block; }
    .analysisSuggestion-title span {
      height: 30px;
      height: 0.75rem;
      margin-right: 20px;
      margin-right: 0.5rem;
      width: 30px;
      width: 0.75rem;
      background: url(../images/homecn.png) no-repeat;
      background-size: 100%;
      display: block; }
  .analysisSuggestion-content {
    display: flex;
    overflow: hidden;
    width: 100%; }
    .analysisSuggestion-content-list {
      width: 33.33%;
      float: left;
      height: 170px;
      height: 4.25rem;
      margin-bottom: 10px;
      margin-bottom: 0.25rem; }
      .analysisSuggestion-content-list a {
        margin: auto;
        display: block;
        width: 170px;
        width: 4.25rem;
        padding-top: 15px;
        padding-top: 0.375rem;
        display: flex;
        flex-flow: column;
        align-items: center;
        text-align: inherit; }
        .analysisSuggestion-content-list a img {
          width: 60px;
          width: 1.5rem; }
        .analysisSuggestion-content-list a span {
          width: 100%;
          margin-top: 15px;
          margin-top: 0.375rem;
          align-items: inherit;
          color: #444;
          font-size: 25px;
          font-size: 0.625rem;
          line-height: 36px;
          line-height: 0.9rem;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 2;
          overflow: hidden;
          text-align: inherit; }
        .analysisSuggestion-content-list a .active {
          text-align: center; }

.mint-popup {
  width: 580px;
  width: 14.5rem;
  background: #fff;
  border-radius: 12px;
  border-radius: 0.3rem; }
  .mint-popup .title {
    height: 112px;
    height: 2.8rem;
    line-height: 112px;
    line-height: 2.8rem;
    text-align: center;
    color: #222;
    font-size: 38px;
    font-size: 0.95rem; }
  .mint-popup .content {
    font-size: 32px;
    font-size: 0.8rem;
    padding: 0 41px;
    padding: 0 1.025rem;
    color: #222;
    line-height: 38px;
    line-height: 0.95rem;
    text-align: justify;
    text-align: center; }
  .mint-popup .btnx {
    height: 88px;
    height: 2.2rem;
    margin-top: 27px;
    margin-top: 0.675rem;
    line-height: 83px;
    line-height: 2.075rem;
    text-align: center;
    font-weight: 700;
    color: #FF0000;
    font-size: 36px;
    font-size: 0.9rem;
    border-top: 1px solid #e0e0e0; }

.box-mask {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 500; }
  .box-mask .teacher {
    padding-top: 70px;
    padding-top: 1.75rem;
    z-index: 600;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    display: flex;
    flex-direction: column;
    height: 890px;
    height: 22.25rem;
    width: 586px;
    width: 14.65rem;
    text-align: center;
    background: #fff;
    border-radius: 8px;
    border-radius: 0.2rem; }
    .box-mask .teacher-title {
      color: #e50010;
      font-size: 36px;
      font-size: 0.9rem;
      height: 36px;
      height: 0.9rem;
      margin-bottom: 0;
      z-index: 999;
      margin-bottom: 25px;
      margin-bottom: 0.625rem; }
    .box-mask .teacher .wrap-list {
      overflow-y: auto;
      display: flex;
      padding: 0px 25px 30px;
      padding: 0 0.625rem 0.75rem;
      flex: 1;
      display: flex;
      justify-content: space-around;
      align-items: center;
      flex-wrap: wrap;
      width: 100%; }
      .box-mask .teacher .wrap-list .list {
        margin-top: 5px;
        margin-top: 0.125rem;
        display: flex;
        flex-flow: column;
        align-items: center;
        justify-content: space-between;
        width: 196px;
        width: 4.9rem;
        height: 315px;
        height: 7.875rem; }
        .box-mask .teacher .wrap-list .list .img {
          height: 196px;
          height: 4.9rem;
          width: 196px;
          width: 4.9rem;
          transition: all 0.5s;
          margin-bottom: 30px;
          margin-bottom: 0.75rem; }
          .box-mask .teacher .wrap-list .list .img .img_hea {
            height: 196px;
            height: 4.9rem;
            width: 196px;
            width: 4.9rem;
            overflow: hidden;
            border-radius: 50%; }
            .box-mask .teacher .wrap-list .list .img .img_hea img {
              width: 100%;
              height: 100%; }
        .box-mask .teacher .wrap-list .list .name {
          font-size: 28px;
          font-size: 0.7rem; }
    .box-mask .teacher .btn {
      position: relative;
      z-index: 999;
      bottom: 0;
      height: 87px;
      height: 2.175rem;
      border-top: 1px solid #e0e0e0;
      border-top: 0.025rem solid #e0e0e0;
      display: flex;
      justify-content: space-around;
      line-height: 87px;
      line-height: 2.175rem; }
      .box-mask .teacher .btn-chat {
        color: #e50010;
        width: 50%; }
      .box-mask .teacher .btn-cancle {
        color: #999;
        width: 50%;
        border-right: 1px solid #e0e0e0;
        border-right: 0.025rem solid #e0e0e0; }
    .box-mask .teacher .active {
      z-index: 999; }
      .box-mask .teacher .active .img {
        position: relative;
        transition: all 0.5s;
        transform: scale(1.1); }
        .box-mask .teacher .active .img .img_hea {
          height: 182px;
          height: 4.55rem;
          width: 182px;
          width: 4.55rem;
          overflow: hidden;
          border-radius: 50%;
          border: 6px solid #e50010;
          border: 0.15rem solid #e50010; }
          .box-mask .teacher .active .img .img_hea img {
            width: 100%;
            height: 100%; }
        .box-mask .teacher .active .img .sure_act {
          position: absolute;
          right: 0px;
          right: 0;
          bottom: 0px;
          bottom: 0;
          height: 60px;
          height: 1.5rem;
          width: 60px;
          width: 1.5rem; }
          .box-mask .teacher .active .img .sure_act img {
            width: 100%;
            height: 100%; }