.swiper-air-report {
    height: 420px; /* 容器高度 */
	width:100%;
    overflow: hidden;
}

/* 自定义样式 */
.scroll-divst {
    divst-style: none;
    padding: 0;
    margin: 0;
}

.scroll-divst div {
    height: 40px;
    divne-height: 40px;
    font-size: 16px;
    /* 可根据需要设置固定高度 */
}
.L_air_realtime div .s_1{
	width: 35%;
	padding-left:5px;
	text-align: left !important;
	white-space: nowrap; /* 不换行 */
	overflow: hidden; /* 隐藏超出的内容 */
	text-overflow: ellipsis; /* 用省略号表示被隐藏的部分 */
}
.L_air_realtime div .s_2{
    width: 24%;
}
.L_air_realtime div .s_3{
    width: 15%;
}
.L_air_realtime div .s_4{
    /*空气质量优*/
    width: 9%;
    color: black;
    height: 20px;
    margin: 3px 3%;
   	line-height: 17px;
	border-radius: 4px;
	text-align: center;
    background: #00E400;
/* text-shadow:0px 1px 0px grey; */  
}
.L_air_realtime div .s_5{
    /*空气质量良*/
    width: 9%;
    color: black;
    height: 20px;
    margin: 3px 3%;
    line-height: 17px;
	border-radius: 4px;
	text-align: center;
    background: #ffff00;
    /*  text-shadow:0px 1px 0px grey;  */
}
.L_air_realtime div .s_6{
    /*空气质量轻度污染*/
    width: 9%;
    color: black;
    height: 20px;
    margin: 3px 3%;
   	line-height: 17px;
	border-radius: 4px;
	text-align: center;
    background: #FF7E00;
    /* text-shadow:0px 1px 0px grey; */ 
}
.L_air_realtime div .s_7{
    /*空气质量中度污染*/
    width: 9%;
    color: #fff;
    height: 20px;
    margin: 3px 3%;
   	line-height: 17px;
	border-radius: 4px;
	text-align: center;
    background: #FF0000;
    /* text-shadow:0px 1px 0px grey; */
}
.L_air_realtime div .s_8{
    /*空气质量重度污染*/
    width: 9%;
    color: #fff;
    height: 20px;
    margin: 3px 3%;
  	line-height: 17px;
	border-radius: 4px;
	text-align: center;
    background: #99004c;
    /* text-shadow:0px 1px 0px grey; */
}
.L_air_realtime div .s_9{
	/*空气质量严重污染*/
	width: 9%;
	color: #fff;
	height: 20px;
	margin: 3px 3%;
	line-height: 17px;
	border-radius: 4px;
	text-align: center;
	background: #7e0023;
	/* text-shadow:0px 1px 0px grey; */
}


.R_water_realtime div .w_1{
    padding-left:5px;
    width: 53%;
    text-align: left;
}
.R_water_realtime div .w_2{
    width: 31%;
}
.R_water_realtime div .w_3{
    width: 15%;
}
.R_water_realtime div .w_4{
    width: 14%;
}
.R_water_realtime div .w_10{
    width: 9%;
    color: black;
    height: 20px;
    margin: 3px 3%;
    line-height: 20px;
    border-radius: 4px;
    text-align: center;
    background: #C5FFFF;
}
.R_water_realtime div .w_11{
    width: 9%;
    color: black;
    height: 20px;
    margin: 3px 3%;
    line-height: 20px;
    border-radius: 4px;
    text-align: center;
    background: #1FCAF9;
}
.R_water_realtime div .w_12{
    width: 9%;
    color: black;
    height: 20px;
    margin: 3px 3%;
    line-height: 20px;
    border-radius: 4px;
    text-align: center;
    background: #00FF00;
}
.R_water_realtime div .w_13{
    width: 9%;
    color: black;
    height: 20px;
    margin: 3px 3%;
    line-height: 20px;
    border-radius: 4px;
    text-align: center;
    background: #FFFF00;
}
.R_water_realtime div .w_14{
    width: 9%;
    color: black;
    height: 20px;
    margin: 3px 3%;
    line-height: 20px;
    border-radius: 4px;
    text-align: center;
    background: #FF9000;
}
.R_water_realtime div .w_15{
    width: 9%;
    color: black;
    height: 20px;
    margin: 3px 3%;
    line-height: 20px;
    border-radius: 4px;
    text-align: center;
    background: #FF0000;
}		


.L_air_realtime span{
	display:inline-table;
}
.air_title {
     background: linear-gradient(45deg, #f8f8f8, #fff);
}
.air_title span{
    font-size:18px ;
	padding:3px 0 3px 0;
	color:	#009d00;
	float: left;
	display: block;
	text-align: center;
	background: linear-gradient(45deg, #f8f8f8, #fff);
}
.swiper-list span{
	padding:2px 0 2px 0;
	margin:2px 0 2px 0;
	float: left;
	display: block;
	text-align: center;
}

/* 复制前两个元素实现无缝衔接 */
.scroll-content:hover {
  animation-play-state: paused;
}

/* 复制前两个元素实现无缝衔接 */
.water-content:hover {
  animation-play-state: paused;
}

/* 复制前两个元素实现无缝衔接 */
.air-content:hover {
  animation-play-state: paused;
}
/* 复制前两个元素实现无缝衔接 */
.day-content:hover {
  animation-play-state: paused;
}

.swiper-list {
    width: 100%;
    height: 36px;
    font-size: 15px;
    padding: 3px 0 3px 0;
    box-sizing: border-box;
    display: flex;
    align-items: center;
   /* border-bottom: 1px solid #ddd;*/
    background: linear-gradient(45deg, #f8f8f8, #fff);
    zoom: 1; /* IE hasLayout hack */
}


.scroll-content {
  animation: swiper-scroll 260s linear infinite;
  -ms-animation: swiper-scroll 260s linear infinite;
}


.water-content {
  animation: swiper-scroll linear infinite;
  -ms-animation: swiper-scroll  linear infinite;
  animation-duration: var(--duration); /* 通过变量控制时间 */
}


.air-content {
  animation: swiper-scroll linear infinite;
  -ms-animation: swiper-scroll  linear infinite;
  animation-duration: var(--duration); /* 通过变量控制时间 */
}

.day-content {
  animation: swiper-scroll linear infinite;
  -ms-animation: swiper-scroll  linear infinite;
  animation-duration: var(--duration); /* 通过变量控制时间 */
}

/* 标准浏览器关键帧 */
@keyframes swiper-scroll {
  0% { transform: translateY(0); }
  100% { transform: translateY(-87%); }
}

/* IE专用关键帧 */
@-ms-keyframes swiper-scroll {
  0% { -ms-transform: translateY(0); }
  100% { -ms-transform: translateY(-87%); }
}


/* 标准浏览器关键帧 */
@keyframes water-scroll {
  0% { transform: translateY(0); }
  100% { transform: translateY(-87px); }
}

/* IE专用关键帧 */
@-ms-keyframes water-scroll {
  0% { -ms-transform: translateY(0); }
  100% { -ms-transform: translateY(-87px); }
}
/* IE11+ 特别优化 */
_:-ms-fullscreen, :root .scroll-content {
  margin-top: -1px; /* 修复像素舍入问题 */
}

_:-ms-fullscreen, :root .water-content {
  margin-top: -1px; /* 修复像素舍入问题 */
}
.b_num{
    font-size: 14px;
    margin-left: 1px;
}

.ari_update_time{
    font-size: 13px;
    border: none;
    font-weight: 500;
    color: #535252;
}


.datamiddle i  {
    display: block;
    font-size: 18px;
    margin-left: 10px;
    line-height: 30px;
    font-style: normal;
}
.datamiddle .b_num{
    font-size: 12px;
    font-weight: normal;
}
/*
     FILE ARCHIVED ON 00:44:42 May 06, 2025 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 01:10:04 May 15, 2025.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.785
  exclusion.robots: 0.029
  exclusion.robots.policy: 0.013
  esindex: 0.016
  cdx.remote: 12.254
  LoadShardBlock: 62.453 (3)
  PetaboxLoader3.datanode: 98.257 (5)
  load_resource: 695.322
  PetaboxLoader3.resolve: 617.034
  loaddict: 47.549
*/