*{
margin:0;
padding:0;
box-sizing:border-box;
}

body{
font:12px Tahoma,Arial,sans-serif;
background:#1694c9;
background:linear-gradient(#48b8df,#148cbc);
color:#333;
}

a{
color:#0b6aa8;
text-decoration:none;
}

a:hover{
text-decoration:underline;
}

#wrapper{
width:960px;
margin:20px auto;
background:#fff;
box-shadow:0 0 12px rgba(0,0,0,.35);
}

#header{
background:#fff;
padding:25px;
border-bottom:4px solid #5eb6d6;
}

.top{
display:flex;
justify-content:space-between;
align-items:center;
}

.logo img{
height:70px;
}

.search form{
display:flex;
gap:8px;
}

.search input{
width:380px;
padding:8px;
border:1px solid #8fd3ef;
}

.search button{
padding:8px 18px;
background:#6dc6e7;
border:1px solid #4eaed2;
color:#fff;
cursor:pointer;
}

.menu{
margin-top:18px;
}

.menu a{
display:inline-block;
padding:8px 18px;
margin-right:8px;
background:#4eb4d9;
color:#fff;
border-radius:3px;
}

.description{
display:flex;
padding:20px;
border-top:4px solid #4eb4d9;
border-bottom:1px solid #ddd;
}

.cat{
width:170px;
text-align:center;
}

.cat img{
max-width:130px;
}

.description .text{
flex:1;
line-height:1.6;
}

#content{
display:flex;
padding:15px;
gap:15px;
}

#left,#right{
width:190px;
}

#center{
flex:1;
}

.block{
margin-bottom:18px;
border:1px solid #b6d8a8;
background:#fff;
}

.block h3{
padding:10px;
font-size:13px;
color:#fff;
background:linear-gradient(#95d04d,#6da329);
}

.block ul{
list-style:none;
}

.block li{
border-bottom:1px solid #eee;
}

.block li a{
display:block;
padding:7px 10px;
}

.news{
margin-bottom:18px;
border:1px solid #bdd8e4;
}

.news-title{
padding:10px;
background:linear-gradient(#6fc9ea,#2e9cc8);
color:#fff;
}

.news-title h2{
font-size:15px;
font-weight:bold;
}

.news-body{
display:flex;
padding:12px;
}

.poster{
width:145px;
}

.poster img{
width:120px;
border:1px solid #ccc;
}

.info{
flex:1;
padding-left:15px;
}

.rating{
color:#ffc600;
font-size:18px;
margin-bottom:10px;
}

.info ul{
list-style:none;
line-height:1.8;
}

.news-footer{
display:flex;
justify-content:space-between;
align-items:center;
padding:10px;
background:#f6f6f6;
border-top:1px solid #ddd;
font-size:11px;
}

.download{
padding:6px 16px;
background:linear-gradient(#9dd452,#6ea22b);
color:#fff;
border-radius:3px;
}

.pagination{
text-align:center;
padding:25px;
}

.pagination a{
display:inline-block;
padding:6px 12px;
margin:2px;
background:#e8f5fb;
border:1px solid #aad4e6;
}

#footer{
border-top:1px solid #ddd;
background:#fff;
}

@media(max-width:1000px){

#wrapper{
width:95%;
}

#content{
flex-direction:column;
}

#left,#right{
width:100%;
}

.news-body{
flex-direction:column;
}

.poster{
width:auto;
margin-bottom:15px;
}

.search input{
width:100%;
}

.top{
flex-direction:column;
gap:15px;
}

}