body{
margin:0;
background:#f5f5f5;
font-family:Arial;
}

.header{
height:70px;
background:#fff;
display:flex;
align-items:center;
padding:0 2vw;
position:sticky;
top:0;
z-index:999;
}

.logo{
font-size:28px;
font-weight:bold;
}

.nav{
display:flex;
margin-left:40px;
}

.nav-item{
position:relative;
margin-right:30px;
}

.nav-item a{
text-decoration:none;
color:#333;
}

.sub-nav{
display:none;
position:absolute;
background:#fff;
top:30px;
left:0;
width:150px;
box-shadow:0 0 10px rgba(0,0,0,.1);
}

.nav-item:hover .sub-nav{
display:block;
}

.banner img{
width:100%;
height:20vw;
object-fit:cover;
}

.notice{
background:#fff8e1;
padding:10px;
}

.cats{
display:flex;
align-items:center;
padding:20px;
background:#fff;
}

.cats a{
margin-right:20px;
}

.grid{
display:grid;
grid-template-columns:repeat(5,1fr);
gap:20px;
padding:20px;
}

.card{
background:#fff;
border-radius:10px;
overflow:hidden;
}

.thumb{
position:relative;
}

.thumb img{
width:100%;
height:260px;
object-fit:cover;
}

.tag{
position:absolute;
padding:4px 8px;
color:#fff;
font-size:12px;
}

.original{
left:10px;
top:10px;
background:#ff5722;
}

.svip{
left:10px;
top:10px;
background:#e91e63;
}

.new{
right:10px;
top:10px;
background:#4caf50;
}

.info{
padding:15px;
display:flex;
justify-content:space-between;
align-items:center;
}

.title{
width:70%;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}

.center{
width:100%;
text-align:center;
}

.btns button{
margin-left:5px;
}

.page{
padding:30px;
text-align:center;
}

@media(max-width:768px){

.grid{
grid-template-columns:repeat(2,1fr);
}

.thumb img{
height:180px;
}

.header{
flex-wrap:wrap;
height:auto;
padding:10px;
}

.nav{
width:100%;
overflow:auto;
}

}

.mask{
position:fixed;
left:0;
top:0;
width:100%;
height:100%;
background:rgba(0,0,0,.8);
display:flex;
justify-content:center;
align-items:center;
z-index:99999;
}

.viewer{
max-width:90%;
max-height:90%;
overflow:auto;
}

.viewer img{
max-width:100%;
margin-bottom:20px;
}

.login-mask{
position:fixed;
left:0;
top:0;
width:100%;
height:100%;
background:rgba(0,0,0,.5);
display:flex;
justify-content:center;
align-items:center;
}

.login-box{
width:400px;
background:#fff;
padding:30px;
border-radius:10px;
}

.login-box input{
width:100%;
height:45px;
margin:10px 0;
}