.dy_red {
  color: #f2566c !important; }

.body_bg {
  background: url("https://www.xiu521.com/~x1/style/wxstyle/release/pc/v1/img/topic/qixi_2019/bg.jpg") no-repeat center 0; }

.body_contant {
  width: 1200px;
  margin: 0 auto;
  position: relative; }

.letter_area {
  background: url("https://www.xiu521.com/~x1/style/wxstyle/release/pc/v1/img/topic/qixi_2019/letter.png") no-repeat 0 0;
  height: 244px;
  width: 200px;
  text-align: center;
  padding: 50px 40px 56px 47px;
  position: absolute;
  top: 0px;
  left: 100px;
  color: #9b5f6b;
  font-size: 14px;
  display: none;
  z-index: 10; }
  .letter_area .close_icon {
    position: absolute;
    right: 0px;
    top: 23px;
    height: 30px;
    width: 30px;
    cursor: pointer; }
  .letter_area .letter_title {
    margin-top: 15px;
    padding-bottom: 10px; }
  .letter_area p {
    height: 26px;
    line-height: 28px;
    border-bottom: 1px solid #fedfda; }

.zb_rank_area .zb_rank {
  position: absolute;
  left: 307px;
  top: 2265px;
  width: 120px;
  text-align: center;
  color: #fff;
  cursor: pointer;
  display: block;
  font-size: 14px; }

.zb_rank_area img {
  height: 55px;
  width: 55px;
  border-radius: 50%;
  display: block;
  margin: 0 auto;
  border: 2px solid #fff; }

.zb_rank_area .rank_icon {
  background: url("https://www.xiu521.com/~x1/style/wxstyle/release/pc/v1/img/topic/qixi_2019/rank_icon1.png") no-repeat 0 0;
  height: 35px;
  width: 35px;
  display: block;
  position: absolute;
  top: 0px;
  left: 16px; }

.zb_rank_area .rank01 {
  top: 2336px;
  left: 166px;
  width: 120px; }
  .zb_rank_area .rank01 img {
    height: 65px;
    width: 65px; }
  .zb_rank_area .rank01 .rank_icon {
    background-image: url("https://www.xiu521.com/~x1/style/wxstyle/release/pc/v1/img/topic/qixi_2019/rank_icon.png");
    left: 14px; }

.zb_rank_area .rank03 {
  top: 2336px;
  left: 440px; }
  .zb_rank_area .rank03 .rank_icon {
    background-image: url("https://www.xiu521.com/~x1/style/wxstyle/release/pc/v1/img/topic/qixi_2019/rank_icon2.png"); }

.zb_rank_area .rank04 {
  top: 2272px;
  left: 580px; }

.zb_rank_area .rank05 {
  top: 2325px;
  left: 705px; }

.zb_rank_area .rank06 {
  top: 2272px;
  left: 830px; }

.zb_rank_area .rank07 {
  top: 2325px;
  left: 950px; }

.marguee_area {
  position: absolute;
  top: 2490px;
  left: 285px;
  height: 30px;
  line-height: 30px;
  width: 680px;
  color: #fff;
  font-size: 14px; }
  .marguee_area .time {
    font-size: 12px;
    color: #a3b6cc; }
  .marguee_area span {
    margin-right: 10px; }