/*热点排行 and 热词排行*/
.clearfix {
  overflow: auto;
  zoom: 1;
}
.clearfix:after {
  display: block;
  clear: both;
  content: "";
  visibility: hidden;
  height: 0;
}
.hotspots_box,
.hotwords_box {
  width: 50%;
  float: left;
}
.hotspots_box ul {
  margin-top: 30px;
}
.hotspots_box ul li {
  margin: 20px 20px 20px 6px;
  white-space: nowrap;
}
.hotspots_box ul li .num {
  display: inline-block;
  width: 14px;
  height: 14px;
  border-radius: 2px;
  color: #fff;
  text-align: center;
  font-size: 12px;
  background: #608fce;
  margin-right: 16px;
  margin-top: 2px;
  float: left;
}
.hotspots_box ul li .text {
  color: #333;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  float: left;
  width: 60%;
}
.hotspots_box ul li .text:hover {
  color: #4da5d8;
}
.hotspots_box ul li .date {
  color: #999;
  font-size: 14px;
  margin-left: 40px;
  float: right;
}
.hotspots_box ul li .first {
  background: #f86262;
}
.hotspots_box ul li .second {
  background: #fe8f4b;
}
.hotspots_box ul li .third {
  background: #4dbac0;
}
.hotspots_box ul li.no_data {
  color: #d7d7d7;
  text-align: center;
  padding: 10px 0;
  margin: 100px 0;
  width: 100%;
  cursor: default;
}
.hotwords_box .no_data {
  color: #d7d7d7;
  text-align: center;
  padding: 10px 0;
  margin: 100px 0;
  width: 100%;
  cursor: default;
}
.hotwords_box .hotwords_data_box {
  width: 385px;
  height: 331px;
  margin: 30px auto 0;
  position: relative;
}
.hotwords_box .hotwords_data_box a {
  display: block;
  color: #fff;
  text-align: center;
  border-radius: 50%;
}
.hotwords_box .hotwords_data_box a span {
  display: block;
}
.hotwords_box .hotwords_data_box a span.txt_btom {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: clip;
  text-overflow: ellipsis;
}
.hotwords_box .hotwords_data_box .hotwords_rank01 {
  width: 108px;
  height: 108px;
  background: #ea5755;
  position: absolute;
  top: 55px;
  left: 120px;
}
.hotwords_box .hotwords_data_box .hotwords_rank01 span {
  font-size: 16px;
  line-height: 26px;
}
.hotwords_box .hotwords_data_box .hotwords_rank01 span.txt_top {
  margin-top: 28px;
}
.hotwords_box .hotwords_data_box .hotwords_rank01:hover {
  background: #e64b49;
}
.hotwords_box .hotwords_data_box .hotwords_rank02 {
  width: 96px;
  height: 96px;
  background: #f8b551;
  position: absolute;
  top: 6px;
  right: 45px;
}
.hotwords_box .hotwords_data_box .hotwords_rank02 span {
  font-size: 16px;
  line-height: 26px;
}
.hotwords_box .hotwords_data_box .hotwords_rank02 span.txt_top {
  margin-top: 22px;
}
.hotwords_box .hotwords_data_box .hotwords_rank02:hover {
  background: #eda73f;
}
.hotwords_box .hotwords_data_box .hotwords_rank03 {
  width: 88px;
  height: 88px;
  background: #4dc0e4;
  position: absolute;
  top: 132px;
  left: 0px;
}
.hotwords_box .hotwords_data_box .hotwords_rank03 span {
  font-size: 16px;
  line-height: 26px;
}
.hotwords_box .hotwords_data_box .hotwords_rank03 span.txt_top {
  margin-top: 18px;
}
.hotwords_box .hotwords_data_box .hotwords_rank03:hover {
  background: #37b4db;
}
.hotwords_box .hotwords_data_box .hotwords_rank04 {
  width: 80px;
  height: 80px;
  background: #516274;
  position: absolute;
  left: 179px;
  bottom: 0px;
}
.hotwords_box .hotwords_data_box .hotwords_rank04 span {
  font-size: 16px;
  line-height: 26px;
}
.hotwords_box .hotwords_data_box .hotwords_rank04 span.txt_top {
  margin-top: 14px;
}
.hotwords_box .hotwords_data_box .hotwords_rank04:hover {
  background: #46586b;
}
.hotwords_box .hotwords_data_box .hotwords_rank05 {
  width: 72px;
  height: 72px;
  background: #25a48d;
  position: absolute;
  top: 154px;
  right: 78px;
}
.hotwords_box .hotwords_data_box .hotwords_rank05 span {
  font-size: 14px;
  line-height: 22px;
}
.hotwords_box .hotwords_data_box .hotwords_rank05 span.txt_top {
  margin-top: 14px;
}
.hotwords_box .hotwords_data_box .hotwords_rank05:hover {
  background: #1f9a83;
}
.hotwords_box .hotwords_data_box .hotwords_rank06 {
  width: 66px;
  height: 66px;
  background: #ffa675;
  position: absolute;
  top: 3px;
  left: 53px;
}
.hotwords_box .hotwords_data_box .hotwords_rank06 span {
  font-size: 14px;
  line-height: 22px;
}
.hotwords_box .hotwords_data_box .hotwords_rank06 span.txt_top {
  margin-top: 11px;
}
.hotwords_box .hotwords_data_box .hotwords_rank06:hover {
  background: #f28e56;
}
.hotwords_box .hotwords_data_box .hotwords_rank07 {
  width: 60px;
  height: 60px;
  background: #2a52a3;
  position: absolute;
  top: 126px;
  right: 0px;
}
.hotwords_box .hotwords_data_box .hotwords_rank07 span {
  font-size: 12px;
  line-height: 20px;
}
.hotwords_box .hotwords_data_box .hotwords_rank07 span.txt_top {
  margin-top: 10px;
}
.hotwords_box .hotwords_data_box .hotwords_rank07:hover {
  background: #1f4590;
}
.hotwords_box .hotwords_data_box .hotwords_rank08 {
  width: 54px;
  height: 54px;
  background: #6173e5;
  position: absolute;
  left: 68px;
  bottom: 11px;
}
.hotwords_box .hotwords_data_box .hotwords_rank08 span {
  font-size: 12px;
  line-height: 20px;
}
.hotwords_box .hotwords_data_box .hotwords_rank08 span.txt_top {
  margin-top: 7px;
}
.hotwords_box .hotwords_data_box .hotwords_rank08:hover {
  background: #4b5fda;
}
.hotwords_box .hotwords_data_box .hotwords_rank09 {
  width: 48px;
  height: 48px;
  background: #a5b1da;
  position: absolute;
  bottom: 27px;
  right: 37px;
}
.hotwords_box .hotwords_data_box .hotwords_rank09 span {
  font-size: 12px;
  line-height: 16px;
}
.hotwords_box .hotwords_data_box .hotwords_rank09 span.txt_top {
  margin-top: 8px;
}
.hotwords_box .hotwords_data_box .hotwords_rank09:hover {
  background: #8b99c8;
}
.hotwords_box .hotwords_data_box .hotwords_rank10 {
  width: 46px;
  height: 46px;
  background: #608fce;
  position: absolute;
  bottom: 89px;
  left: 146px;
}
.hotwords_box .hotwords_data_box .hotwords_rank10 span {
  font-size: 12px;
  line-height: 16px;
}
.hotwords_box .hotwords_data_box .hotwords_rank10 span.txt_top {
  margin-top: 7px;
}
.hotwords_box .hotwords_data_box .hotwords_rank10:hover {
  background: #5583c1;
}
.hotwords_box .hotwords_bg {
  background: url('../../images/comold/hotwords_bg.png') no-repeat center top;
}
@media screen and (min-width: 1800px) {
  .hotspots_box ul li .text {
    width: 70%;
  }
}