@charset "utf-8";
/* CSS Document */

body,html,li,ul,td,tr,hr,h1,h2,h3,h4,h5,h6,p,span,p,a,img{margin:0; padding:0; border:none; font-size:12px;}
li{list-style:none;}
a{color:#333333; text-decoration:none;}
A:link, A:visited, A:active {text-decoration:none; }
A:hover {text-decoration:underline; }
#page{width:882px; margin:0 auto;overflow :hidden;}
.header{ width:882px; margin:35px 0 0 0;}
.header .logo{background:url(../images/logo.jpg) no-repeat; width:162px; }
.header .head-link{ }
.header .head-link ul{ padding-top:11px;}
.header .head-link ul li{padding-top:7px;  width:90px;  text-align:center; border-right:1px solid #c7c7c7;}
.banner{width:933px;  margin:10px auto;}
.main{width:950px;overflow :hidden;}
.main .main-left{width:210px; float:left;overflow :hidden;}
.main .main-left .recom-top{background:url(../images/recom-top.jpg) no-repeat;  width:210px; }
.main .main-left .recom{width:208px;  border-left:1px solid #c7c7c7; border-right:1px solid #c7c7c7; }
.main .main-left .recom h2{color:#fe5c11; font-size:23px; font-family:黑体; padding:1px 5px; border-bottom:#999 1px dashed;}
.main .main-left .recom ul{padding:3px 8px;}
.main .main-left .recom ul li{font-size:13px; line-height:18px;}
.main .main-left .recom-bottom{width:210px;  background:url(../images/recom-buttom.jpg) no-repeat;}
.main .main-left .contact{margin-top:5px; background:url(../images/contact.jpg) no-repeat;  width:210px;}
.main .main-left .categories-by-age{background:url(../images/categories-by-age-bg.jpg) repeat-y; }
.main .main-left .categories-by-age ul{margin-left:15px; font-size:13px; line-height:18px;}
.main .main-left .categories-by-age ul li{margin-left:5px; background:url(../images/list-icon.jpg) no-repeat left; padding-left:10px;}

.main .main-right{float:left; width:760px; margin-left:12px;overflow :hidden;}
.main .main-right .head-info{background:url(../images/cartoon-1.jpg) no-repeat left center; width:500px; margin:0 auto; padding-left:65px; margin-bottom:20px;}
.main .main-right .head-info p{line-height:20px;}
.main .main-right .list-box{ width:330px; margin-right:10px; margin-bottom:10px;float:left;overflow :hidden;}
.main .main-right .list-box .title{width:325px; border-bottom:1px #CCC solid; margin-bottom:10px;float:left;overflow :hidden;}
.main .main-right .list-box .hotsoft{width:85px;float:left;overflow :hidden; }
.main .main-right .list-box .list{width:225px;  margin-left:10px;overflow :hidden;}
.main .main-right .list-box .list ul li{list-style:decimal inside; line-height:17px;}