.common-first-box-title-tip{
  width:clamp(20px,3.1vw,31px);
}
.common-first-box-title-text{
  margin-left:clamp(5px,1vw,10px);
  font-size: clamp(20px,3.4vw,34px);
  color: #ad0000;
  font-weight:bold;
}
.common-first-box-content{
  margin-top:clamp( 15px,2.6vw,26px );
}
.common-first-box-left{
  width:calc( 720 / 1440 * 100% );
}
.common-first-box-right{
  display:flex;
  flex-direction:column;
  width:calc( 701 / 1440 * 100% );
}
.common-first-box-right .story-list{
  display:flex;
  flex-direction:column;
  flex:1;
  justify-content:space-between;
  margin-top:0;
}
.common-first-box-right .story-list-unit{
  flex:none;
  background-color:rgba(0,0,0,0);
}
.common-first-box .common-swiper-slide-bottom{
  height:32px;
  flex:none;
}
.common-first-box .common-swiper-pagination{
  right:50%!important;
  transform:translateX(50%);
}
.common-first-box .common-swiper-box{
  box-shadow:unset;
}
.common-first-box .common-swiper-pagination .swiper-pagination-bullet{
  background-color: #dfdfdf;
}
.common-first-box .common-swiper-pagination .swiper-pagination-bullet-active{
  background-color: #e96060;
}
.common-first-box-right .story-list-ur .story-list-unit-top{
  width:calc( 224 / 701 * 100% );
}
@media (max-width: 1520px) {
  .common-first-box .common-swiper-slide-bottom {
    height: 38px;
  }
}
@media (max-width:1200px){
  .common-first-box-right .story-list-unit-title{
    -webkit-line-clamp: 3;
    height: clamp(48px, 3.6vw, 72px);
  }
  .common-first-box-right{
    width:calc( 470 / 1120 * 100% );
  }
  .common-first-box-left{
    width:calc( 626 / 1120 * 100% );
  }
}
@media (max-width:992px){
  .common-first-box-right{
    width:calc( 354 / 912 * 100% );
  }
  .common-first-box-left{
    width:calc( 535 / 912 * 100% );
  }
  .common-first-box-content{
    align-items:flex-start;
  }
  .common-first-box-right .story-list-ur .story-list-unit-top{
    width: calc(366 / 701 * 100%);
  }
}
@media (max-width:768px){
  .common-first-box-right{
    width:calc( 251 / 688 * 100% );
  }
  .common-first-box-left{
    width:calc( 416 / 688 * 100% );
  }
}
@media (max-width: 576px) {
  .common-first-box .common-swiper-slide-bottom {
    height: calc(10px + clamp(1px, 6vw, 23px));
  }
  .common-first-box .common-swiper-pagination{
    width:100%!important;
  }
  .common-first-box .common-swiper-pagination{
    height:unset;
    line-height: clamp(1px,4.6vw,15px);
  }
  .common-first-box .common-swiper-slide-bottom{
    padding:0;
    height: clamp(1px,2.6vw,15px);
  }
  .common-first-box .img-box-shadow{
    display:block;
  }
  .common-first-box .common-first-box-content{
    display:block;
  }
  .common-first-box-left{
    width:100%;
  }
  .common-first-box-right{
    display:none;
  }
}