html,body {
background:#FFF;
}
#header {
width:1071px;
height:654px;
margin:0 auto;
}
#prew {
width:1071px;
margin:10px auto;
}
#main {
width:680px;
}
#main h2 {
font-weight:normal;
font-size:22px;
color:rgba(50,50,50);
line-height:40px;
border-bottom:1px solid #ddd;
}
#main ol {
margin:30px 0 0 18px;
}
#main ol li {
width:630px;
border-left:2px dotted #ddd;
position:relative;
padding-left:30px;
}
#main ol li .main_step {
width:32px;
height:32px;
background-image:url(http://www.jq22.com//tp/dcf035a7-8a07-45be-a043-de902c697981.png);
background-position:0px -34px;
color:#fff;
text-align:center;
line-height:32px;
position:absolute;
left:-16px;
}
#main ol li .main_step.on {
background-position:0px 0px;
}
#main ol li p {
line-height:25px;
margin-bottom:15px;
}
#main ol li img {
padding-bottom:35px;
display:block;
}
#top {
width:100%;
min-width:1071px;
height:40px;
display:none;
position:fixed;
top:0;
left:0;
z-index:9;
border-bottom:1px solid #ddd;
box-shadow:0 2px 5px #ddd;
background-color:#262626;
color:#FFFFFF;
}
#slide {
width:32px;
position:fixed;
top:42px;
margin-left:44px;
background:#fff;
text-align:center;
}
#slide ul li {
width:32px;
height:32px;
background-image:url(http://www.jq22.com//tp/dcf035a7-8a07-45be-a043-de902c697981.png);
background-position:0px 32px;
color:#fff;
text-align:center;
line-height:32px;
display:none;
cursor:pointer;
}
#slide ul li.on,#slide ul li.hover {
background-position:0px 0px;
}