html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,textarea,p,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
img{border:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%;text-align:left;}
body{
    font: 14px/1.14 arial,sans-serif;
    color:#666666;
}
a{
    color:#666666;
    text-decoration:none;
    outline:none;
}
a:hover{
    text-decoration:underline;
}
.clearfix:after{
    content:'.';
    display:block;
    visibility:hidden;
    height:0;
    line-height:0;
    font-size:0;
    clear:both;
}
.clearfix{zoom:1;}
.cl{clear:left}/*清除左侧浮动，用于避免推荐扩展里出现li浮动被左上方li卡住的现象*/
#nav .bd,
#bd,
.banner-ctn{
    width:1000px;
    margin:0 auto;
}
#bd{
    margin:20px auto 0;
}
.banner-ctn {
    height:402px;
    overflow:hidden;
}
#nav{
    height:57px;
    margin:0 0 1px;
    background-color:#F4F4F4;
    border-bottom: 1px solid #D9D9D9;
}

#banner{
    position:relative;
}
/* 图右文左 */
#banner img,#banner .h1,#banner h1,#banner .dl-wrap{
    position: absolute;
}
#banner img{
    right: 30px;
    bottom: 20px;
}
#banner .h1{
    height: 32px;
    text-indent: -99999px;
    width: 280px;
    left: 87px;
    top: 43px;
}
#banner h1{
    height: 50px;
    width: 280px;
    left: 73px;
    top: 80px;
}
#banner .dl-wrap{
    top: 220px;
    left: 66px;
    width: 292px;
    height: 109px;
}
#banner .expansion{
    top: 270px;
}
/* 图左文右 */
#hd .second-ed img{
    left:30px;
}
#hd .second-ed .ex{
    left:10px;
}
#hd .second-ed .h1{
    left: 594px;
}
#hd .second-ed h1{
    left: 630px;
}
#hd .second-ed ul{
    left:640px;
}
#hd .second-ed .dl-wrap{
    left: 602px;
}
#hd .second-ed .promot{
    margin:159px 0 0 599px;
}

p#agree{
    _line-height:23px;
    height:23px;
    color:#242424;
}
p#agree a,p#agree a:visited,
p#agree a:hover,p#agree a:active{
    color:#3370a6;
    text-decoration:underline;
}

#feature,
.big-line,
#side{float:left;}
#feature{width:617px;}
#side{width:380px;}

#nav a {
    float:left;
    _display:inline;
    margin:10px 15px 0;
}

#nav .bigline{
    float:left;
    height:40px;
    width:5px;
    overflow:hidden;
    border-right:1px solid #E6E6E6;
    margin:10px 5px 0 0;
    text-indent:-999em;
    overflow:hidden;
}
#nav .nav {
    float:left;
    height:57px;
    margin-left:80px;
}
#nav .nav a {
    color:#666666;
    line-height:55px;
    padding:0 20px;
    margin:0;
    height:100%;
}
#nav .nav a.current {
    border-bottom: 2px solid #0281D3;
}
#nav .nav a.netease-extetion {
    position:relative;
    zoom:1;
}
#nav .nav span {
    position:absolute;
    top:6px;
    right:5px;
    width:22px;
    height:13px;
    text-indent:-999em;
    overflow:hidden;
}
#banner  h1,#banner ul{
  text-indent:-9999px;  
}
#banner ul{
    width: 204px;
    height: 85px;
    position: absolute;
    top: 180px;
    left: 115px;
}
#banner .dl-note{
    color: #999;
    text-align: left;
    font-size: 12px;
    display: block;
    margin: 15px 0 0 50px;
    width: 190px;
    *width:200px;
    *position: absolute;
}
#banner .dl-note label{
    line-height:22px;
}
#banner .dl-note .cb{
    vertical-align:-2px;
    _vertical-align:0;
}
#banner .promot{
    font-family:微软雅黑;
    font-size:16px;
    color:#666;
    width: 230px;
    text-align: center;
    margin: 159px 0 0 95px;
    line-height: 25px;
}
#banner a{
    display:block;
    text-indent:-9999px;
    height:80px;
    width:260px;
    margin:7px 0 0 16px;
}
#banner .ex-a{
    margin-left: 85px;
    margin-top: 175px;
}
#feature h2 {
    font: 30px/50px 微软雅黑;
    color: #207ECF;
    padding: 0 0 0 50px;
    height: 50px;
    margin-left: -70px;
}
#feature p {
    font:14px/20px 宋体;
    color:#000;   
}
#feature li {
    position:relative;
    height:135px;
    margin:0 0 58px 20px;
    zoom:1;
    padding-left: 110px;
}
#feature  .video-btn{
    display: block;
    height: 65px;
    width: 136px;
    margin: 10px 10px 10px 0;
}
#feature h2{
    text-indent:-9999px;
}
#feature .feature3 img{
    margin:25px 0;
}
#feature  .video-p {
    position: absolute;
    display: block;
    top: 90px;
    left: 260px;
    color:#207ecf;
    text-decoration:none;
    padding:0 20px 0 0;
}
#feature  .v-intro{
    position: absolute;
    top: 105px;
    left: 260px;
    width: 260px;
    font-size:14px;
    color: #666;
}
#feature .feature3 .v-intro{
    line-height:20px;
}
#side {
    font-size:12px;
    line-height:1.8em;
    height:617px;
    margin-top:5px;
    font-family: Tahoma;
}
#side h2{
    margin:20px 0 0 6px;
    width:370px;
    height:40px;
    background-position:0 0;
    overflow:hidden;
    text-indent:-999em;
}
#side a {
    text-decoration:underline;
}
#side .bgc {
    padding:6px 10px;
}
#side .side2 {
    font-size:14px;
    margin-top:30px;
}
#side .side2 a {
    margin-right:20px;
}
#side .side2 p {
    margin-left:8px;
}
#side .side3 {
    margin-top:30px;
}
#side .side3 p {
    margin-left:8px;
}
#side .side3 p a {
    display:inline-block;
    line-height: 25px;
}
#ft {
    font-size:12px;
    padding:40px 0 50px;
    text-align:center;
    background-color:#F4F4F4;
}
#ft a {
    color:#666666;
    margin-right:15px;
}
#ft .small-logo {
    margin-right:25px;
    text-decoration: none;
}
#ft .spline {
    color:#B5B5B5;
    margin:0 10px 0 -7px;
}
#recommend {
    margin:10px 0;
}
#recommend h3 {
    width:154px;
    height:35px;
    margin-bottom:8px;
    text-indent:-999em;
    overflow:hidden;
}
#recommend div{
    border:1px solid #E6E6E6;
    padding-bottom:30px;
    margin-bottom:30px;
}
#recommend ul {
    width:980px;
}
#recommend li {
    float:left;
    position:relative;
    _display:inline;
    line-height:23px;
    width:380px;
    margin:30px 10px 0 30px;
    padding-left:65px;
    zoom:1;
}
#recommend li h2 {
    font-size:20px;
    color:#000000;
    font-weight:bold;
    line-height:30px;
    margin-bottom:5px;
}
#recommend li img {
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:60px;
    height:60px;
}
#recommend a.installation {
    display:block;
    width:74px;
    height:35px;
    margin-top:8px;
    text-indent:-999em;
    overflow:hidden;
}
/* images */
#banner{
    background:#FFF url(http://shared.ydstatic.com/images/hao163/chrome/images2/hd_bg.png) 0 bottom no-repeat;
}
#banner .h1{
    background-position:0 -552px;
} 
#banner h1{
    background-position:0 -503px;
} 
#banner .dl-wrap{
    background-position:0 -395px;
}
	
#feature  .video-p {
    background-position:-301px -380px;
}
#side .side1-2 h2{
    background-position:0 -50px;
}
#side .side2 h2 {
    background-position:0 -100px;
}
#side .side3 h2 {
    background-position:0 -137px;
}
#recommend a.installation {
    background-position:0 -225px;
}
#banner ul{
    background-position:0 -600px;
}
#banner .expansion{
    background-position:0 -685px;
}
#feature  .video-p,#feature h2,#recommend h3,#banner .h1,#banner h1,#banner .dl-wrap,#banner ul,#banner .expansion{
    background-image:url(http://shared.ydstatic.com/images/hao163/chrome/images2/side-title2.png);
    background-repeat:no-repeat;
}
#feature  .feature1 h2{
    background-position:0 -185px;
}
#feature  .feature2 h2{
    background-position:0 -243px;
}
#feature  .feature3 h2{
    background-position:0 -305px;
}
.video-btn{
    background-image:url(http://shared.ydstatic.com/images/hao163/chrome/images2/video.png);
    background-repeat:no-repeat;
}
#feature  .feature1 .video-btn{
    background-position:0 0;
}
#feature  .feature1 .video-btn:hover{
    background-position:0 -65px;
}
#feature  .feature2 .video-btn{
    background-position:-136px 0;
}
#feature  .feature2 .video-btn:hover{
    background-position:-136px -65px;
}
.expansion{
    background:#FFF url(http://shared.ydstatic.com/images/hao163/chrome/images2/hd_bg2.jpg?v2) 30px 0 no-repeat;
}
#nav .nav span{background:url(http://shared.ydstatic.com/images/hao163/chrome/images2/new.png) no-repeat 0 0;}
#banner .ft span,
#download .download-btn,
#recommend a.installation{background-image:url(http://shared.ydstatic.com/images/hao163/chrome/images2/download.jpg);background-repeat:no-repeat;}
#side h2{background-image:url(http://shared.ydstatic.com/images/hao163/chrome/images2/side-title2.png);background-repeat:no-repeat;}
#recommend h3{background-position:0 -363px;}
#side .side4 p.rule{
    text-indent:0;
    width:320px;
    padding: 5px;
}
#side .side4 h2{
    background-image:none;
    text-indent:0;
    color:#636363;
    font-size:24px;
    font-weight:bold;
}