<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
/*
 * 交易数据总览——按行业统计
 * date: 2019-06-05
 * author : 程姣姣
 */
.main .map-ct {
  position: absolute;
  left: 50%;
  top: 68px;
  width: 655px;
  height: 696px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 2;
}

.main .con-ct {
  position: absolute;
  left: 0;
  top: 96px;
  bottom: 0;
  width: 100%;
  background: url(../images/ind-earth.png) no-repeat center bottom;
}

.main .con-ct .box {
  position: absolute;
  width: 632px;
}

.main .con-ct .industry-item:nth-child(1) {
  top: 0;
  left: 0;
}

.main .con-ct .industry-item:nth-child(2) {
  top: 250px;
  left: 0;
}

.main .con-ct .industry-item:nth-child(3) {
  top: 492px;
  left: 0;
}

.main .con-ct .industry-item:nth-child(4) {
  top: 0;
  right: 0;
}

.main .con-ct .industry-item .box-title {
  background-image: url(../images/ind-title1.png);
}

.main .con-ct .industry-item li {
  float: left;
  width: 50%;
  height: 60px;
  line-height: 60px;
  overflow: hidden;
}

.main .con-ct .industry-item li &gt; span {
  float: left;
  width: 146px;
  text-align: right;
  font-size: 18px;
  color: #42C7FF;
}

.main .con-ct .industry-item li p {
  float: left;
  font-size: 15px;
  color: #03FFA3;
}

.main .con-ct .industry-item li p span {
  display: inline-block;
  width: 80px;
  padding-right: 8px;
  text-align: right;
  font-size: 20px;
  font-family: 'num';
}

.main .con-ct .compare-count {
  right: 0;
  top: 270px;
}

.main .con-ct .compare-count .box-title {
  background-image: url(../images/ind-title2.png);
}

.main .con-ct .compare-count #compareCount {
  height: 378px;
}

.main .con-ct .sumary-count {
  position: absolute;
  top: 674px;
  left: 0;
  width: 100%;
  text-align: center;
}

.main .con-ct .sumary-count ul {
  height: 154px;
}

.main .con-ct .sumary-count ul li {
  position: relative;
  width: 150px;
  height: 150px;
  margin: 0 35px;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #00FF99;
}

.main .con-ct .sumary-count ul li:nth-child(1), .main .con-ct .sumary-count ul li:nth-child(5) {
  margin-top: 52px;
}

.main .con-ct .sumary-count ul li:nth-child(2), .main .con-ct .sumary-count ul li:nth-child(4) {
  margin-top: 14px;
}

.main .con-ct .sumary-count ul li::before {
  position: absolute;
  left: 0;
  top: 0;
  content: '';
  width: 100%;
  height: 100%;
  background: url(../images/ind-circle.png) no-repeat 0;
  -webkit-animation: rotate 10s linear infinite;
          animation: rotate 10s linear infinite;
}

.main .con-ct .sumary-count ul li h6 {
  font-size: 18px;
  color: #fff;
}

.main .con-ct .sumary-count ul li p {
  margin-top: 8px;
  font-size: 20px;
  font-family: 'num';
}

.main .con-ct .sumary-count &gt; h6 {
  font-size: 40px;
  color: #FBF605;
  font-weight: bold;
}
</pre></body></html>