120 lines
2.2 KiB
CSS
120 lines
2.2 KiB
CSS
body {
|
|
box-sizing: border-box;
|
|
width: 100%;
|
|
padding: 24px 0 10px;
|
|
overflow-y: auto;
|
|
background: #000 url(../images/bg.png) no-repeat center center fixed;
|
|
background-size: 100% 100%;
|
|
}
|
|
.nav{
|
|
position: fixed;
|
|
z-index: 1314;
|
|
left: 10px;
|
|
top: 200px;
|
|
padding-left: 8px;
|
|
background-color: rgba(0,0,0,.4);
|
|
border-left: 1px solid #fff;
|
|
}
|
|
.nav a{
|
|
display: block;
|
|
height: 32px;
|
|
line-height: 32px;
|
|
color: #fff;
|
|
font-size: 14px;
|
|
text-decoration: none;
|
|
}
|
|
.nav a:hover{
|
|
color: #fc6b43;
|
|
}
|
|
.main {
|
|
margin: 0 auto;
|
|
height: 100%;
|
|
overflow: hidden;
|
|
}
|
|
.main .unitContainer{
|
|
width: 100%;
|
|
overflow: hidden;
|
|
}
|
|
.main .unitContainer> h1{
|
|
box-sizing: border-box;
|
|
margin-top: 12px;
|
|
padding-left: 12px;
|
|
color: #fff;
|
|
font-size: 22px;
|
|
font-weight: bold;
|
|
}
|
|
.zt-img-div{
|
|
display: block;
|
|
padding: 5px;
|
|
margin: 5px;
|
|
float: left;
|
|
background: #2196f32b;
|
|
border-radius: 5px;
|
|
text-align: center;
|
|
cursor: pointer;
|
|
}
|
|
.zt-img-div>p{
|
|
height: 30px;
|
|
line-height: 30px;
|
|
font-size: 14px;
|
|
font-weight: 100;
|
|
color: rgb(230,230,230);
|
|
}
|
|
.zt-img {
|
|
width: 350px;
|
|
height: 197px;
|
|
border-radius: 10px;
|
|
}
|
|
.icp{
|
|
text-align: center;
|
|
|
|
}
|
|
.icp a{
|
|
color: #fff;
|
|
}
|
|
/* 1 */
|
|
@media screen and (max-width: 741px) {
|
|
.main {
|
|
width: 370px;
|
|
}
|
|
}
|
|
@media screen and (max-width: 1111px) and (min-width: 741px) {
|
|
.main {
|
|
width: 740px;
|
|
}
|
|
}
|
|
@media screen and (max-width: 1851px) and (min-width: 1111px) {
|
|
.main {
|
|
width: 1110px;
|
|
}
|
|
}
|
|
@media screen and (min-width: 1851px) {
|
|
.main {
|
|
width: 1500px;
|
|
}
|
|
}
|
|
/* @media screen and (max-width: 1921px) and (min-width: 1851px) {
|
|
.main {
|
|
width: 1500px;
|
|
}
|
|
}
|
|
@media screen and (max-width: 2221px) and (min-width: 1921px) {
|
|
.main {
|
|
width: 1850px;
|
|
}
|
|
}
|
|
@media screen and (max-width: 2591px) and (min-width: 2221px) {
|
|
.main {
|
|
width: 2220px;
|
|
}
|
|
}
|
|
@media screen and (max-width: 2961px) and (min-width: 2591px) {
|
|
.main {
|
|
width: 2590px;
|
|
}
|
|
}
|
|
@media screen and (min-width: 2961px) {
|
|
.main {
|
|
width: 2960px;
|
|
}
|
|
} */ |