/*文本溢出变...*/
@-webkit-keyframes loading {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes loading {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.loading {
  -webkit-animation-name: loading;
          animation-name: loading;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-duration: 200ms;
          animation-duration: 200ms;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
.page-finance-detail {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 auto;
  padding-bottom: 100px;
  width: 1200px;
}
.page-finance-detail-video {
  width: 840px;
}
.page-finance-detail-video .title {
  margin-top: 30px;
  font-size: 30px;
  color: #333;
}
.page-finance-detail-video .sub {
  margin-top: 20px;
  font-size: 16px;
  color: #999999;
}
.page-finance-detail-side {
  margin-left: 20px;
  width: 340px;
  height: 560px;
  background: #fff;
}
.page-finance-detail-side .title {
  width: 100%;
  height: 50px;
  line-height: 50px;
  text-align: center;
  color: #fff;
  font-size: 20px;
  background: #424456;
}
.page-finance-detail-side .list {
  height: 510px;
  overflow-y: scroll;
}
.page-finance-detail-side .li {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin: 10px 0;
}
.page-finance-detail-side .li-img {
  width: 160px;
  height: 106px;
  cursor: pointer;
}
.page-finance-detail-side .li-img:hover {
  opacity: .8;
}
.page-finance-detail-side .li-title {
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding-left: 12px;
  width: 170px;
  cursor: pointer;
}
.page-finance-detail-side .li-title:hover {
  color: #44a2f2;
}