html, body {
width: 100%;
height: 100%;
}
.wrap {
width: 100%;
height: 100%;
background: url(../img/list/bg.jpg) no-repeat center;
}
.wrap .main {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
width: 1163px;
height: 243px;
}
.wrap .main .pic-box {
float: left;
width: 404px;
height: 100%;
}
.wrap .main .pic-box > div, .wrap .main .pic-box > div > div, .wrap .main .pic-box > div > div > div{
width: 100%;
height: 100%;
}
.wrap .main .pic-box img {
width: 100%;
height: 100%;
}
.wrap .main .news-box {
width: 700px;
height: 100%;
float: right;
overflow: hidden;
position: relative;
}
.wrap .main .news-box ul li {
width: 681px;
margin-bottom: 26px;
font-size: 14px;
color: #000;
}
.wrap .main .news-box ul li:last-child {
margin: 0;
}
.wrap .main .news-box ul li a {
display: block;
width: 524px;
float: left;
font-size: 14px;
color: #000;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
.wrap .main .news-box ul li span {
float: right;
}
.page-box {
position: absolute;
bottom: -44px;
right: 0;
}
.page-box > a
{
display: inline-block;
}
.page-box a:first-child
{
margin-right: 10px;
}
.page-box img {
width: 20px;
height: 20px;
}