@media screen and (min-width:1000px){
.i970{height:122px;margin-bottom:10px;font-family:Verdana;background-color:#f8f8f8;font-size:14px;font-family:"Microsoft Yahei","΢ÈíÑźÚ";} 
.i970 ul{float:left;padding-left:10px;list-style:none;margin: 0px;padding-top:6px;padding-bottom:8px;}
.i970 li{float:left;padding:0px;width:120px; }
.i970 li img{width: 20px; top: 1px; border: 0px; margin-inline-start: initial; margin-inline-end: 8px; align-self: center; border-radius: 3px;}
.i970 li span{padding-inline-end: 1px; display: inline-block;text-decoration: none; border-bottom: none; width: 120px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: var(--recommended-sites-site-text-color);}
.i970 li a {height: 28px; position: relative; display: flex; text-decoration: none; cursor: pointer; margin: 4px; padding: 0px 4px; border-radius: 6px;} 
}
@media (min-width:100px) and (max-width:999px){
.i970{margin-bottom:10px;font-family:Verdana;background-color:#f8f8f8; font-size:40px;font-family:"Microsoft Yahei","΢ÈíÑźÚ";} 
.i970 ul{float:left;list-style:none;margin: 0px;padding-top:6px;padding-bottom:8px;}
.i970 li{float:left;padding:0px;width:30%;margin-left:2%;}
.i970 li img{width:44px;margin-inline-start: initial; margin-inline-end: 12px; align-self: center; border-radius: 3px;}
.i970 li span{padding-inline-end: 1px; display: inline-block;text-decoration: none; border-bottom: none; min-width:180px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: var(--recommended-sites-site-text-color);}
.i970 li a {position: relative; display: flex; text-decoration: none; cursor: pointer;margin:5px;border-radius:6px;color:#05a;} 
}