84 lines
1.4 KiB
CSS
84 lines
1.4 KiB
CSS
.banner {
|
|
position: relative;
|
|
}
|
|
.img_hidden {
|
|
height: 100%;
|
|
overflow: hidden;
|
|
}
|
|
.nav {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
padding: 0 0.8rem;
|
|
box-sizing: border-box;
|
|
position: fixed;
|
|
width: 100%;
|
|
top: .8rem;
|
|
z-index: 999;
|
|
}
|
|
.nav .menu {
|
|
height: 1.5rem;
|
|
padding: 0 .6rem;
|
|
background: rgba(0,0,0,0.5);
|
|
border-radius: .75rem;
|
|
}
|
|
.nav .menu a p {
|
|
line-height: 1.5rem;
|
|
font-size: .7rem;
|
|
color: #fff;
|
|
}
|
|
.img_hidden{
|
|
width: 100%;
|
|
height: 380px;
|
|
}
|
|
.img_hidden img{
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.content{
|
|
padding: 0px .8rem;
|
|
}
|
|
.content div p{
|
|
font-size: 14px;
|
|
color: #383838;
|
|
line-height: 25px;
|
|
padding: 12px 4px 0px;
|
|
}
|
|
.content_title{
|
|
font-size: 22px;
|
|
font-weight: 700;
|
|
color: #1b1b1b;
|
|
line-height: 1.8rem;
|
|
margin: .5rem 0px;
|
|
}
|
|
.foot{
|
|
padding: 0px .8rem;
|
|
}
|
|
.foot .footer_title{
|
|
font-size: 16px;
|
|
font-weight: 600;
|
|
color: #000;
|
|
margin-bottom: 1rem;
|
|
}
|
|
.foot .headportrait{
|
|
display: flex;
|
|
}
|
|
.foot .headportrait img{
|
|
width: 1.7rem;
|
|
height: 1.7rem;
|
|
border-radius: 100%;
|
|
margin-right: .6rem;
|
|
}
|
|
.foot .headportrait .xinxi h1{
|
|
color: #888;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
}
|
|
.foot .headportrait .xinxi h2{
|
|
color: #bbb;
|
|
font-size: .5rem;
|
|
margin-bottom: .5rem;
|
|
}
|
|
.foot .headportrait .xinxi p{
|
|
font-size: 14px;
|
|
color: #383838;
|
|
} |