* {
margin:0;
padding:0;
}
body {
background-color:#F5F5F5;
}
a {
text-decoration:none;
}
#view {
width:960px;
height:540px;
margin:50px auto;
border:1px solid gray;
position:relative;
overflow:hidden;
border-radius:5px;
}
#view img {
width:960px;
height:540px;
position:absolute;
top:0;
left:1000px;
}
#btn {
width:710px;
height:30px;
border:none;
display:block;
margin:0 auto;
float:left;
background-color:transparent;
}
button {
width:60px;
height:25px;
background-color:black;
border-radius:5px;
margin-left:8px;
color:greenyellow;
font-size:16px;
line-height:25px;
opacity:0.6;
outline-style:none;
cursor:pointer;
}
#next {
width:70px;
height:25px;
border-radius:5px;
background-color:black;
opacity:0.5;
color:white;
font-size:14px;
line-height:25px;
text-align:center;
cursor:pointer;
float:left;
}
#prev {
width:70px;
height:25px;
border-radius:5px;
background-color:black;
opacity:0.5;
color:white;
font-size:14px;
line-height:25px;
text-align:center;
cursor:pointer;
float:left;
}
#intro {
width:930px;
height:100px;
margin:0 auto;
border:1px solid gray;
text-align:center;
margin-top:50px;
border-radius:4px;
}
p {
font-size:14px;
text-indent:2em;
text-align:left;
color:gray;
line-height:22px;
}
span {
font-size:12px;
}
h4 {
margin-bottom:5px;
}
.page {
width:900px;
height:100px;
margin:0 auto;
overflow:hidden;
}