File: /www/wwwroot/h3.iyingtaos.cn/wp-content/themes/three-picture/style.css
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
}
.header {
background-color: #007bff;
color: white;
padding: 16px 20px;
text-align: center;
font-weight:700;
font-size: 5vw;
}
.nav {
overflow-x: auto;
white-space: nowrap;
display: flex;
-webkit-box-align: center;
align-items: center;
position: sticky;
justify-content: space-around;
height: 8vw;
font-size: 4.26667vw;
top: -1px;
-webkit-box-shadow: .26667vw .26667vw .4vw rgba(0, 0, 0, .19);
box-shadow: .26667vw .26667vw .4vw rgba(0, 0, 0, .19);
z-index: 1000;
background: #eee;
width: 100%;
}
.nav-item {
display: flex;
align-items: center;
cursor: pointer;
padding: 0 2vw;
}
.gold-bar-gallery {
display: flex;
justify-content: space-around;
width: 80%;
margin-bottom: 20px;
}
.gold-bar-image {
flex: 1;
max-width: 300px; /* 根据需要调整大小 */
border: 1px solid #ccc;
padding: 5px;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
.gold-bar-image img {
width: 100%;
height: auto;
display: block; /* 移除图片下方的默认间距 */
}
.advertisement-text {
font-size: 24px;
color: #333;
text-align: center;
}
/* #lists{
border-bottom: 1px solid #eee;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 2.66667vw 1.33333vw;
height: 22vw;
overflow: hidden;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
#lists img{
flex-basis: 32vw;
-ms-flex-negative: 0;
flex-shrink: 0;
min-width: 32vw;
width: 32vw;
height: 22vw;
float: left;
overflow: hidden;
margin-right: 2.66667vw;
}
#lists .p2{
display: inline-block;
margin-top: 0;
padding: 0 .8vw;
color: #007aff;
text-align: center;
border: 1px solid #007aff;
font-size: 18px;
}
#lists .p3{
margin-top: 0;
color: grey;
font-size: 18px;
float: right;
} */
.lb img{
max-width: 100%;
}
.guanggaotu{
display: flex;
justify-content: center;
}
.guanggao p{
margin-top: 10px;
margin-bottom:3px;
padding-left: 8px;
font-weight: 700;
}
.guanggaotu img {
max-width: calc(100% / 3 - 10px); /* 限制图片的最大宽度为其父容器的宽度 */
height: auto; /* 保持图片的纵横比 */
flex: 1; /* 使每个图像在可用空间中占据相等的部分 */
margin: 5px; /* 给图片之间添加一些间距 */
margin-bottom:0;
}
.gg{
display: flex;
justify-content: end;
}
.list{
border-bottom: 1px solid #eee;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 2.66667vw 1.33333vw;
height: 22vw;
overflow: hidden;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.list .listpic{-ms-flex-preferred-size:32vw;flex-basis:32vw;-ms-flex-negative:0;flex-shrink:0;min-width:32vw;width:32vw;height:22vw;float: left;overflow:hidden;margin-right:2.66667vw}
.list .listpic img{width:100%;height:100%}
.list .listcont{display:-webkit-box;display:-ms-flexbox;display:flex;margin:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1}
.list .listtitle{font-size:4.26667vw;text-overflow: ellipsis;
-webkit-line-clamp: 2;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;}
.list .listmore{margin-left:0px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;bottom:0;font-size:3.2vw}
.list .listmore p.listtag{min-width:8vw;padding:0 .8vw;color:#007aff;text-align:center;margin-bottom: 0;margin-left: 0;font-size: 4.2vw;border:1px solid #007aff;border-radius:.66667vw;margin-right:auto}
.list .listmore .listtime{min-width:16vw;text-align:right;-ms-flex-negative:0;flex-shrink:0;color:grey;margin-right:2.66667vw}
.list .listmore .listread{
margin-bottom: 0;
font-size: 18px;
min-width: 26.66667vw;
-ms-flex-negative: 0;
flex-shrink: 0;
color: grey;
}
.list.type2{flex-wrap:wrap;height: auto;}
.list.type2 .listtitle{margin-left:2.66667vw;}
.list .listpic2{margin:.66667vw 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap}
.list .listpic2 dd {
-ms-flex-preferred-size: 32vw;
flex-basis: 32vw;
-ms-flex-negative: 0;
flex-shrink: 0;
min-width: 32vw;
height: 22vw;
overflow: hidden;
}
.lb{
height: 56vw;
margin-top:2px;
}
.list .listpic2 dd img{width: 100%}
.nav-item a{
text-decoration:none;
color:#000;
}
.nav-item a.active{
color:blue;
}
a.list{
text-decoration: none; /* 去除默认的下划线 */
outline: none; /* 去除旧版浏览器的点击后的外虚线框 */
color: #000;
}
.header2{
background-color: #ccc;
color:#000;
}
.header2 a{
float: left;
color:#000;
text-decoration: none;
}
.header2 span{
margin-left:-31px;
}
.main{
padding: 0 3.33vw;
}
.main h3{
font-size: 5.33333vw;
font-weight: 400;
margin:1vw 0;
}
.title .time{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 2.66667vw 0;
font-size: 3.46667vw;
color: grey;
line-height: 2.66667vw;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.content img{
width: 100%;
height: 100%;
display: block;
}
.foot h4{
margin: 10vw 0;
text-align: center;
}
.page-links {
margin: 20px 0;
text-align: left;
}
.page-links span {
margin: 0 5px;
}
.page-links a {
text-decoration: none;
color: #0073aa; /* 或任何你想要的颜色 */
}
.page-links a:hover {
color: #005177; /* 悬停时的颜色 */
}
.tlist{
padding: 2.66667vw 1.33333vw;
height: 30vw;
border-bottom: 1px solid #eee;
}
a{
text-decoration: none
}
.lb .swiper-slide a{height: 100%}
.line{
font-size: 4.26667vw;
text-overflow: ellipsis;
-webkit-line-clamp: 1;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
color:#000;
}
.threetu{
display: flex;
justify-content: space-between;
margin-top: 5px;
}
.threetu div{
position: relative; width: 100%; height: auto; padding-top: 22.25%;
}
.threetu img {
position: absolute; top: 0; left: 0; width: 95%; height: 100%;
object-fit: fill;
}
.header{background:#8cce50;}
.list .listmore p.listtag {
color: #8cce50;
border: 1px solid #8cce50;
}