html{font-size: 100px;}
/*index*/
.index-flash-box{background: #f6f6f6; padding: 40px 0;}
.index-flash {
  width: 100%;
  position: relative;
  padding-bottom: 6px; /* Converted from 0.06rem */
}
.index-flash .bg {
  position: absolute;
  left: 50%;
  top: 0;
  right: 0;
  height: 724px; /* Converted from 7.24rem */
}
.index-flash .bg:before {
  content: "";
  display: block;
  position: absolute;
  left: -745px; /* Converted from -7.45rem */
  top: 0;
  right: 0;
  bottom: 0;
  background: url("https://www.tsinghua.edu.cn/new/image/img1705.jpg") center no-repeat;
  background-size: 100% 100%;
}
.index-flash .wal2 {
  position: relative;
  z-index: 2;
  padding-top: 48px; /* Converted from 0.48rem */
}
.index-flash .list {
  width: 855px; /* Converted from 10.93rem */
  overflow: hidden;
  position: relative;
}
.index-flash .list li {
  position: relative;
}
.index-flash .list li .img a {
  position: relative;
  display: block;
}
.index-flash .list li .img  {
width: 855px;height: 550px;
}
.index-flash .list li .img img{width: 855px;height: 527px;}
.index-flash .list li .img a:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  top: 0;
  background: url("bg20_2.png") center bottom repeat-x;
  background-size: auto 428px; /* Converted from 4.28rem */
}
.index-flash .list li .layer {
  position: absolute;
  z-index: 1;
  left: 30px; /* Converted from 0.57rem */
  right: 80px; /* Converted from 0.57rem */
  top: auto;
  bottom: 20px; /* Converted from 0.57rem */
}
.index-flash .list li .layer a {
  color: #fff;
}
.index-flash .list li .layer .tag a {
  line-height: 26px; /* Converted from 0.26rem */
  padding: 12px 10px; /* Converted from 0.12rem and 0.1rem */
  font-size: 12px; /* Converted from 0.12rem */
  background: #791CB5;
}
.index-flash .list li .layer h3 a {
  font-size: 24px; /* Converted from 0.24rem */
  line-height: 30px; /* Converted from 0.3rem */
  padding: 15px 0;
  display: block;
}
.index-flash .list li .layer p a {
  font-size: 14px; /* Converted from 0.14rem */
  line-height: 22px; /* Converted from 0.22rem */
  opacity: 0.67;
  display: block;
}
.index-flash .side ul {
  position: absolute;
  z-index: 1;
  left: auto;
  right: 0;
  top: 48px; /* Converted from 0.48rem */
  bottom: 0;
  background: #fff;
  width: 510px; /* Converted from 5.1rem */
}
.index-flash .side ul li {
  position: relative;
  width: 100%;
  z-index: 1;
  height: 130px;
}
.index-flash .side ul li:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  right: 219px; /* Converted from 2.19rem */
  height: 1px;
  background: #EBEBEB;
}
.index-flash .side ul li:last-child:before {
  display: none;
}
.index-flash .side ul li:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: -6px; /* Converted from -0.06rem */
  right: -6px; /* Converted from -0.06rem */
  bottom: -10px; /* Converted from -0.06rem */
  background: #c80c1b;
  opacity: 0;
    transition: opacity 0.3s ease; /* 添加过渡动画，0.3秒持续时间，以及缓动效果 */
}

.index-flash .side ul li .name {
  font-size: 18px; /* Converted from 0.18rem */
  line-height: 26px; /* Converted from 0.26rem */
  color: #524A64;
  min-height: 78px; /* Converted from 0.78rem */
  font-weight: bold;
  width: 250px;
  display: flex;
      align-items: center;
      justify-content: center;
      align-content: center;
      height: 130px;padding-left: 20px;
}
.index-flash .side ul li .time, .index-flash .side ul li .name {
  position: relative;
  z-index: 2;
}
.index-flash .side ul li .img {
  width: 215px; /* Converted from 2.19rem */
  height: 135px;
  position: absolute;
  z-index: 1;
  right:0;
  top: 0;
  bottom: 0;
  background: center no-repeat;
  background-size: cover;
}
.index-flash .side ul li.on {
  z-index: 2;
}
.index-flash .side ul li.on:after {
  opacity: 1;
  left: -20px; /* Converted from -0.2rem */
    transition: opacity 0.3s ease; /* 添加过渡动画，0.3秒持续时间，以及缓动效果 */
}
.index-flash .side ul li.on .time {
  color: rgba(255, 255, 255, 0.6);
}
.index-flash .side ul li.on .name {
  color: #fff;
}