@charset "UTF-8";
* {
  padding: 0px;
  margin: 0px;
  text-decoration: none;
  list-style-type: none;
  font-family: "Open Sans", Arial, "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", "STHeiti", "WenQuanYi Micro Hei", SimSun, sans-serif; }

a {
  text-decoration: none; }

.in {
  position: absolute;
  height: inherit;
  background: #007fff;
  animation: loading 1.2s linear infinite; }

.out {
  height: 3px;
  display: block; }

@-webkit-keyframes loading {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }
@-webkit-keyframes showOption {
  0% {
    width: 0;
    height: 0; }
  50% {
    width: 100%;
    height: 2px; }
  100% {
    width: 100%;
    height: 105px; } }
.arrowRotate-enter-active, .arrowRotate-enter-active {
  transform: rotate(0deg); }

.arrowRotate-enter, .arrowRotate-leave-active {
  transform: rotate(180deg); }

.loadwrap {
  width: 100%;
  text-align: center;
  display: block;
  position: relative;
  bottom: 0;
  left: 0; }
  .loadwrap p {
    padding: 0px;
    height: 100%;
    box-sizing: border-box; }
    .loadwrap p .loadtext {
      display: block;
      margin-bottom: 25px;
      font-size: 16px; }
    .loadwrap p .load {
      animation: loading 1s infinite linear;
      display: inline-block;
      margin: 25px; }

.fade-enter-active, .fade-leave-active {
  transition: opacity 0.2s;
  z-index: 102;
  position: relative; }

.fade-enter, .fade-leave-active {
  opacity: 0;
  z-index: 102;
  position: relative; }

.primary-button {
  width: 67px;
  height: 38px;
  color: white;
  font-size: 13px;
  background-color: #C5002B;
  border: none;
  outline: none;
  border-radius: 3px;
  cursor: pointer;
  margin-left: 20px;
  margin-top: 20px;
  transition: all ease 0.2s; }
  .primary-button:hover {
    background-color: #C5002B; }
  .primary-button:active {
    background-color: #008c88; }

html, body {
  height: 100%;
  width: 100%;
  font-family: PingFangSC-Regular, Arial; }

.mobile {
  text-align: center;
  margin-top: 142px; }
  .mobile img {
    width: 102px;
    height: 102px;
    margin-bottom: 50px; }
  .mobile p {
    font-size: 18px;
    color: #38454A;
    line-height: 29px; }

#app, #detail {
  background-color: #f3f5f7;
  width: 100%; }

.warp {
  white-space: nowrap;
  height: 100%;
  max-width: 1440px;
  margin: 0 auto;
  width: 100%; }
  .warp .index {
    width: 100%;
    height: 812px;
    text-align: center;
    background-color: white;
    box-sizing: border-box;
    padding-top: 60px;
    margin-top: 55px; }
    .warp .index .title {
      font-size: 36px;
      color: #333; }
    .warp .index .subtitle {
      font-size: 16px;
      color: #809096;
      margin-top: 10px; }
    .warp .index .TMTBaseContainer {
      margin: 60px auto 90px;
      width: 77.7777777778%;
      position: relative; }
      .warp .index .TMTBaseContainer > div {
        display: inline-block;
        width: 25%;
        height: 330px;
        vertical-align: top;
        transition: all 0.5s ease;
        position: relative; }
        .warp .index .TMTBaseContainer > div:hover {
          transform: scale(1.2, 1.2);
          box-shadow: 0 5px 40px rgba(0, 0, 0, 0.3);
          cursor: pointer;
          z-index: 100; }
        .warp .index .TMTBaseContainer > div .img {
          width: 120px;
          height: 120px;
          border-radius: 50%;
          background-color: #fff;
          position: relative;
          margin: 35px auto 0; }
          .warp .index .TMTBaseContainer > div .img img {
            width: 50%;
            height: auto;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            margin: auto; }
        .warp .index .TMTBaseContainer > div .explanation {
          margin: 22px auto 30px; }
          .warp .index .TMTBaseContainer > div .explanation h2 {
            font-size: 18px;
            margin-bottom: 5px;
            font-weight: normal; }
          .warp .index .TMTBaseContainer > div .explanation h4 {
            font-size: 13px;
            font-weight: normal; }
        .warp .index .TMTBaseContainer > div p {
          display: block;
          width: 96px;
          height: 40px;
          margin: 0 auto;
          line-height: 40px;
          border-radius: 3px;
          color: #fff;
          font-size: 14px; }
      .warp .index .TMTBaseContainer .db {
        background-color: #EC704D; }
        .warp .index .TMTBaseContainer .db > a {
          color: #6A2B19; }
        .warp .index .TMTBaseContainer .db p {
          background-color: #C24E2D; }
      .warp .index .TMTBaseContainer .invest {
        background-color: #84C065; }
        .warp .index .TMTBaseContainer .invest > a {
          color: #395829; }
        .warp .index .TMTBaseContainer .invest p {
          background-color: #5F8E47; }
      .warp .index .TMTBaseContainer .wz {
        background-color: #8F52A8; }
        .warp .index .TMTBaseContainer .wz > a {
          color: #371C42; }
        .warp .index .TMTBaseContainer .wz p {
          background-color: #6B3781; }
      .warp .index .TMTBaseContainer .report {
        background-color: #71DBFA; }
        .warp .index .TMTBaseContainer .report > a > div {
          color: #264E59; }
        .warp .index .TMTBaseContainer .report p {
          background-color: #459FB9; }
    .warp .index .upgrade {
      width: 100%; }
      .warp .index .upgrade span {
        display: inline-block;
        width: auto;
        color: #C5002B;
        font-size: 14px;
        margin: 0 20px; }
      .warp .index .upgrade .line {
        height: 1px;
        background-color: #C5002B;
        display: inline-block;
        width: 72px;
        display: inline-block;
        vertical-align: middle; }
      .warp .index .upgrade .upNow {
        height: 50px;
        border-radius: 25px;
        display: inline-block;
        line-height: 50px;
        margin: 30px auto 0;
        background-color: #C5002B;
        color: #fff;
        box-sizing: border-box;
        padding: 0 30px; }
  .warp .left {
    width: 18.0555555556%;
    max-width: 260px;
    min-width: 185px;
    min-height: 600px;
    height: 100%;
    display: inline-block;
    vertical-align: top;
    position: fixed;
    background-color: #fff; }
    .warp .left .sideNavLogo {
      height: 127px; }
      .warp .left .sideNavLogo img {
        border: none;
        width: 128px;
        height: 27px;
        position: absolute;
        left: 40px;
        top: 50px; }
        .warp .left .sideNavLogo img:hover {
          cursor: pointer; }
    .warp .left .sideNavs {
      width: 100%;
      height: auto; }
      .warp .left .sideNavs .sideOption {
        width: 84.61%;
        height: 40px;
        margin: 8px 7.7%;
        line-height: 40px;
        border-radius: 3px;
        font-weight: 500;
        font-size: 13px; }
        .warp .left .sideNavs .sideOption a {
          color: #546369;
          transition: all ease 0.2s; }
          .warp .left .sideNavs .sideOption a:hover {
            color: #C5002B;
            text-decoration: underline; }
        .warp .left .sideNavs .sideOption.on {
          color: #C5002B;
          background-color: #FFF9F2;
          cursor: pointer; }
          .warp .left .sideNavs .sideOption.on a {
            color: #C5002B; }
          .warp .left .sideNavs .sideOption.on.db span {
            background-image: url(img/db_on.svg); }
          .warp .left .sideNavs .sideOption.on.invest span {
            background-image: url(img/invest_on.svg); }
          .warp .left .sideNavs .sideOption.on.wz span {
            background-image: url(img/wz_on.svg); }
          .warp .left .sideNavs .sideOption.on.report span {
            background-image: url(img/report_on.svg); }
        .warp .left .sideNavs .sideOption:hover {
          color: #C5002B;
          cursor: pointer; }
        .warp .left .sideNavs .sideOption span {
          width: 21px;
          height: 17px;
          display: inline-block;
          background-size: 21px 17px;
          vertical-align: sub;
          margin: 0 20px; }
        .warp .left .sideNavs .sideOption img {
          width: 21px;
          height: 17px;
          vertical-align: text-bottom;
          margin: auto 21px auto 20px; }
      .warp .left .sideNavs .db span {
        background-image: url(img/db_off.svg); }
      .warp .left .sideNavs .invest span {
        background-image: url(img/invest_off.svg); }
      .warp .left .sideNavs .wz span {
        background-image: url(img/wz_off.svg); }
      .warp .left .sideNavs .report span {
        background-image: url(img/report_off.svg); }
    .warp .left .sideFooter {
      width: 84.6153846154%;
      margin: 0 auto;
      padding: 0 7.6923076923%;
      position: absolute;
      bottom: 20px; }
      .warp .left .sideFooter .backToTMT {
        width: 110px;
        height: 31px;
        color: #C5002B;
        font-size: 12px;
        line-height: 33px;
        background: #FFFFFF;
        border: 1px solid #C5002B;
        border-radius: 3px;
        text-align: center;
        margin: 20px auto; }
        .warp .left .sideFooter .backToTMT:hover {
          cursor: pointer;
          background: #F4FFFF; }
        .warp .left .sideFooter .backToTMT img {
          border: none;
          width: 14px;
          height: 13px;
          vertical-align: sub;
          margin-right: 8px; }
        .warp .left .sideFooter .backToTMT a {
          color: #C5002B;
          display: block; }
      .warp .left .sideFooter .info {
        text-align: center;
        border-top: solid 1px #ececec;
        padding-top: 10px; }
        .warp .left .sideFooter .info .mb10 {
          margin-bottom: 10px; }
        .warp .left .sideFooter .info .userinfo {
          font-size: 13px;
          color: #C5002B;
          height: 50px;
          line-height: 50px; }
          .warp .left .sideFooter .info .userinfo a {
            color: #C5002B; }
          .warp .left .sideFooter .info .userinfo img {
            width: 32px;
            height: 32px;
            border-radius: 50%;
            display: inline-block;
            vertical-align: middle;
            margin-right: 10px; }
          .warp .left .sideFooter .info .userinfo span {
            display: inline-block;
            vertical-align: middle; }
            .warp .left .sideFooter .info .userinfo span:hover {
              text-decoration: underline; }
          .warp .left .sideFooter .info .userinfo .username:hover {
            text-decoration: underline; }
          .warp .left .sideFooter .info .userinfo .dot:hover {
            text-decoration: none !important; }
          .warp .left .sideFooter .info .userinfo .outside {
            transform: scale(0.55); }
        .warp .left .sideFooter .info .about {
          font-size: 12px;
          color: #C5002B;
          height: 53px;
          line-height: 50px; }
          .warp .left .sideFooter .info .about a {
            color: #C5002B; }
            .warp .left .sideFooter .info .about a:hover {
              text-decoration: underline; }
          .warp .left .sideFooter .info .about span {
            margin: 0 5px; }
        .warp .left .sideFooter .info .rights {
          font-size: 12px;
          color: #666; }
          .warp .left .sideFooter .info .rights span {
            font-size: 13px;
            vertical-align: bottom; }
  .warp .right {
    width: 75%;
    height: 100%;
    display: inline-block;
    vertical-align: top;
    background-color: #f3f5f7;
    padding: 0 3.4722222222%;
    margin-left: 20.8333333333%;
    min-height: 990px;
    overflow: auto;
    padding-right: 0;
    padding-left: 0; }
    .warp .right .rightHeader {
      width: 75%;
      max-width: 1080px;
      height: 102px;
      min-width: 0 !important;
      border-bottom: solid 1px #e1e4e8;
      position: fixed;
      background-color: #f3f5f7;
      z-index: 100; }
      .warp .right .rightHeader .rightNav {
        display: inline-block;
        height: inherit; }
        .warp .right .rightHeader .rightNav span {
          display: inline-block;
          height: 100px;
          line-height: 130px;
          font-weight: 600;
          font-size: 14px;
          color: #38454a;
          margin-right: 46px;
          transition: all ease 0.2s; }
          .warp .right .rightHeader .rightNav span:hover {
            color: #C5002B;
            cursor: pointer; }
          .warp .right .rightHeader .rightNav span.on {
            color: #C5002B;
            border-bottom: solid #C5002B;
            cursor: pointer; }
      .warp .right .rightHeader .rightNavTree {
        display: inline-block;
        height: inherit; }
        .warp .right .rightHeader .rightNavTree span {
          display: inline-block;
          height: 100px;
          line-height: 130px;
          font-weight: 600;
          font-size: 14px;
          color: #546369;
          vertical-align: top; }
          .warp .right .rightHeader .rightNavTree span img {
            margin: 0 15px; }
        .warp .right .rightHeader .rightNavTree .rightNavTree_first a {
          color: #C5002B; }
      .warp .right .rightHeader .rightHeaderSearch {
        display: inline-block;
        width: 222px;
        height: 40px;
        position: absolute;
        right: 0;
        top: 45px;
        transition: all ease 0.4s; }
        .warp .right .rightHeader .rightHeaderSearch.active {
          width: 35%; }
          .warp .right .rightHeader .rightHeaderSearch.active button {
            background-color: #C5002B;
            color: white; }
        .warp .right .rightHeader .rightHeaderSearch form {
          width: 100%;
          height: 100%;
          position: relative; }
          .warp .right .rightHeader .rightHeaderSearch form img {
            width: 12px;
            height: 12px; }
          .warp .right .rightHeader .rightHeaderSearch form input {
            height: 38px;
            border: solid 1px #D0D4D9;
            border-radius: 3px;
            padding: 0 0 0 10px;
            outline: none;
            width: 100%;
            display: inline-block;
            box-sizing: border-box; }
            .warp .right .rightHeader .rightHeaderSearch form input.show {
              border-bottom-right-radius: 0;
              border-bottom-left-radius: 0; }
          .warp .right .rightHeader .rightHeaderSearch form button {
            width: 42px;
            height: 38px;
            position: absolute;
            top: 0px;
            right: 0;
            border: none;
            z-index: 20;
            background-color: transparent;
            outline: none;
            border-top-right-radius: 3px;
            border-bottom-right-radius: 3px;
            color: #A9A9A9;
            transition: all ease 0.4s; }
        .warp .right .rightHeader .rightHeaderSearch .searchList {
          display: none;
          background: #FFFFFF;
          border: 1px solid #D0D4D9;
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
          transition: all ease 0.4s;
          position: relative;
          top: -3px;
          border-radius: 3px;
          border-top-left-radius: 0;
          border-top-right-radius: 0;
          max-height: 177px;
          overflow: auto; }
          .warp .right .rightHeader .rightHeaderSearch .searchList.on {
            display: block; }
          .warp .right .rightHeader .rightHeaderSearch .searchList li {
            height: 24px;
            font-size: 13px;
            padding: 10px 14px;
            line-height: 24px;
            border-bottom: 1px solid #ECECEC; }
            .warp .right .rightHeader .rightHeaderSearch .searchList li:hover, .warp .right .rightHeader .rightHeaderSearch .searchList li.on {
              background-color: #E8F9F8; }
              .warp .right .rightHeader .rightHeaderSearch .searchList li:hover i, .warp .right .rightHeader .rightHeaderSearch .searchList li.on i {
                background-color: white; }
            .warp .right .rightHeader .rightHeaderSearch .searchList li.loading {
              text-align: center;
              color: #888; }
              .warp .right .rightHeader .rightHeaderSearch .searchList li.loading span {
                display: inline-block;
                color: #C5002B;
                margin-right: 5px;
                float: none;
                animation: loading 1.2s linear infinite; }
            .warp .right .rightHeader .rightHeaderSearch .searchList li.none span {
              float: right;
              font-size: 14px;
              color: #a3b2b7;
              background-color: #e2e6e7;
              border-radius: 50%;
              width: 15px;
              height: 15px;
              text-align: center;
              vertical-align: middle;
              line-height: 16px;
              position: relative;
              top: 5px;
              cursor: pointer; }
            .warp .right .rightHeader .rightHeaderSearch .searchList li i {
              float: right;
              background: #E8F9F8;
              border-radius: 3px;
              padding: 0 4px;
              color: #C5002B;
              line-height: 21px;
              position: relative;
              top: 2px;
              font-style: normal;
              font-size: 13px; }
            .warp .right .rightHeader .rightHeaderSearch .searchList li span {
              float: left; }
    .warp .right .reportList {
      width: 100%;
      height: 100%;
      margin-top: 125px; }
      .warp .right .reportList .buyWarning {
        margin-bottom: 20px;
        font-size: 13px;
        color: #546369; }
      .warp .right .reportList .reportSingle {
        box-sizing: border-box;
        background-color: #fff;
        border: solid 1px #e6e9ea;
        width: 100%;
        height: 340px;
        padding: 40px;
        border-radius: 3px;
        display: table;
        margin-bottom: 20px; }
        .warp .right .reportList .reportSingle:last-child {
          margin-bottom: 40px; }
        .warp .right .reportList .reportSingle > div {
          display: table-cell;
          vertical-align: top;
          white-space: normal; }
        .warp .right .reportList .reportSingle .reportLogo {
          width: 28.7037037037%; }
          .warp .right .reportList .reportSingle .reportLogo img {
            width: 100%;
            height: auto;
            border: none; }
        .warp .right .reportList .reportSingle .reportProfile {
          width: 63.8888888889%;
          padding-left: 3%; }
          .warp .right .reportList .reportSingle .reportProfile .reportExplain .reportName {
            font-size: 24px;
            color: #38454a;
            margin-bottom: 10px;
            font-weight: 500; }
          .warp .right .reportList .reportSingle .reportProfile .reportExplain .releasetime {
            font-size: 13px;
            color: #A1B0B5;
            margin-bottom: 20px;
            margin-top: 10px; }
            .warp .right .reportList .reportSingle .reportProfile .reportExplain .releasetime .download {
              float: right; }
              .warp .right .reportList .reportSingle .reportProfile .reportExplain .releasetime .download a {
                color: #C5002B;
                text-decoration: underline; }
          .warp .right .reportList .reportSingle .reportProfile .reportExplain .profile {
            font-size: 13px;
            color: #1b2326; }
          .warp .right .reportList .reportSingle .reportProfile hr {
            width: 100%;
            border: none;
            margin: 20px auto 20px;
            height: 1px;
            background-color: #CCD7DB; }
          .warp .right .reportList .reportSingle .reportProfile .proUserPrice .explain {
            font-size: 14px;
            color: #e73140;
            margin-bottom: 10px; }
          .warp .right .reportList .reportSingle .reportProfile .proUserPrice .price .originalPrice {
            font-size: 14px;
            display: block;
            color: #778380;
            margin-bottom: 10px;
            text-decoration: line-through; }
          .warp .right .reportList .reportSingle .reportProfile .proUserPrice .price .floatLeft {
            float: left; }
            .warp .right .reportList .reportSingle .reportProfile .proUserPrice .price .floatLeft span {
              display: block;
              vertical-align: text-bottom; }
            .warp .right .reportList .reportSingle .reportProfile .proUserPrice .price .floatLeft .currentPrice {
              line-height: 40px;
              font-size: 40px;
              color: #e73140;
              text-indent: -0.2em; }
          .warp .right .reportList .reportSingle .reportProfile .proUserPrice .price .floatRight {
            float: right; }
            .warp .right .reportList .reportSingle .reportProfile .proUserPrice .price .floatRight a.buy {
              display: inline-block;
              float: right;
              width: 112px;
              height: 38px;
              font-size: 13px;
              background-color: #e73140;
              color: white;
              line-height: 38px;
              text-align: center;
              border-radius: 3px;
              transition: all ease 0.2s;
              box-shadow: 0 4px 6px 0 rgba(235, 81, 126, 0.6); }
              .warp .right .reportList .reportSingle .reportProfile .proUserPrice .price .floatRight a.buy:hover {
                background-color: #e73140; }
            .warp .right .reportList .reportSingle .reportProfile .proUserPrice .price .floatRight span.download {
              color: #a1b0b5;
              font-size: 13px; }
              .warp .right .reportList .reportSingle .reportProfile .proUserPrice .price .floatRight span.download a {
                color: #C5002B; }
          .warp .right .reportList .reportSingle .reportProfile .generalUserPrice .price {
            margin-bottom: 20px; }
            .warp .right .reportList .reportSingle .reportProfile .generalUserPrice .price .floatLeft {
              float: left; }
              .warp .right .reportList .reportSingle .reportProfile .generalUserPrice .price .floatLeft .currentPrice {
                line-height: 40px;
                font-size: 40px;
                color: #e73140; }
            .warp .right .reportList .reportSingle .reportProfile .generalUserPrice .price .floatRight {
              float: right;
              position: relative; }
              .warp .right .reportList .reportSingle .reportProfile .generalUserPrice .price .floatRight .msgBuyBox {
                width: 133px;
                height: 144px;
                position: absolute;
                background: #FFFFFF;
                border: 1px solid #F0F0F0;
                box-shadow: 0 1px 4px 0 rgba(33, 184, 143, 0.29);
                z-index: 10;
                top: -148px;
                right: -8px;
                opacity: 0;
                transition: all ease 0.5s;
                z-index: -1; }
                .warp .right .reportList .reportSingle .reportProfile .generalUserPrice .price .floatRight .msgBuyBox .background {
                  width: 100%;
                  height: 100%;
                  background-color: white;
                  position: relative;
                  z-index: 26;
                  text-align: center; }
                  .warp .right .reportList .reportSingle .reportProfile .generalUserPrice .price .floatRight .msgBuyBox .background img {
                    width: 79px;
                    height: auto;
                    margin: 10px auto 5px; }
                  .warp .right .reportList .reportSingle .reportProfile .generalUserPrice .price .floatRight .msgBuyBox .background span {
                    display: block;
                    font-size: 14px;
                    color: #666;
                    line-height: 20px; }
                .warp .right .reportList .reportSingle .reportProfile .generalUserPrice .price .floatRight .msgBuyBox .triangle {
                  width: 14.14px;
                  height: 14.14px;
                  position: absolute;
                  transform: rotate(45deg);
                  background: #FFFFFF;
                  border: 1px solid #F0F0F0;
                  box-shadow: 0 1px 4px 0 rgba(33, 184, 143, 0.29);
                  bottom: -8px;
                  left: 60px;
                  z-index: 20; }
              .warp .right .reportList .reportSingle .reportProfile .generalUserPrice .price .floatRight a {
                display: inline-block;
                float: right;
                width: 112px;
                height: 38px;
                font-size: 13px;
                background-color: #e73140;
                color: white;
                line-height: 38px;
                text-align: center;
                border-radius: 3px;
                box-shadow: 0 4px 6px 0 rgba(235, 81, 126, 0.6); }
                .warp .right .reportList .reportSingle .reportProfile .generalUserPrice .price .floatRight a:hover {
                  background-color: #e73140; }
          .warp .right .reportList .reportSingle .reportProfile .generalUserPrice .toPro {
            font-size: 14px;
            color: #344750; }
            .warp .right .reportList .reportSingle .reportProfile .generalUserPrice .toPro a {
              color: #e73140;
              text-decoration: underline;
              padding: 0 2px 0 4px; }
            .warp .right .reportList .reportSingle .reportProfile .generalUserPrice .toPro .proPrice {
              color: #e73140;
              font-size: 22px; }
    .warp .right .reportDetail {
      width: 100%;
      height: 100%;
      box-sizing: border-box;
      padding: 0 1.9230769231%;
      margin-top: 131px; }
      .warp .right .reportDetail .reportDetailLogo {
        box-sizing: border-box;
        vertical-align: top;
        white-space: normal;
        width: 18.75%;
        height: auto;
        margin-right: 2.7777777778%;
        display: inline-block;
        padding: 20px;
        text-align: center;
        background-color: white;
        max-width: 270px;
        min-width: 192px;
        position: fixed; }
        .warp .right .reportDetail .reportDetailLogo .reportDetailLogoGeneral img {
          width: 100%;
          height: auto;
          margin-bottom: 10px; }
        .warp .right .reportDetail .reportDetailLogo .reportDetailLogoGeneral .reportName {
          font-size: 14px;
          color: #344750;
          margin-bottom: 10px;
          text-align: left; }
        .warp .right .reportDetail .reportDetailLogo .reportDetailLogoGeneral .releasetime {
          font-size: 13px;
          color: #a1b0b5;
          text-align: left; }
        .warp .right .reportDetail .reportDetailLogo hr {
          width: 100%;
          border: none;
          margin: 20px auto 10px;
          height: 1px;
          background-color: #CCD7DB; }
        .warp .right .reportDetail .reportDetailLogo .reportDetailLogoProUser span {
          display: block; }
        .warp .right .reportDetail .reportDetailLogo .reportDetailLogoProUser .originalPrice {
          font-size: 14px;
          color: #778380;
          text-decoration: line-through;
          margin-bottom: 20px; }
        .warp .right .reportDetail .reportDetailLogo .reportDetailLogoProUser .explain {
          font-size: 14px;
          color: #e73140;
          margin-bottom: 3px; }
        .warp .right .reportDetail .reportDetailLogo .reportDetailLogoProUser .currentPrice {
          font-size: 30px;
          color: #e73140;
          letter-spacing: 0;
          line-height: 40px;
          margin-bottom: 20px; }
        .warp .right .reportDetail .reportDetailLogo .reportDetailLogoProUser a {
          display: inline-block;
          width: 112px;
          height: 38px;
          font-size: 13px;
          background-color: #e73140;
          color: white;
          line-height: 38px;
          text-align: center;
          border-radius: 3px;
          transition: all ease 0.2s;
          box-shadow: 0 4px 6px 0 rgba(235, 81, 126, 0.6); }
          .warp .right .reportDetail .reportDetailLogo .reportDetailLogoProUser a:hover {
            background-color: #e73140; }
        .warp .right .reportDetail .reportDetailLogo .reportDetailLogoGeneralUser span {
          display: block;
          font-size: 14px;
          color: #666; }
        .warp .right .reportDetail .reportDetailLogo .reportDetailLogoGeneralUser .currentPrice {
          font-size: 30px;
          color: #e73140;
          letter-spacing: 0;
          line-height: 40px;
          margin-bottom: 0px; }
        .warp .right .reportDetail .reportDetailLogo .reportDetailLogoGeneralUser .proPrice {
          color: #e73140;
          margin: 10px 0;
          font-weight: normal;
          display: inline;
          font-size: 25px; }
        .warp .right .reportDetail .reportDetailLogo .reportDetailLogoGeneralUser img {
          width: 116px;
          height: 116px;
          margin-bottom: 10px; }
        .warp .right .reportDetail .reportDetailLogo .reportDetailLogoGeneralUser .scan {
          line-height: 20px; }
        .warp .right .reportDetail .reportDetailLogo .reportDetailLogoGeneralUser .explain {
          font-size: 13px;
          color: #1b2326;
          margin: 10px 0; }
        .warp .right .reportDetail .reportDetailLogo .reportDetailLogoGeneralUser a {
          display: inline-block;
          width: 112px;
          height: 38px;
          font-size: 13px;
          background-color: #e73140;
          color: white;
          line-height: 38px;
          text-align: center;
          border-radius: 3px;
          margin: 0 auto;
          box-shadow: 0 4px 6px 0 rgba(235, 81, 126, 0.6); }
          .warp .right .reportDetail .reportDetailLogo .reportDetailLogoGeneralUser a:hover {
            background-color: #e73140; }
      .warp .right .reportDetail .reportDetailContent {
        margin-left: 28.8461538462%;
        vertical-align: top;
        white-space: normal;
        width: 71.1538461538%;
        display: inline-block;
        padding: 30px 3.8461538462%;
        background-color: white;
        box-sizing: border-box;
        margin-bottom: 40px; }
        .warp .right .reportDetail .reportDetailContent .releasetime {
          font-size: 13px;
          color: #a1b0b5;
          text-align: left;
          margin: 20px auto 0px !important; }
        .warp .right .reportDetail .reportDetailContent h3 {
          color: #38454a;
          font-size: 14px; }
        .warp .right .reportDetail .reportDetailContent hr {
          width: 100%;
          border: none;
          margin: 10px auto 20px;
          height: 1px;
          background-color: #CCD7DB; }
        .warp .right .reportDetail .reportDetailContent p {
          color: #1b2326;
          font-size: 13px;
          margin-bottom: 25px;
          line-height: 1.3846153846em; }
          .warp .right .reportDetail .reportDetailContent p:nth-last-child(1) {
            margin-bottom: 0px; }
        .warp .right .reportDetail .reportDetailContent .timewrap {
          margin-bottom: 0px; }
          .warp .right .reportDetail .reportDetailContent .timewrap span {
            font-size: 13px;
            color: #a1b0b5; }
        .warp .right .reportDetail .reportDetailContent .download {
          font-size: 13px;
          color: #a1b0b5;
          float: right; }
          .warp .right .reportDetail .reportDetailContent .download a {
            color: #C5002B;
            text-decoration: underline; }
        .warp .right .reportDetail .reportDetailContent img {
          width: 100%; }
    .warp .right .rightDetail {
      width: 81.4814814815%;
      margin: 131px 9.2592592593% 0; }
      .warp .right .rightDetail .Logo {
        display: inline-block;
        width: 8.3333333333%;
        min-width: 85.333px;
        max-width: 120px;
        height: 200px;
        margin-right: 2.2727272727%;
        text-align: center;
        position: fixed; }
        .warp .right .rightDetail .Logo div {
          width: 100%;
          height: 0;
          padding: 50% 0;
          min-width: 85.333px;
          max-width: 120px;
          position: relative;
          background-color: #fff;
          border-radius: 3px; }
          .warp .right .rightDetail .Logo div img {
            max-width: 100%;
            max-height: 100%;
            height: auto;
            border-radius: 3px;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            margin: auto; }
        .warp .right .rightDetail .Logo button {
          width: 80px;
          height: 31px;
          line-height: 30px;
          text-align: center;
          border: 1px solid #C5002B;
          border-radius: 3px;
          margin: 20px auto;
          font-size: 12px;
          color: #C5002B;
          background-color: #fff;
          transition: all ease 0.2s;
          outline: none;
          position: relative; }
          .warp .right .rightDetail .Logo button:hover {
            cursor: pointer;
            background-color: #F3FFFF; }
          .warp .right .rightDetail .Logo button canvas {
            width: 100%;
            height: 100%;
            opacity: 0.25;
            left: 0;
            position: absolute; }
        .warp .right .rightDetail .Logo .follow_on {
          background-color: #C5002B;
          color: #fff;
          border: 1px solid #C5002B; }
          .warp .right .rightDetail .Logo .follow_on:hover {
            cursor: pointer;
            background-color: #C5002B;
            border: 1px solid #C5002B; }
      .warp .right .rightDetail .Detail {
        display: inline-block;
        width: 84.0909090909%;
        margin-left: 15.9090909091%;
        vertical-align: top; }
        .warp .right .rightDetail .Detail.fullColumn {
          width: 100%;
          margin: 0; }
        .warp .right .rightDetail .Detail > div {
          padding: 30px 5.4054054054% 40px;
          border: solid 1px #e6e9ea;
          background-color: #fff;
          margin-bottom: 20px;
          box-sizing: border-box; }
          .warp .right .rightDetail .Detail > div .pd30 {
            padding-bottom: 30px !important; }
          .warp .right .rightDetail .Detail > div .hr {
            height: 1px;
            position: absolute;
            background-color: #ececec;
            display: inline-block;
            width: 83.5135135135%;
            top: 39px;
            left: 40px;
            box-sizing: border-box;
            z-index: 10; }
          .warp .right .rightDetail .Detail > div .lock_small {
            display: inline-block;
            width: 50px;
            height: 30px;
            line-height: 30px;
            text-align: center;
            top: 24px;
            position: absolute;
            right: 40px;
            z-index: 50;
            padding-left: 20px;
            background-color: white; }
            .warp .right .rightDetail .Detail > div .lock_small img {
              width: 100%;
              height: 100%;
              vertical-align: middle; }
          .warp .right .rightDetail .Detail > div > h3 {
            font-size: 14px;
            margin-bottom: 20px;
            display: inline-block;
            position: relative;
            z-index: 50;
            background-color: white;
            padding-right: 20px; }
          .warp .right .rightDetail .Detail > div:last-child {
            margin-bottom: 40px; }
        .warp .right .rightDetail .Detail .companyInfo p {
          white-space: normal;
          font-size: 13px;
          color: #1b2326; }
        .warp .right .rightDetail .Detail .companyInfo .companyInfo_createtime {
          color: #a1b0b5; }
        .warp .right .rightDetail .Detail .companyInfo .companyInfo_name {
          font-size: 24px;
          margin-bottom: 10px; }
        .warp .right .rightDetail .Detail .companyInfo .companyInfo_slogan {
          margin-bottom: 30px; }
        .warp .right .rightDetail .Detail .companyInfo .companyInfo_profile {
          margin-bottom: 20px; }
          .warp .right .rightDetail .Detail .companyInfo .companyInfo_profile:last-child {
            margin-bottom: 0px; }
        .warp .right .rightDetail .Detail .companyInfo hr {
          margin: 20px 0;
          height: 1px;
          background-color: #CCD7DB;
          border: none; }
        .warp .right .rightDetail .Detail .companyTeam .companyTeam_menber_warp {
          width: 100%;
          white-space: normal; }
          .warp .right .rightDetail .Detail .companyTeam .companyTeam_menber_warp .companyTeam_menber {
            display: inline-table;
            width: 49.0909090909%;
            height: 69px;
            position: relative;
            box-sizing: border-box;
            vertical-align: top;
            margin-bottom: 20px; }
            .warp .right .rightDetail .Detail .companyTeam .companyTeam_menber_warp .companyTeam_menber:nth-child(odd) {
              margin-right: 1.5151515152%; }
            .warp .right .rightDetail .Detail .companyTeam .companyTeam_menber_warp .companyTeam_menber:nth-last-child(1) {
              margin-bottom: 0px; }
            .warp .right .rightDetail .Detail .companyTeam .companyTeam_menber_warp .companyTeam_menber:nth-last-child(2) {
              margin-bottom: 0px; }
            .warp .right .rightDetail .Detail .companyTeam .companyTeam_menber_warp .companyTeam_menber div {
              display: table-cell; }
            .warp .right .rightDetail .Detail .companyTeam .companyTeam_menber_warp .companyTeam_menber .memberInfo {
              height: auto;
              vertical-align: middle;
              padding-left: 4.6439628483%; }
              .warp .right .rightDetail .Detail .companyTeam .companyTeam_menber_warp .companyTeam_menber .memberInfo .companyTeam_menber_name {
                font-size: 14px;
                color: #C5002B;
                margin-bottom: 10px; }
                .warp .right .rightDetail .Detail .companyTeam .companyTeam_menber_warp .companyTeam_menber .memberInfo .companyTeam_menber_name a {
                  color: #C5002B; }
                  .warp .right .rightDetail .Detail .companyTeam .companyTeam_menber_warp .companyTeam_menber .memberInfo .companyTeam_menber_name a:hover {
                    text-decoration: underline; }
              .warp .right .rightDetail .Detail .companyTeam .companyTeam_menber_warp .companyTeam_menber .memberInfo .companyTeam_menber_profile {
                font-size: 13px;
                color: #1b2326; }
            .warp .right .rightDetail .Detail .companyTeam .companyTeam_menber_warp .companyTeam_menber .avatar {
              vertical-align: top;
              width: 69px;
              height: 69px;
              position: relative; }
              .warp .right .rightDetail .Detail .companyTeam .companyTeam_menber_warp .companyTeam_menber .avatar a img {
                position: absolute;
                margin: auto;
                top: 0;
                left: 0;
                bottom: 0;
                right: 0;
                max-width: 100%;
                border-radius: 3px; }
        .warp .right .rightDetail .Detail .financing_details {
          overflow: auto; }
          .warp .right .rightDetail .Detail .financing_details .overlength {
            padding-right: 6.0606060606%;
            width: 700px; }
            .warp .right .rightDetail .Detail .financing_details .overlength table {
              border-collapse: collapse; }
              .warp .right .rightDetail .Detail .financing_details .overlength table thead tr {
                text-align: left; }
                .warp .right .rightDetail .Detail .financing_details .overlength table thead tr th {
                  border: solid 1px #ececec;
                  height: 50px;
                  padding-left: 20px;
                  font-size: 13px;
                  color: #1b2326; }
              .warp .right .rightDetail .Detail .financing_details .overlength table tbody:nth-child(even) {
                background-color: #F9F9FA; }
              .warp .right .rightDetail .Detail .financing_details .overlength table tbody td {
                border: solid 1px #ececec;
                height: 50px;
                padding-left: 20px;
                font-size: 13px;
                color: #1b2326; }
        .warp .right .rightDetail .Detail .invest_Org_Peo table {
          border-collapse: collapse; }
          .warp .right .rightDetail .Detail .invest_Org_Peo table thead tr {
            text-align: left; }
            .warp .right .rightDetail .Detail .invest_Org_Peo table thead tr th {
              border: solid 1px #ececec;
              height: 50px;
              padding-left: 20px;
              font-size: 13px;
              color: #1b2326; }
          .warp .right .rightDetail .Detail .invest_Org_Peo table tbody:nth-child(even) {
            background-color: #F9F9FA; }
          .warp .right .rightDetail .Detail .invest_Org_Peo table tbody td {
            border: solid 1px #ececec;
            height: 50px;
            padding-left: 20px;
            font-size: 13px;
            color: #1b2326; }
        .warp .right .rightDetail .Detail .invest table {
          border: solid 1px #ececec;
          border-collapse: collapse; }
          .warp .right .rightDetail .Detail .invest table thead tr {
            text-align: left; }
            .warp .right .rightDetail .Detail .invest table thead tr th {
              border: solid 1px #ececec;
              height: 50px;
              padding-left: 20px;
              font-size: 13px;
              color: #1b2326; }
          .warp .right .rightDetail .Detail .invest table tbody:nth-child(even) {
            background-color: #F9F9FA; }
          .warp .right .rightDetail .Detail .invest table tbody td {
            border: solid 1px #ececec;
            height: 50px;
            padding-left: 20px;
            font-size: 13px;
            color: #1b2326; }
        .warp .right .rightDetail .Detail .table-box table {
          border: solid 1px #ececec;
          border-collapse: collapse;
          margin-bottom: 30px;
          width: 100%; }
          .warp .right .rightDetail .Detail .table-box table.no-width td {
            width: auto !important;
            vertical-align: baseline;
            height: 0px !important; }
          .warp .right .rightDetail .Detail .table-box table thead tr {
            text-align: left; }
          .warp .right .rightDetail .Detail .table-box table thead th {
            font-size: 13px;
            text-align: left;
            height: 30px;
            line-height: 30px;
            border: solid 1px #ececec;
            padding-left: 20px; }
          .warp .right .rightDetail .Detail .table-box table tbody:nth-child(even) {
            background-color: #F9F9FA; }
          .warp .right .rightDetail .Detail .table-box table tbody td {
            border: solid 1px #ececec;
            height: 50px;
            padding-left: 20px;
            font-size: 13px;
            color: #1b2326;
            white-space: normal;
            width: 35%; }
            .warp .right .rightDetail .Detail .table-box table tbody td p {
              margin: 10px 10px 10px 0;
              line-height: 1.5em; }
          .warp .right .rightDetail .Detail .table-box table tbody th {
            border: solid 1px #ececec;
            height: 50px;
            padding-left: 20px;
            font-size: 13px;
            color: #1b2326;
            text-align: left;
            width: 15%; }
        .warp .right .rightDetail .Detail .otherInfo > div {
          margin-bottom: 30px; }
          .warp .right .rightDetail .Detail .otherInfo > div:last-child {
            margin-bottom: 0px; }
          .warp .right .rightDetail .Detail .otherInfo > div h3 {
            font-size: 14px;
            margin-bottom: 20px; }
          .warp .right .rightDetail .Detail .otherInfo > div hr {
            margin: 20px 0;
            border: none;
            height: 1px;
            background-color: #CCD7DB; }
          .warp .right .rightDetail .Detail .otherInfo > div p {
            white-space: normal;
            font-size: 13px;
            color: #1b2326;
            margin-bottom: 10px; }
            .warp .right .rightDetail .Detail .otherInfo > div p:last-child {
              margin-bottom: 0px; }
        .warp .right .rightDetail .Detail .otherInfo .otherInfo_about .slogan {
          margin-bottom: 20px; }
        .warp .right .rightDetail .Detail .otherInfo .otherInfo_about .profile {
          margin-bottom: 20px; }
        .warp .right .rightDetail .Detail .otherInfo .otherInfo_about .download_BI {
          width: 145px;
          height: 31px;
          line-height: 31px;
          text-align: center;
          color: #C5002B;
          border-radius: 3px;
          display: inline-block;
          border: solid 1px #C5002B; }
          .warp .right .rightDetail .Detail .otherInfo .otherInfo_about .download_BI:hover {
            background-color: #F4FFFF; }
          .warp .right .rightDetail .Detail .otherInfo .otherInfo_about .download_BI img {
            vertical-align: text-top;
            margin-right: 5px; }
        .warp .right .rightDetail .Detail .otherInfo .otherInfo_contact > div {
          margin-bottom: 20px; }
          .warp .right .rightDetail .Detail .otherInfo .otherInfo_contact > div:last-child {
            margin-bottom: 0px; }
        .warp .right .rightDetail .Detail .otherInfo .otherInfo_otherProduct .otherInfo_otherProduct_warp {
          white-space: normal; }
          .warp .right .rightDetail .Detail .otherInfo .otherInfo_otherProduct .otherInfo_otherProduct_warp .otherInfo_otherProduct_single {
            display: inline-table;
            height: 80px;
            margin-bottom: 20px;
            padding-left: 80px;
            position: relative;
            width: 84.8484848485%; }
            .warp .right .rightDetail .Detail .otherInfo .otherInfo_otherProduct .otherInfo_otherProduct_warp .otherInfo_otherProduct_single:last-child {
              margin-bottom: 0px; }
            .warp .right .rightDetail .Detail .otherInfo .otherInfo_otherProduct .otherInfo_otherProduct_warp .otherInfo_otherProduct_single .otherInfo_otherProduct_single_detail {
              display: table-cell;
              vertical-align: middle;
              padding-left: 3.4482758621%;
              height: auto; }
              .warp .right .rightDetail .Detail .otherInfo .otherInfo_otherProduct .otherInfo_otherProduct_warp .otherInfo_otherProduct_single .otherInfo_otherProduct_single_detail .name {
                font-size: 18px;
                color: #1b2326;
                margin-bottom: 10px;
                transition: all ease 0.2s; }
                .warp .right .rightDetail .Detail .otherInfo .otherInfo_otherProduct .otherInfo_otherProduct_warp .otherInfo_otherProduct_single .otherInfo_otherProduct_single_detail .name:hover {
                  color: #C5002B;
                  text-decoration: underline; }
              .warp .right .rightDetail .Detail .otherInfo .otherInfo_otherProduct .otherInfo_otherProduct_warp .otherInfo_otherProduct_single .otherInfo_otherProduct_single_detail .profile {
                font-size: 13px;
                color: #1b2326; }
            .warp .right .rightDetail .Detail .otherInfo .otherInfo_otherProduct .otherInfo_otherProduct_warp .otherInfo_otherProduct_single .otherInfo_otherProduct_single_logo {
              position: absolute;
              left: 0;
              top: 0;
              width: 80px;
              height: 80px; }
              .warp .right .rightDetail .Detail .otherInfo .otherInfo_otherProduct .otherInfo_otherProduct_warp .otherInfo_otherProduct_single .otherInfo_otherProduct_single_logo img {
                width: 100%;
                position: absolute;
                top: 0;
                left: 0;
                bottom: 0;
                right: 0;
                margin: auto; }
        .warp .right .rightDetail .Detail .relatedReports li a {
          font-size: 13px;
          color: #C5002B;
          margin-bottom: 10px; }
      .warp .right .rightDetail .Detail {
        width: 84.0909090909%;
        margin-left: 15.9090909091%;
        vertical-align: top; }
        .warp .right .rightDetail .Detail > div {
          padding: 30px 5.4054054054% 30px;
          border: solid 1px #e6e9ea;
          background-color: #fff;
          margin-bottom: 20px;
          box-sizing: border-box;
          position: relative; }
          .warp .right .rightDetail .Detail > div:last-child {
            margin-bottom: 40px; }
          .warp .right .rightDetail .Detail > div > h3 {
            font-size: 14px;
            margin-bottom: 20px;
            color: #38454a; }
            .warp .right .rightDetail .Detail > div > h3 .teamnum {
              color: #A1B0B5;
              font-weight: 500; }
          .warp .right .rightDetail .Detail > div .nomb20 {
            margin-bottom: 0px; }
          .warp .right .rightDetail .Detail > div .nopd {
            margin-bottom: 0px; }
          .warp .right .rightDetail .Detail > div hr {
            margin: 20px 0;
            border: none;
            height: 1px;
            background-color: #CCD7DB; }
          .warp .right .rightDetail .Detail > div p {
            white-space: normal;
            font-size: 13px;
            color: #1b2326;
            line-height: 1.3846153846em; }
        .warp .right .rightDetail .Detail .peopleInfo .peopleInfo_name {
          font-size: 24px;
          color: #38454a;
          margin-bottom: 10px; }
          .warp .right .rightDetail .Detail .peopleInfo .peopleInfo_name span {
            margin-right: 20px; }
            .warp .right .rightDetail .Detail .peopleInfo .peopleInfo_name span a {
              position: relative; }
              .warp .right .rightDetail .Detail .peopleInfo .peopleInfo_name span a:hover .socialAccountBox {
                opacity: 1;
                z-index: 10;
                top: -44px; }
              .warp .right .rightDetail .Detail .peopleInfo .peopleInfo_name span a .socialAccountBox {
                width: 133px;
                height: 34px;
                position: absolute;
                background: #FFFFFF;
                border: 1px solid #F0F0F0;
                box-shadow: 0 1px 4px 0 rgba(33, 184, 143, 0.29);
                z-index: 10;
                top: -34px;
                right: -57px;
                opacity: 0;
                transition: all ease 0.5s;
                z-index: -1; }
                .warp .right .rightDetail .Detail .peopleInfo .peopleInfo_name span a .socialAccountBox .background {
                  width: 100%;
                  height: 100%;
                  background-color: white;
                  position: relative;
                  z-index: 26;
                  text-align: center; }
                  .warp .right .rightDetail .Detail .peopleInfo .peopleInfo_name span a .socialAccountBox .background img {
                    width: 79px;
                    height: auto;
                    margin: 10px auto 5px; }
                  .warp .right .rightDetail .Detail .peopleInfo .peopleInfo_name span a .socialAccountBox .background h5 {
                    font-weight: 500;
                    margin-top: 7px;
                    display: inline-block;
                    color: #1b2326; }
                .warp .right .rightDetail .Detail .peopleInfo .peopleInfo_name span a .socialAccountBox .triangle {
                  width: 14.14px;
                  height: 14.14px;
                  position: absolute;
                  transform: rotate(45deg);
                  background: #FFFFFF;
                  border: 1px solid #F0F0F0;
                  box-shadow: 0 1px 4px 0 rgba(33, 184, 143, 0.29);
                  bottom: -8px;
                  left: 60px;
                  z-index: 20; }
          .warp .right .rightDetail .Detail .peopleInfo .peopleInfo_name img {
            border: none; }
        .warp .right .rightDetail .Detail .peopleInfo .peopleInfo_profile {
          white-space: pre-line; }
        .warp .right .rightDetail .Detail .peopleInfo .peopleInfo_title {
          font-size: 13px;
          color: #456369;
          margin-bottom: 30px; }
        .warp .right .rightDetail .Detail .peopleInfo .peopleInfo_location {
          font-size: 13px;
          color: #A1B0B5; }
        .warp .right .rightDetail .Detail .investField {
          white-space: normal; }
          .warp .right .rightDetail .Detail .investField .financingInfo {
            margin-bottom: 20px; }
            .warp .right .rightDetail .Detail .investField .financingInfo span {
              display: inline-block;
              font-size: 13px;
              width: 33.3333333333%; }
          .warp .right .rightDetail .Detail .investField .fieldwrap {
            margin-bottom: 30px; }
          .warp .right .rightDetail .Detail .investField .field {
            display: inline-block;
            font-size: 13px;
            color: #1b2326;
            margin-right: 30px;
            margin-bottom: 30px; }
          .warp .right .rightDetail .Detail .investField .block {
            display: block; }
          .warp .right .rightDetail .Detail .investField .singleField {
            font-size: 13px;
            color: #1b2326;
            letter-spacing: 0;
            line-height: 22px;
            margin-right: 20px; }
          .warp .right .rightDetail .Detail .investField p {
            margin-bottom: 10px; }
        .warp .right .rightDetail .Detail .invest table {
          border: solid 1px #ececec;
          border-collapse: collapse; }
          .warp .right .rightDetail .Detail .invest table tr {
            text-align: left; }
            .warp .right .rightDetail .Detail .invest table tr:nth-child(even) {
              background-color: #F9F9FA; }
            .warp .right .rightDetail .Detail .invest table tr th {
              border: solid 1px #ececec;
              height: 50px;
              padding-left: 20px;
              font-size: 13px;
              color: #1b2326; }
            .warp .right .rightDetail .Detail .invest table tr td {
              border: solid 1px #ececec;
              height: 50px;
              padding-left: 20px;
              font-size: 13px;
              color: #1b2326; }
        .warp .right .rightDetail .Detail .otherInfo h3 {
          font-size: 14px;
          margin-bottom: 20px;
          color: #38454a; }
        .warp .right .rightDetail .Detail .otherInfo .nomb20 {
          margin-bottom: 0px; }
        .warp .right .rightDetail .Detail .otherInfo .nopd {
          margin-bottom: 0px; }
        .warp .right .rightDetail .Detail .otherInfo .otherInfo_career .otherInfo_career_warp {
          white-space: normal; }
          .warp .right .rightDetail .Detail .otherInfo .otherInfo_career .otherInfo_career_warp .otherInfo_career_single {
            display: inline-table;
            height: 80px;
            margin-bottom: 20px;
            padding-left: 80px;
            position: relative;
            width: 84.8484848485%; }
            .warp .right .rightDetail .Detail .otherInfo .otherInfo_career .otherInfo_career_warp .otherInfo_career_single div {
              display: table-cell;
              vertical-align: middle;
              padding-left: 3.4482758621%;
              height: auto; }
              .warp .right .rightDetail .Detail .otherInfo .otherInfo_career .otherInfo_career_warp .otherInfo_career_single div .title {
                margin-bottom: 10px; }
                .warp .right .rightDetail .Detail .otherInfo .otherInfo_career .otherInfo_career_warp .otherInfo_career_single div .title .name {
                  font-size: 14px;
                  color: #1b2326;
                  font-weight: 600; }
                .warp .right .rightDetail .Detail .otherInfo .otherInfo_career .otherInfo_career_warp .otherInfo_career_single div .title .time {
                  font-size: 12px;
                  color: #809096; }
              .warp .right .rightDetail .Detail .otherInfo .otherInfo_career .otherInfo_career_warp .otherInfo_career_single div .profile {
                font-size: 13px;
                color: #1b2326;
                white-space: pre-line; }
            .warp .right .rightDetail .Detail .otherInfo .otherInfo_career .otherInfo_career_warp .otherInfo_career_single > a {
              position: absolute;
              left: 0;
              top: 0;
              width: 80px;
              height: 80px;
              border-radius: 3px; }
              .warp .right .rightDetail .Detail .otherInfo .otherInfo_career .otherInfo_career_warp .otherInfo_career_single > a:hover {
                cursor: default; }
              .warp .right .rightDetail .Detail .otherInfo .otherInfo_career .otherInfo_career_warp .otherInfo_career_single > a img {
                position: absolute;
                left: 0;
                top: 0;
                right: 0;
                bottom: 0;
                margin: auto;
                border-radius: 3px;
                max-width: 100%;
                max-height: 100%; }
        .warp .right .rightDetail .Detail .otherInfo .otherInfo_reports li {
          font-size: 13px;
          color: #C5002B;
          margin-bottom: 10px; }
          .warp .right .rightDetail .Detail .otherInfo .otherInfo_reports li:last-child {
            margin-bottom: 0px; }
    .warp .right .select {
      margin-top: 101px;
      padding: 30px 0 0px;
      width: 100%; }
      .warp .right .select .dateSelect {
        display: inline-block; }
        .warp .right .select .dateSelect .datepickerWrap {
          display: inline-block;
          width: 234px;
          height: 36px;
          box-sizing: border-box;
          background: #FFFFFF;
          border: 1px solid #D0D4D9;
          border-radius: 3px; }
          .warp .right .select .dateSelect .datepickerWrap span.to {
            font-family: PingFangSC-Regular;
            font-size: 14px;
            color: #546369;
            letter-spacing: 0;
            display: inline-block;
            margin: 0 7px; }
          .warp .right .select .dateSelect .datepickerWrap .vue-datepicker {
            width: 97px;
            height: 34px;
            display: inline-block; }
            .warp .right .select .dateSelect .datepickerWrap .vue-datepicker input {
              font-family: PingFangSC-Regular;
              font-size: 12px;
              box-sizing: border-box;
              height: 34px;
              color: #B1B1B1;
              letter-spacing: 0;
              line-height: 16px;
              padding-right: 0;
              border: none;
              padding-left: 18px;
              width: 100px; }
            .warp .right .select .dateSelect .datepickerWrap .vue-datepicker .vue-datepicker-panels .vue-datepicker-tb tbody tr {
              border-top: none; }
              .warp .right .select .dateSelect .datepickerWrap .vue-datepicker .vue-datepicker-panels .vue-datepicker-tb tbody tr td {
                height: 35px; }
                .warp .right .select .dateSelect .datepickerWrap .vue-datepicker .vue-datepicker-panels .vue-datepicker-tb tbody tr td span {
                  height: 35px;
                  line-height: 35px; }
            .warp .right .select .dateSelect .datepickerWrap .vue-datepicker .vue-datepicker-panels .z-existed:hover {
              color: #C5002B; }
            .warp .right .select .dateSelect .datepickerWrap .vue-datepicker .vue-datepicker-panels .z-on span {
              background-color: #C5002B; }
          .warp .right .select .dateSelect .datepickerWrap .el-date-editor {
            width: 100px; }
            .warp .right .select .dateSelect .datepickerWrap .el-date-editor i.el-icon-date {
              display: none; }
            .warp .right .select .dateSelect .datepickerWrap .el-date-editor input {
              font-family: PingFangSC-Regular;
              font-size: 12px;
              color: #B1B1B1;
              letter-spacing: 0;
              line-height: 16px;
              padding-right: 0;
              border: none;
              padding-left: 18px; }
        .warp .right .select .dateSelect .DateChoose {
          display: inline-block;
          background: #FFFFFF;
          border: 1px solid #C5002B;
          border-radius: 2px;
          width: 76px;
          height: 34px;
          text-align: center;
          vertical-align: top;
          line-height: 34px;
          font-family: PingFangSC-Light;
          font-size: 13px;
          color: #C5002B;
          letter-spacing: 0;
          cursor: pointer;
          margin-left: 20px; }
      .warp .right .select .countrySelect {
        display: inline-block;
        float: right;
        height: 40px;
        line-height: 40px; }
        .warp .right .select .countrySelect .inputWrap {
          display: inline-block;
          margin-right: 30px;
          cursor: pointer;
          line-height: 40px; }
          .warp .right .select .countrySelect .inputWrap:last-child {
            margin-right: 0; }
          .warp .right .select .countrySelect .inputWrap .radio {
            border-color: #C5002B;
            background: #fff;
            border: 1px solid #809096;
            margin-right: 8px;
            border-radius: 100%;
            width: 10px;
            height: 10px;
            border-radius: 50%;
            position: relative;
            cursor: pointer;
            display: inline-block;
            box-sizing: border-box;
            vertical-align: text-top; }
            .warp .right .select .countrySelect .inputWrap .radio:after {
              width: 6px;
              height: 6px;
              border-radius: 50%;
              background-color: #C5002B;
              content: "";
              position: absolute;
              left: 50%;
              top: 50%;
              transform: translate(-50%, -50%) scale(0);
              transition: transform 0.15s cubic-bezier(0.71, -0.46, 0.88, 0.6); }
          .warp .right .select .countrySelect .inputWrap .bold {
            font-family: PingFangSC-Medium !important; }
          .warp .right .select .countrySelect .inputWrap .on:after {
            transform: translate(-50%, -50%) scale(1); }
          .warp .right .select .countrySelect .inputWrap input {
            display: none; }
          .warp .right .select .countrySelect .inputWrap span {
            display: inline-block;
            font-family: PingFangSC-Regular;
            font-size: 14px;
            color: #1b2326;
            letter-spacing: 0; }
        .warp .right .select .countrySelect div.el-radio-group label.el-radio span.el-radio__input span.el-radio__inner {
          width: 10px;
          height: 10px;
          background: #fff;
          border: 1px solid #809096; }
          .warp .right .select .countrySelect div.el-radio-group label.el-radio span.el-radio__input span.el-radio__inner:after {
            background: #C5002B; }
      .warp .right .select .form .options {
        position: relative; }
        .warp .right .select .form .options .option {
          position: relative;
          margin: 10px 0; }
          .warp .right .select .form .options .option::before {
            content: "";
            display: block;
            height: 48px;
            width: 4px;
            background: #ccd7db;
            position: absolute;
            top: -26px; }
          .warp .right .select .form .options .option:first-child::before {
            content: "";
            display: none;
            height: 48px;
            width: 4px;
            background: #ccd7db;
            position: absolute;
            top: -24px; }
          .warp .right .select .form .options .option p {
            position: relative;
            margin: 0 10px 0 20px;
            box-sizing: border-box;
            display: inline-block;
            width: 129px;
            height: 38px;
            color: white;
            font-size: 13px;
            line-height: 38px;
            padding-left: 20px;
            background-color: #C5002B;
            border-radius: 3px; }
            .warp .right .select .form .options .option p span {
              display: inline-block;
              width: 100%;
              height: 100%; }
              .warp .right .select .form .options .option p span::before {
                content: "";
                display: block;
                height: 4px;
                width: 20px;
                background: #ccd7db;
                position: absolute;
                left: -20px;
                top: 18px; }
              .warp .right .select .form .options .option p span::after {
                content: "";
                display: block;
                height: 4px;
                width: 10px;
                background: #ccd7db;
                position: absolute;
                right: -10px;
                top: 18px; }
          .warp .right .select .form .options .option .operation {
            margin: 0 10px;
            min-width: 139px;
            height: 38px;
            border: none;
            outline: none;
            background-color: white;
            border-radius: 3px;
            cursor: pointer;
            vertical-align: bottom;
            position: relative;
            display: inline-block; }
            .warp .right .select .form .options .option .operation.last > span:after {
              display: none; }
            .warp .right .select .form .options .option .operation input[type="text"] {
              display: inline-block;
              border: none;
              height: 36px;
              line-height: 36px;
              padding: 0 4px;
              outline: none;
              top: -2px;
              position: relative;
              padding-left: 15px;
              padding-right: 15px; }
            .warp .right .select .form .options .option .operation > span {
              display: inline-block;
              width: 100%;
              height: 100%;
              line-height: 38px;
              border: solid 1px #d0d4d9;
              box-sizing: border-box;
              border-radius: 3px;
              overflow: hidden; }
              .warp .right .select .form .options .option .operation > span .vue-datepicker input {
                width: 125px; }
              .warp .right .select .form .options .option .operation > span::before {
                content: "";
                display: block;
                height: 4px;
                width: 10px;
                background: #ccd7db;
                position: absolute;
                left: -10px;
                top: 18px; }
              .warp .right .select .form .options .option .operation > span::after {
                content: "";
                display: block;
                height: 4px;
                width: 10px;
                background: #ccd7db;
                position: absolute;
                right: -10px;
                top: 18px; }
              .warp .right .select .form .options .option .operation > span.datepicker-wrap {
                overflow: visible;
                height: 39px;
                top: -1px;
                line-height: 40px; }
                .warp .right .select .form .options .option .operation > span.datepicker-wrap .vue-datepicker {
                  display: inline-block; }
                  .warp .right .select .form .options .option .operation > span.datepicker-wrap .vue-datepicker .vue-datepicker-panel .vue-datepicker-tb tbody tr td.z-existed.z-on span {
                    background-color: #C5002B; }
              .warp .right .select .form .options .option .operation > span i {
                font-size: 13px;
                font-style: normal;
                margin: 0 10px;
                position: relative;
                vertical-align: top;
                margin-top: -1px;
                display: inline-block; }
          .warp .right .select .form .options .option .closeOpt {
            width: 54px;
            height: 38px;
            background-color: #e2e6e7;
            border: none;
            margin: 0 10px;
            outline: none;
            border-radius: 3px;
            cursor: pointer;
            position: relative;
            vertical-align: bottom;
            transition: all ease 0.2s; }
            .warp .right .select .form .options .option .closeOpt:hover span {
              color: #546369; }
            .warp .right .select .form .options .option .closeOpt span {
              font-size: 36px;
              position: relative;
              top: 2px;
              color: #A1B0B5;
              transition: all ease 0.2s; }
            .warp .right .select .form .options .option .closeOpt img {
              width: 10px;
              height: 10px; }
          .warp .right .select .form .options .option .selector-group {
            display: inline; }
        .warp .right .select .form .options .addOpt {
          position: relative;
          margin: 10px 0; }
          .warp .right .select .form .options .addOpt::before {
            content: "";
            display: block;
            height: 48px;
            width: 4px;
            background: #ccd7db;
            position: absolute;
            top: -26px; }
          .warp .right .select .form .options .addOpt p {
            margin-left: 20px;
            position: relative; }
            .warp .right .select .form .options .addOpt p span {
              display: inline-block;
              width: 54px;
              height: 38px;
              background-color: #a1b0b5;
              text-align: center;
              line-height: 38px;
              border-radius: 3px;
              box-sizing: border-box;
              transition: all ease 0.2s;
              cursor: pointer; }
              .warp .right .select .form .options .addOpt p span::before {
                content: "";
                display: block;
                height: 4px;
                width: 20px;
                background: #ccd7db;
                position: absolute;
                left: -20px;
                top: 18px; }
              .warp .right .select .form .options .addOpt p span:hover {
                background-color: #B9C5CA; }
              .warp .right .select .form .options .addOpt p span img {
                width: 12px;
                height: 12px; }
        .warp .right .select .form .options .addOpt-single {
          float: left;
          cursor: pointer; }
          .warp .right .select .form .options .addOpt-single p {
            background-color: #a1b0b5;
            line-height: 38px;
            color: white;
            font-size: 14px;
            padding: 0 20px 0 10px;
            border-radius: 3px;
            transition: all ease 0.3s;
            margin-left: 20px; }
            .warp .right .select .form .options .addOpt-single p:hover {
              background-color: #B9C5CA; }
            .warp .right .select .form .options .addOpt-single p img {
              width: 12px;
              height: 12px;
              margin: 0 10px; }
        .warp .right .select .form .options .selector {
          display: inline-block;
          vertical-align: top;
          position: relative; }
          .warp .right .select .form .options .selector .option-list {
            max-height: 150px;
            overflow: auto; }
          .warp .right .select .form .options .selector img {
            width: 5px;
            height: 4px;
            margin: 0 5px;
            vertical-align: middle;
            position: absolute;
            top: 50%;
            right: 15px;
            margin-top: -2px; }
          .warp .right .select .form .options .selector span {
            margin: 0 9px;
            height: 100%;
            min-width: 108px;
            line-height: 37px;
            font-size: 13px;
            border: none;
            outline: none;
            background-color: #fff;
            border-radius: 3px;
            cursor: pointer;
            vertical-align: middle;
            position: relative;
            display: inline-block;
            padding: 0 20px 0 10px;
            border: solid 1px #d0d4d9;
            margin-top: -1px; }
            .warp .right .select .form .options .selector span.last::after {
              display: none; }
            .warp .right .select .form .options .selector span::before {
              content: "";
              display: block;
              height: 4px;
              width: 10px;
              background: #ccd7db;
              position: absolute;
              left: -10px;
              top: 18px; }
            .warp .right .select .form .options .selector span::after {
              content: "";
              display: block;
              height: 4px;
              width: 10px;
              background: #ccd7db;
              position: absolute;
              right: -10px;
              top: 18px; }
            .warp .right .select .form .options .selector span.last span:after {
              display: none; }
            .warp .right .select .form .options .selector span ul {
              position: absolute;
              top: 37px;
              width: 100%;
              left: 0;
              background-color: white;
              display: none;
              z-index: 0;
              border: 1px solid #D0D4D9;
              box-sizing: border-box;
              box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
              -webkit-transition: all ease 0.4s;
              transition: all ease 0.4s;
              border-radius: 3px;
              border-top-left-radius: 0;
              border-top-right-radius: 0;
              max-height: 177px;
              overflow: auto; }
              .warp .right .select .form .options .selector span ul.on {
                display: block;
                z-index: 99; }
              .warp .right .select .form .options .selector span ul li {
                padding: 0 10px;
                height: 24px;
                font-size: 13px;
                padding: 10px 14px;
                line-height: 24px;
                border-bottom: 1px solid #ECECEC; }
                .warp .right .select .form .options .selector span ul li:hover, .warp .right .select .form .options .selector span ul li.on {
                  background-color: #E8F9F8; }
    .warp .right .upToPro {
      margin: 40px 0 10px;
      text-align: center; }
      .warp .right .upToPro img {
        width: 50px;
        height: 50px;
        margin-bottom: 20px; }
      .warp .right .upToPro h3 {
        font-size: 18px !important;
        color: #38454a !important;
        margin-bottom: 10px !important; }
      .warp .right .upToPro h4 {
        font-size: 13px;
        color: #38454a;
        margin-bottom: 30px; }
      .warp .right .upToPro a {
        font-size: 13px;
        display: block !important;
        width: 120px;
        margin: 0 auto; }
        .warp .right .upToPro a .more {
          color: #C5002B; }
          .warp .right .upToPro a .more:hover {
            text-decoration: underline; }
        .warp .right .upToPro a .upgrade {
          width: 120px;
          height: 38px;
          display: inline-block;
          background-color: #C5002B;
          line-height: 38px;
          color: white;
          border-radius: 3px;
          transition: all ease 0.2s; }
          .warp .right .upToPro a .upgrade:hover {
            background-color: #C5002B; }
      .warp .right .upToPro .mb10 {
        margin-bottom: 10px; }
    .warp .right .result {
      height: auto;
      width: 100%;
      padding-bottom: 40px; }
      .warp .right .result .empty {
        margin-top: 40px;
        font-family: PingFangSC-Semibold;
        font-size: 13px;
        color: #809096;
        letter-spacing: 0; }
      .warp .right .result .articelbox {
        background: #FFFFFF;
        border-radius: 3px;
        padding: 30px 40px;
        margin: 20px 0; }
        .warp .right .result .articelbox hr {
          margin: 20px 0;
          height: 1px;
          border: none;
          background-color: #CCD7DB; }
        .warp .right .result .articelbox .artical_title {
          font-family: PingFangSC-Semibold;
          font-size: 14px;
          color: #001100;
          letter-spacing: 0;
          white-space: normal; }
          .warp .right .result .articelbox .artical_title .artical_time {
            color: #C5002B;
            margin-right: 20px; }
          .warp .right .result .articelbox .artical_title .artical_headine {
            color: #1b2326;
            font-size: 14px; }
            .warp .right .result .articelbox .artical_title .artical_headine .investorTag {
              background: rgba(0, 164, 160, 0.9);
              color: #fff;
              margin: 0 5px;
              padding: 0 5px; }
        .warp .right .result .articelbox .artical_content {
          white-space: normal;
          text-align: justify; }
          .warp .right .result .articelbox .artical_content p {
            color: #38454a;
            font-size: 13px; }
        .warp .right .result .articelbox .newsList p a {
          font-family: PingFangSC-Regular;
          font-size: 13px;
          color: #809096;
          letter-spacing: 0;
          line-height: 22px; }
        .warp .right .result .articelbox h2 {
          margin-bottom: 20px;
          font-family: PingFangSC-Semibold;
          font-size: 14px;
          color: #1b2326;
          letter-spacing: 0; }
          .warp .right .result .articelbox h2 .investorTag {
            background: #E7f7f3;
            color: #C5002B;
            padding: 2px 5px; }
        .warp .right .result .articelbox table {
          border-collapse: collapse;
          margin-bottom: 10px; }
          .warp .right .result .articelbox table thead tr th {
            text-align: left;
            background: #F9F9FA;
            border: 1px solid #ECECEC;
            height: 48px;
            padding-left: 20px;
            font-family: PingFangSC-Regular;
            font-size: 13px;
            color: #38454A;
            letter-spacing: 0; }
          .warp .right .result .articelbox table tbody tr td {
            border: 1px solid #ECECEC;
            padding: 17px 20px;
            vertical-align: top;
            font-family: PingFangSC-Regular;
            font-size: 13px;
            color: #1B2326;
            letter-spacing: 0; }
            .warp .right .result .articelbox table tbody tr td img {
              opacity: 0.7; }
            .warp .right .result .articelbox table tbody tr td p {
              height: 20px;
              margin-bottom: 12px; }
              .warp .right .result .articelbox table tbody tr td p .point {
                margin-right: 6px;
                color: #809096;
                vertical-align: super; }
              .warp .right .result .articelbox table tbody tr td p .leadTag {
                padding: 0 5px;
                background: rgba(253, 122, 108, 0.05);
                border: 1px solid #FED2CE;
                font-family: PingFangSC-Light;
                font-size: 10px;
                color: #FD7A6C;
                letter-spacing: 0;
                line-height: 9px;
                margin-left: 10px;
                vertical-align: super; }
        .warp .right .result .articelbox:last-child {
          margin-bottom: 0px; }
        .warp .right .result .articelbox:first-child {
          margin-top: 20px; }
      .warp .right .result .resultDescription {
        font-size: 12px;
        color: #546369;
        font-weight: 600;
        display: inline-block;
        margin: 40px auto 25px; }
      .warp .right .result .tablewrap {
        padding: 25px 3.7037037037%;
        border: #e6e9ea solid 1px;
        background-color: white;
        box-sizing: border-box;
        width: 100%;
        min-height: 120px;
        min-width: 960px; }
        .warp .right .result .tablewrap p.empty {
          font-size: 13px;
          text-align: center;
          padding: 4%;
          color: #888; }
        .warp .right .result .tablewrap table {
          box-sizing: border-box;
          background-color: white;
          border-collapse: collapse;
          position: relative;
          table-layout: fixed;
          width: 100%; }
          .warp .right .result .tablewrap table thead tr:first-child {
            border-bottom: solid 1px #e6ecee;
            cursor: default;
            background-color: #fff; }
          .warp .right .result .tablewrap table tbody:hover {
            background-color: #f7f9fb; }
          .warp .right .result .tablewrap table tr {
            border-bottom: solid 1px #f6f6f6;
            height: 50px;
            text-align: left; }
            .warp .right .result .tablewrap table tr th {
              text-align: left;
              font-size: 13px;
              color: #38454a;
              padding: 0 10px;
              box-sizing: border-box; }
              .warp .right .result .tablewrap table tr th:hover {
                cursor: pointer; }
              .warp .right .result .tablewrap table tr th:last-child {
                cursor: default; }
              .warp .right .result .tablewrap table tr th img {
                width: 5px;
                height: 4px;
                margin: 0 5px;
                vertical-align: middle; }
            .warp .right .result .tablewrap table tr td {
              font-size: 13px;
              color: #38454a;
              padding: 0 10px;
              text-overflow: ellipsis;
              overflow: hidden;
              white-space: nowrap;
              transition: all ease 1s; }
              .warp .right .result .tablewrap table tr td .listsector {
                padding: 0 6px 0 0; }
              .warp .right .result .tablewrap table tr td a {
                text-overflow: ellipsis;
                overflow: hidden;
                white-space: nowrap;
                color: #1b2326;
                display: inline-block;
                width: 100%; }
                .warp .right .result .tablewrap table tr td a:hover {
                  cursor: pointer;
                  text-decoration: underline; }
  .warp .modal {
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    -webkit-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
    width: 502px;
    max-height: 80%;
    position: relative;
    overflow: auto;
    box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12);
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: white;
    height: 485px;
    top: 50%;
    left: 50%;
    position: fixed;
    z-index: 102;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    border-radius: 3px;
    overflow: hidden; }
    .warp .modal .breadcrumb {
      background-color: #F1F1F2;
      box-sizing: border-box;
      font-size: 14px;
      height: 60px;
      line-height: 56px;
      padding: 0 16px;
      z-index: 2;
      border-bottom: 1px solid #C5D0D4; }
      .warp .modal .breadcrumb span.icon-arrrow_left {
        font-size: 36px;
        display: inline-block;
        width: 30px;
        height: 30px;
        background-color: #E2E6E7;
        color: #C5D0D4;
        text-align: center;
        vertical-align: middle;
        border-radius: 3px;
        margin-right: 15px; }
        .warp .modal .breadcrumb span.icon-arrrow_left:before {
          content: "";
          position: relative;
          top: -1px;
          left: -2px; }
      .warp .modal .breadcrumb nav {
        display: inline-block; }
        .warp .modal .breadcrumb nav span {
          font-size: 34px;
          display: inline-block;
          vertical-align: middle;
          color: #546369;
          margin-left: -5px;
          margin-top: 2px; }
        .warp .modal .breadcrumb nav a {
          color: #C5002B; }
    .warp .modal .panelWrapper {
      height: 90%; }
    .warp .modal .panel {
      width: 50%;
      display: inline-block;
      vertical-align: top;
      box-sizing: border-box;
      height: 100%;
      overflow: auto; }
      .warp .modal .panel:first-child {
        border-right: 1px solid #ccc; }
      .warp .modal .panel.slave ul li i {
        display: none; }
      .warp .modal .panel.slave ul li.on {
        background-color: #F6F8FA;
        color: #546369; }
      .warp .modal .panel.slave ul li.disabled {
        background-color: transparent !important;
        color: #d0d0d0 !important;
        cursor: not-allowed; }
      .warp .modal .panel.slave ul li:hover {
        background-color: #F6F8FA; }
      .warp .modal .panel ul {
        padding: 20px; }
        .warp .modal .panel ul li {
          padding: 0 6%;
          font-size: 13px;
          color: rgba(0, 0, 0, 0.8);
          height: 40px;
          line-height: 40px;
          box-sizing: border-box;
          margin-bottom: 5px;
          color: #546369;
          cursor: pointer; }
          .warp .modal .panel ul li span {
            float: left; }
          .warp .modal .panel ul li i {
            font-size: 36px;
            float: right;
            position: relative;
            top: 4px;
            right: -15px; }
          .warp .modal .panel ul li.on {
            background-color: #809096;
            border-radius: 3px;
            color: white;
            font-weight: bold; }
  .warp .msgModal {
    width: 501px;
    height: 488px;
    opacity: 1;
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    background-color: white;
    bottom: 0;
    right: 0;
    top: 0;
    left: 0;
    margin: auto;
    position: fixed;
    z-index: 110;
    border-radius: 3px;
    box-sizing: border-box;
    overflow: hidden; }
    .warp .msgModal .header {
      width: 100%;
      height: 50px;
      line-height: 50px;
      position: relative;
      padding-left: 20px;
      box-sizing: border-box;
      background-color: #C5002B; }
      .warp .msgModal .header h3 {
        color: white;
        font-size: 14px; }
      .warp .msgModal .header img {
        position: absolute;
        right: 12px;
        top: 7.5px; }
        .warp .msgModal .header img:hover {
          cursor: pointer; }
    .warp .msgModal .content {
      padding: 0 40px;
      width: 100%;
      height: 438px;
      box-sizing: border-box;
      padding-top: 30px; }
      .warp .msgModal .content hr {
        margin-bottom: 15px;
        border: solid 1px #e7eaeb; }
      .warp .msgModal .content h2 {
        color: #C5002B;
        margin: 0px auto 10px;
        font-size: 18px; }
      .warp .msgModal .content h3 {
        margin-bottom: 30px;
        font-size: 13px;
        color: #38454a; }
      .warp .msgModal .content ul {
        margin-bottom: 20px; }
        .warp .msgModal .content ul li {
          position: relative;
          height: 40px;
          padding-left: 31px;
          line-height: 40px;
          font-size: 13px;
          color: #38454a; }
          .warp .msgModal .content ul li img {
            position: absolute;
            top: 11px;
            left: 0px; }
      .warp .msgModal .content p a {
        margin-right: 20px; }
        .warp .msgModal .content p a span {
          display: inline-block;
          height: 40px;
          line-height: 40px;
          font-size: 13px; }
        .warp .msgModal .content p a .upgrade {
          width: 120px;
          background-color: #C5002B;
          color: white;
          border-radius: 3px;
          text-align: center;
          transition: all ease 0.2s; }
          .warp .msgModal .content p a .upgrade:hover {
            background-color: #C5002B; }
        .warp .msgModal .content p a .more {
          color: #C5002B; }
          .warp .msgModal .content p a .more:hover {
            text-decoration: underline; }
  .warp .mobile-header {
    width: auto; }
  .warp .modal-background {
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 101; }
  .warp .mobile_fastnews {
    display: none; }

.map_color {
  font-family: PingFangSC-Medium;
  font-size: 12px;
  color: #6C7695 !important;
  letter-spacing: 0;
  text-decoration: underline; }

.flex_btw {
  display: flex;
  justify-content: space-between; }

/*清除浮动 */
.clearfloat {
  zoom: 1; }
  .clearfloat:before, .clearfloat:after {
    content: "";
    display: table; }
  .clearfloat:after {
    display: table;
    clear: both;
    content: "";
    visibility: hidden;
    height: 0; }

.m_header {
  display: none !important; }

.mobileSelectWrap {
  display: none; }

.el-picker-panel .current {
  background-color: #C5002B !important; }
.el-picker-panel .today:before {
  display: none; }

@media screen and (max-device-width: 640px) {
  .warp .right {
    padding: 0 !important; }
    .warp .right .result {
      padding: 0 10px;
      box-sizing: border-box; }
      .warp .right .result .tablewrap {
        width: 100%;
        min-width: 0; }

  .el-picker-panel {
    width: 100% !important;
    left: 0 !important; }
    .el-picker-panel .current {
      background-color: #C5002B !important; }
    .el-picker-panel .today:before {
      display: none; }

  .mobileSelectWrap {
    display: block;
    position: relative;
    margin-bottom: 20px; }
    .mobileSelectWrap span.fastNewsOpt {
      display: inline-block;
      width: 50%;
      height: 35px;
      text-align: center;
      color: #C5002B;
      border: 1px solid #C5002B;
      box-sizing: border-box;
      line-height: 35px;
      border-right: 0; }
      .mobileSelectWrap span.fastNewsOpt:last-child {
        border-left: 0; }
      .mobileSelectWrap span.fastNewsOpt i {
        display: inline-block;
        transform: scale(1.5);
        margin-left: 10px; }
    .mobileSelectWrap > .on {
      background-color: #C5002B !important;
      color: #fff !important; }
    .mobileSelectWrap div.layer {
      padding: 20px 0;
      background-color: #fff;
      box-shadow: 0 1px 4px 0 rgba(0, 164, 160, 0.4);
      position: absolute;
      left: 0;
      right: 0;
      z-index: 99; }
    .mobileSelectWrap div.m_country {
      padding-top: 0 !important; }
      .mobileSelectWrap div.m_country .districtWrap {
        margin-bottom: 20px; }
        .mobileSelectWrap div.m_country .districtWrap p {
          color: #C5002B;
          font-size: 13px;
          height: 56px;
          line-height: 56px;
          border-bottom: 1px solid rgba(0, 164, 160, 0.15);
          padding: 0 10px;
          overflow: auto;
          position: relative; }
          .mobileSelectWrap div.m_country .districtWrap p:after {
            content: "";
            display: inline-block;
            position: absolute;
            right: 10px;
            font-size: 10px;
            border: 1px solid #ccc;
            width: 20px;
            height: 20px;
            -webkit-transform: scale(0.7);
            transform: scale(0.7);
            line-height: 20px;
            padding: 3px;
            margin-top: 14px; }
          .mobileSelectWrap div.m_country .districtWrap p span.icon-check {
            position: absolute;
            top: 21px;
            right: 18px; }
      .mobileSelectWrap div.m_country .districOpts {
        text-align: center; }
        .mobileSelectWrap div.m_country .districOpts .DisChoose {
          display: inline-block;
          padding: 6px 18px;
          margin: 0 5px;
          font-size: 13px;
          color: #6C7695;
          background: #fff;
          border: 1px solid #C5002B; }
        .mobileSelectWrap div.m_country .districOpts .DisCancel {
          display: inline-block;
          padding: 6px 18px;
          margin: 0 5px;
          font-size: 13px;
          color: #6C7695;
          background: #fff;
          border: 1px solid #DEE4EB; }
    .mobileSelectWrap div.m_date .dateSelect .datepickerWrap {
      position: relative;
      text-align: center;
      margin-bottom: 20px; }
      .mobileSelectWrap div.m_date .dateSelect .datepickerWrap > div {
        position: relative;
        width: 43%;
        display: inline-block; }
        .mobileSelectWrap div.m_date .dateSelect .datepickerWrap > div .vue-datepicker input {
          width: 100%;
          box-sizing: border-box; }
        .mobileSelectWrap div.m_date .dateSelect .datepickerWrap > div .vue-datepicker .vue-datepicker-month a {
          width: 14.2857142857%; }
        .mobileSelectWrap div.m_date .dateSelect .datepickerWrap > div .vue-datepicker .vue-datepicker-month span {
          width: 71.4285714286%; }
        .mobileSelectWrap div.m_date .dateSelect .datepickerWrap > div .vue-datepicker .vue-datepicker-panels {
          position: fixed;
          box-sizing: border-box;
          width: 100%; }
          .mobileSelectWrap div.m_date .dateSelect .datepickerWrap > div .vue-datepicker .vue-datepicker-panels .vue-datepicker-tb {
            width: 100%; }
            .mobileSelectWrap div.m_date .dateSelect .datepickerWrap > div .vue-datepicker .vue-datepicker-panels .vue-datepicker-tb tbody tr {
              border-top: none; }
            .mobileSelectWrap div.m_date .dateSelect .datepickerWrap > div .vue-datepicker .vue-datepicker-panels .vue-datepicker-tb .z-on span {
              background-color: #C5002B;
              height: 100%;
              line-height: 2; }
        .mobileSelectWrap div.m_date .dateSelect .datepickerWrap > div img {
          position: absolute;
          top: 6px;
          right: 11px; }
        .mobileSelectWrap div.m_date .dateSelect .datepickerWrap > div .el-date-editor {
          width: 100%; }
          .mobileSelectWrap div.m_date .dateSelect .datepickerWrap > div .el-date-editor i.el-icon-date {
            display: none; }
          .mobileSelectWrap div.m_date .dateSelect .datepickerWrap > div .el-date-editor input {
            border-radius: 0;
            height: 28px;
            border: 1px solid #DEE4EB; }
      .mobileSelectWrap div.m_date .dateSelect .datepickerWrap .to {
        margin: 0 5px; }
    .mobileSelectWrap div.m_date .dateSelect .dateOpts {
      text-align: center; }
      .mobileSelectWrap div.m_date .dateSelect .dateOpts .DateChoose {
        display: inline-block;
        padding: 6px 18px;
        margin: 0 5px;
        font-size: 13px;
        color: #6C7695;
        background: #fff;
        border: 1px solid #C5002B; }
      .mobileSelectWrap div.m_date .dateSelect .dateOpts .DateCancel {
        display: inline-block;
        padding: 6px 18px;
        margin: 0 5px;
        font-size: 13px;
        color: #6C7695;
        background: #fff;
        border: 1px solid #DEE4EB; }

  .desktop {
    display: none; }

  .mobile_fastnews {
    display: block !important; }

  .m_header {
    display: block !important; }

  .mobile-header {
    display: none !important; }

  .left {
    display: none !important; }

  .mobileNav {
    display: block;
    position: fixed;
    left: 0;
    z-index: 10;
    height: 100%; }

  .warp {
    box-sizing: border-box;
    position: relative;
    left: 0;
    transition: all ease 0.3s;
    z-index: 10;
    width: 100%;
    min-width: 0 !important; }
    .warp .mobileCover {
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.7);
      position: absolute;
      top: 0;
      z-index: 50;
      transition: all ease 0.3s; }
    .warp .left {
      display: block;
      position: fixed;
      top: 0px;
      left: 0;
      z-index: -1;
      min-height: auto;
      height: 100%; }
      .warp .left .sideFooter {
        position: static; }
    .warp .right {
      margin-left: 0;
      width: 100%;
      box-sizing: border-box;
      z-index: 8;
      min-width: 0 !important; }
      .warp .right .result .deskTop {
        display: none; }
      .warp .right .result .mobile_fastnews .article-box-mobile {
        border: 1px solid #D0D4D9;
        margin-bottom: 22px;
        background-color: #fff; }
        .warp .right .result .mobile_fastnews .article-box-mobile h2 {
          padding: 10px;
          white-space: normal;
          background-color: #F7F9FA; }
          .warp .right .result .mobile_fastnews .article-box-mobile h2 .investorTag {
            background: #FFF9F2;
            color: #C5002B;
            padding: 3px 5px; }
        .warp .right .result .mobile_fastnews .article-box-mobile > div {
          padding: 0 10px; }
          .warp .right .result .mobile_fastnews .article-box-mobile > div div {
            padding: 10px 0;
            border-bottom: 1px solid #ECECEC; }
            .warp .right .result .mobile_fastnews .article-box-mobile > div div span {
              display: inline-block;
              width: 70px;
              text-align: right;
              margin-right: 15px; }
            .warp .right .result .mobile_fastnews .article-box-mobile > div div span.leadTag {
              width: auto;
              font-size: 12px;
              color: #FD7A6C;
              display: inline-block;
              border: 1px solid #fd7a6c;
              width: auto;
              padding: 0 2px;
              border-radius: 2px;
              margin: 0 5px;
              vertical-align: middle; }
            .warp .right .result .mobile_fastnews .article-box-mobile > div div div.amountwrap {
              display: inline-block;
              padding: 0;
              border-bottom: none; }
            .warp .right .result .mobile_fastnews .article-box-mobile > div div div.loopwrap {
              padding: 0;
              display: inline-block;
              vertical-align: top;
              border-bottom: none; }
              .warp .right .result .mobile_fastnews .article-box-mobile > div div div.loopwrap span.point {
                width: auto;
                margin-right: 0px; }
            .warp .right .result .mobile_fastnews .article-box-mobile > div div ul.loopwrap {
              padding-left: 20px; }
              .warp .right .result .mobile_fastnews .article-box-mobile > div div ul.loopwrap li {
                margin: 10px 0;
                white-space: normal;
                list-style-type: disc; }
            .warp .right .result .mobile_fastnews .article-box-mobile > div div img {
              vertical-align: middle; }
      .warp .right .rightHeader {
        position: static;
        width: 100%;
        height: auto;
        display: none; }
        .warp .right .rightHeader .mobileRightNav {
          margin-top: 20px; }
          .warp .right .rightHeader .mobileRightNav .mobileSecondNav {
            position: relative; }
            .warp .right .rightHeader .mobileRightNav .mobileSecondNav .currentType {
              display: block;
              width: 100%;
              float: left;
              position: relative;
              z-index: 10;
              background-color: #fff;
              border: solid 1px #d0d4d9;
              padding: 0 15px;
              line-height: 38px;
              box-sizing: border-box;
              border-radius: 3px; }
              .warp .right .rightHeader .mobileRightNav .mobileSecondNav .currentType .options {
                border: solid 1px #d0d4d9;
                position: absolute;
                width: 100%;
                top: 38px;
                left: -1px;
                background-color: #fff; }
                .warp .right .rightHeader .mobileRightNav .mobileSecondNav .currentType .options li {
                  border-bottom: 1px solid #ECECEC;
                  padding: 0 15px; }
                  .warp .right .rightHeader .mobileRightNav .mobileSecondNav .currentType .options li a {
                    color: #1b2326; }
              .warp .right .rightHeader .mobileRightNav .mobileSecondNav .currentType .icon-arrow_down {
                position: absolute;
                top: 10px;
                right: 8px;
                transform: scale(0.5); }
        .warp .right .rightHeader .rightNav a {
          display: none;
          width: 100% s; }
          .warp .right .rightHeader .rightNav a span {
            height: auto;
            line-height: normal; }
        .warp .right .rightHeader .rightHeaderSearch {
          display: none; }
        .warp .right .rightHeader .rightNavTree {
          display: none; }
      .warp .right .rightDetail {
        margin: 20px 0 0;
        width: 100%; }
        .warp .right .rightDetail .Logo {
          display: block;
          position: static;
          height: auto;
          min-width: auto;
          max-width: none;
          width: 100%;
          margin-bottom: 20px; }
          .warp .right .rightDetail .Logo div {
            width: 80px;
            height: 80px;
            padding: 0;
            min-width: auto;
            max-width: none;
            margin: 0 auto; }
          .warp .right .rightDetail .Logo button {
            margin: 15px 0 0 0px;
            width: 60px;
            height: 22px;
            line-height: 23px; }
        .warp .right .rightDetail .Detail {
          display: block;
          margin-left: 0;
          width: 100%; }
          .warp .right .rightDetail .Detail > div {
            overflow: auto; }
            .warp .right .rightDetail .Detail > div .hr {
              width: 70%; }
      .warp .right .reportList {
        margin-top: 20px; }
        .warp .right .reportList .reportSingle {
          padding: 10px; }
          .warp .right .reportList .reportSingle > div {
            display: block; }
          .warp .right .reportList .reportSingle .reportLogo {
            width: 100%; }
          .warp .right .reportList .reportSingle .reportProfile {
            width: 100%;
            padding-left: 0;
            margin-top: 10px; }
            .warp .right .reportList .reportSingle .reportProfile .reportExplain .reportName {
              font-size: 18px;
              margin-top: 10px; }
            .warp .right .reportList .reportSingle .reportProfile .reportExplain .releasetime .download {
              display: block;
              margin-top: 10px;
              float: left; }
            .warp .right .reportList .reportSingle .reportProfile .reportExplain .releasetime .weChatHint {
              position: fixed;
              top: 0px;
              left: 0px;
              width: 100%;
              height: 100%; }
              .warp .right .reportList .reportSingle .reportProfile .reportExplain .releasetime .weChatHint .weChatHintBack {
                width: 100%;
                height: 100%;
                position: absolute;
                background-color: rgba(0, 0, 0, 0.2);
                z-index: 50; }
              .warp .right .reportList .reportSingle .reportProfile .reportExplain .releasetime .weChatHint .weChatHintMain {
                position: absolute;
                z-index: 100;
                height: 100%;
                width: 100%; }
                .warp .right .reportList .reportSingle .reportProfile .reportExplain .releasetime .weChatHint .weChatHintMain .line {
                  position: absolute;
                  width: 56px;
                  height: 58px;
                  top: 56px;
                  right: 23px; }
                .warp .right .reportList .reportSingle .reportProfile .reportExplain .releasetime .weChatHint .weChatHintMain .line_tip {
                  font-size: 1.5rem;
                  text-align: center;
                  color: #FFFFFF;
                  letter-spacing: 1px;
                  line-height: 30px;
                  padding-top: 125px; }
                .warp .right .reportList .reportSingle .reportProfile .reportExplain .releasetime .weChatHint .weChatHintMain .iknow {
                  position: absolute;
                  bottom: 60px;
                  width: 142px;
                  height: 60px;
                  left: 50%;
                  margin-left: -71px; }
            .warp .right .reportList .reportSingle .reportProfile .proUserPrice .price {
              text-align: center; }
              .warp .right .reportList .reportSingle .reportProfile .proUserPrice .price .floatLeft {
                float: none; }
              .warp .right .reportList .reportSingle .reportProfile .proUserPrice .price .floatRight {
                float: none; }
                .warp .right .reportList .reportSingle .reportProfile .proUserPrice .price .floatRight a.buy {
                  float: none; }
            .warp .right .reportList .reportSingle .reportProfile .generalUserPrice .price .floatLeft {
              float: none;
              text-align: center; }
            .warp .right .reportList .reportSingle .reportProfile .generalUserPrice .price .pcGeneralUserBuyBox {
              display: none; }
            .warp .right .reportList .reportSingle .reportProfile .generalUserPrice .price .mobileGeneralUserBuyBox {
              text-align: center; }
              .warp .right .reportList .reportSingle .reportProfile .generalUserPrice .price .mobileGeneralUserBuyBox .msgBuyBox {
                margin: 10px 0; }
              .warp .right .reportList .reportSingle .reportProfile .generalUserPrice .price .mobileGeneralUserBuyBox a {
                display: inline-block;
                width: 112px;
                height: 38px;
                font-size: 13px;
                background-color: #e73140;
                color: white;
                line-height: 38px;
                text-align: center;
                border-radius: 3px;
                box-shadow: 0 4px 6px 0 rgba(235, 81, 126, 0.6); }
            .warp .right .reportList .reportSingle .reportProfile .generalUserPrice .toPro {
              text-align: center; }
      .warp .right .reportDetail {
        margin-top: 20px;
        padding: 0; }
        .warp .right .reportDetail .reportDetailLogo {
          display: none; }
        .warp .right .reportDetail .reportDetailContent {
          margin-left: 0;
          width: 100%; }
          .warp .right .reportDetail .reportDetailContent .download {
            display: block;
            float: unset;
            color: #a1b0b5;
            font-size: 13px;
            margin: 10px 0; }
            .warp .right .reportDetail .reportDetailContent .download a {
              color: #C5002B; }
          .warp .right .reportDetail .reportDetailContent .weChatHint {
            position: fixed;
            top: 0px;
            left: 0px;
            width: 100%;
            height: 100%; }
            .warp .right .reportDetail .reportDetailContent .weChatHint .weChatHintBack {
              width: 100%;
              height: 100%;
              position: absolute;
              background-color: rgba(0, 0, 0, 0.6);
              z-index: 50; }
            .warp .right .reportDetail .reportDetailContent .weChatHint .weChatHintMain {
              position: absolute;
              z-index: 100;
              height: 100%;
              width: 100%; }
              .warp .right .reportDetail .reportDetailContent .weChatHint .weChatHintMain .line {
                position: absolute;
                width: 56px;
                height: 58px;
                top: 56px;
                right: 23px; }
              .warp .right .reportDetail .reportDetailContent .weChatHint .weChatHintMain .line_tip {
                font-size: 1.5rem;
                text-align: center;
                color: #FFFFFF;
                letter-spacing: 1px;
                line-height: 30px;
                padding-top: 125px; }
                .warp .right .reportDetail .reportDetailContent .weChatHint .weChatHintMain .line_tip p {
                  font-size: 24px;
                  color: white;
                  margin-bottom: 0; }
              .warp .right .reportDetail .reportDetailContent .weChatHint .weChatHintMain .iknow {
                position: absolute;
                bottom: 60px;
                width: 142px;
                height: 60px;
                left: 50%;
                margin-left: -71px; }
          .warp .right .reportDetail .reportDetailContent .proUserPrice .price {
            text-align: center; }
            .warp .right .reportDetail .reportDetailContent .proUserPrice .price .floatLeft span {
              display: block; }
            .warp .right .reportDetail .reportDetailContent .proUserPrice .price .floatLeft .originalPrice {
              text-decoration: line-through;
              color: #778380;
              margin-bottom: 20px; }
            .warp .right .reportDetail .reportDetailContent .proUserPrice .price .floatLeft .explain {
              color: #e73140; }
            .warp .right .reportDetail .reportDetailContent .proUserPrice .price .floatLeft .currentPrice {
              font-size: 30px;
              color: #e73140;
              letter-spacing: 0;
              line-height: 40px; }
            .warp .right .reportDetail .reportDetailContent .proUserPrice .price .mobileProUserBuyBox a {
              display: inline-block;
              width: 112px;
              height: 38px;
              font-size: 13px;
              background-color: #e73140;
              color: white;
              line-height: 38px;
              text-align: center;
              border-radius: 3px;
              margin: 15px 0px;
              box-shadow: 0 4px 6px 0 rgba(235, 81, 126, 0.6); }
          .warp .right .reportDetail .reportDetailContent .generalUserPrice .floatLeft {
            text-align: center; }
            .warp .right .reportDetail .reportDetailContent .generalUserPrice .floatLeft .currentPrice {
              line-height: 40px;
              font-size: 40px;
              color: #e73140; }
          .warp .right .reportDetail .reportDetailContent .generalUserPrice .mobileGeneralUserBuyBox {
            text-align: center; }
            .warp .right .reportDetail .reportDetailContent .generalUserPrice .mobileGeneralUserBuyBox .msgBuyBox {
              text-align: center; }
              .warp .right .reportDetail .reportDetailContent .generalUserPrice .mobileGeneralUserBuyBox .msgBuyBox .background {
                margin: 0 auto;
                width: 116px;
                height: 116px; }
            .warp .right .reportDetail .reportDetailContent .generalUserPrice .mobileGeneralUserBuyBox a {
              display: inline-block;
              width: 112px;
              height: 38px;
              font-size: 13px;
              background-color: #e73140;
              color: white;
              line-height: 38px;
              text-align: center;
              border-radius: 3px;
              margin: 15px 0px;
              box-shadow: 0 4px 6px 0 rgba(235, 81, 126, 0.6); }
          .warp .right .reportDetail .reportDetailContent .generalUserPrice .toPro {
            text-align: center; }
            .warp .right .reportDetail .reportDetailContent .generalUserPrice .toPro a {
              color: #e73140;
              text-decoration: underline;
              padding: 0 2px 0 4px; }
            .warp .right .reportDetail .reportDetailContent .generalUserPrice .toPro .proPrice {
              color: #e73140;
              font-size: 22px; }
      .warp .right .select {
        padding-left: 10px;
        padding-right: 10px;
        margin-top: 0;
        box-sizing: border-box; }
      .warp .right .upToPro {
        overflow: auto; }
        .warp .right .upToPro .pcLock {
          display: none; }
    .warp .msgModal {
      width: 80%; }
      .warp .msgModal .content {
        padding: 20px 20px 0; }
        .warp .msgModal .content h2 {
          white-space: normal; }
        .warp .msgModal .content h3 {
          white-space: normal;
          margin-bottom: 15px; }
        .warp .msgModal .content ul li {
          white-space: normal;
          padding-left: 0;
          line-height: normal;
          height: auto;
          margin-bottom: 10px; }
          .warp .msgModal .content ul li img {
            display: none; }
        .warp .msgModal .content p a {
          display: block;
          text-align: center;
          margin-right: 0; }
          .warp .msgModal .content p a .upgrade {
            width: 100%; }
    .warp .mobile-header {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 64px;
      background-color: #fff; }
      .warp .mobile-header .navicon {
        width: 15%;
        height: 100%;
        position: absolute;
        display: inline-block;
        text-align: center;
        line-height: 5; }
        .warp .mobile-header .navicon span {
          font-size: 24px;
          color: #546369; }
      .warp .mobile-header .logo {
        width: 100%;
        height: 100%;
        text-align: center;
        line-height: 77px; }
        .warp .mobile-header .logo img {
          width: 128px;
          margin: 0 auto; }
      .warp .mobile-header .typeSelect {
        display: inline-block;
        position: absolute;
        top: 0;
        right: 0;
        width: 15%;
        height: 100%;
        text-align: center;
        line-height: 4.2; }
        .warp .mobile-header .typeSelect span {
          transform: scale(0.5);
          display: inline-block; }
      .warp .mobile-header .fade-enter-active, .warp .mobile-header .fade-leave-active {
        transition: opacity 0.5s; }
      .warp .mobile-header .fade-enter, .warp .mobile-header .fade-leave-to {
        opacity: 0; }
      .warp .mobile-header div.options {
        width: 100%;
        height: 100%;
        z-index: 60;
        position: fixed; }
        .warp .mobile-header div.options div.back {
          width: 100%;
          height: 100%;
          position: absolute;
          z-index: 65;
          background-color: rgba(0, 0, 0, 0.7); }
        .warp .mobile-header div.options ul.options {
          position: absolute;
          z-index: 70;
          left: -1px;
          border: solid 1px #d0d4d9;
          width: 100%;
          background-color: #fff; }
          .warp .mobile-header div.options ul.options li {
            border-bottom: 1px solid #ECECEC;
            padding: 0 15px;
            line-height: 40px; }
            .warp .mobile-header div.options ul.options li a {
              color: #1b2326; }
    .warp .index {
      padding-top: 0;
      margin-top: 35px; }
      .warp .index .TMTBaseContainer {
        margin-top: 40px;
        margin-bottom: 20px; }
        .warp .index .TMTBaseContainer > div {
          width: 100%;
          display: block;
          padding-top: 1px; }
      .warp .index .upgrade {
        margin-bottom: 40px; }
        .warp .index .upgrade .line {
          display: none; }
        .warp .index .upgrade span {
          margin: 0 10%;
          white-space: normal; }

  .ceshi {
    left: 185px; }

  .warp .modal {
    width: 80%;
    height: 55%; }

  .warp .right .result .resultDescription {
    margin: 20px auto 25px;
    clear: both; }

  .warp .right .select .form {
    overflow: visible;
    zoom: 1; }
    .warp .right .select .form:before, .warp .right .select .form:after {
      content: "";
      display: table; }
    .warp .right .select .form:after {
      display: table;
      clear: both;
      content: "";
      visibility: hidden;
      height: 0; }

  .warp .right .select .form .options .option .operation > span .vue-datepicker input {
    height: 33px; }

  .warp .right .select .form .options .operation input[type="text"] {
    width: 100%; }
  .warp .right .select .form .options:after {
    display: none; }
  .warp .right .select .form .options .addOpt-single p {
    margin: 0; }
  .warp .right .select .form .options .option {
    overflow: visible; }
    .warp .right .select .form .options .option:before {
      display: none; }
    .warp .right .select .form .options .option p {
      display: none; }
    .warp .right .select .form .options .option .operation {
      display: block;
      width: 77%; }
      .warp .right .select .form .options .option .operation > span::before {
        display: none; }
    .warp .right .select .form .options .option .closeOpt {
      position: absolute;
      top: 0;
      right: 0; }
    .warp .right .select .form .options .option .selector {
      width: 100%; }
      .warp .right .select .form .options .option .selector span {
        width: 68%; }
        .warp .right .select .form .options .option .selector span:before, .warp .right .select .form .options .option .selector span:after {
          display: none; }
      .warp .right .select .form .options .option .selector img {
        right: 23%; }
    .warp .right .select .form .options .option .selector + .last {
      margin-top: 10px; }
    .warp .right .select .form .options .option .vue-datepicker {
      width: 44%; }
      .warp .right .select .form .options .option .vue-datepicker input {
        width: 99% !important;
        box-sizing: border-box; }
    .warp .right .select .form .options .option .selector-group .selector {
      display: block; }
    .warp .right .select .form .options .option .selector-group .selector + .selector {
      margin-top: 10px; }
  .warp .right .select .form .options .addOpt:before {
    display: none; }
  .warp .right .select .form .options .addOpt p {
    margin-left: 10px; }
    .warp .right .select .form .options .addOpt p span:before {
      display: none; }

  .warp .right .select .form .primary-button {
    margin-left: 10px; } }
@media screen and (min-device-width: 641px) {
  .mobileNav {
    display: none; }

  .warp {
    width: 100%; }
    .warp .right .rightHeader .mobileRightNav {
      display: none; }
    .warp .right .reportList .reportSingle .reportProfile hr {
      margin-top: 0px; }
    .warp .right .reportList .reportSingle .reportProfile .reportExplain .releasetime .weChatHint {
      display: none; }
    .warp .right .reportList .reportSingle .reportProfile .reportExplain .releasetime .timewrap {
      display: inline-block; }
    .warp .right .reportList .reportSingle .reportProfile .generalUserPrice .price .mobileGeneralUserBuyBox {
      display: none; }
    .warp .right .reportDetail .reportDetailContent .mobileHide {
      display: none; }
    .warp .right .reportDetail .reportDetailContent .pcHide {
      display: none; }
    .warp .right .reportDetail .reportDetailContent .download {
      margin-bottom: 0px; }
    .warp .right .reportDetail .reportDetailContent .releasetime .timewrap {
      display: inline-block; }
    .warp .mobile-header {
      display: none; }
    .warp .upToPro .mobileLock {
      display: none; } }
.newALink {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: #1b2326;
  display: inline-block;
  width: 100%; }
  .newALink:hover {
    cursor: pointer;
    text-decoration: underline; }

/*# sourceMappingURL=style.css.map */