我的轮播图不对，loading也不显示，请高手指点一下，谢谢
*{
margin: 0;padding: 0;font-size: 12px;
}
body{
background-color: #f5f5f5;
}
.top{
width:100%;height:27px;background:url(images/top_bg.jpg)repeat-x;
}
.top_content{
width:1000px;
margin:0 auto;
}
.top_content li{
list-style-image: url(images/li_bg.gif);float: right;width: 70px;
line-height: 27px; /*在盒子中垂直居中*/
}
.top_content a:link,.top_content a:visited{/*初始状态和访问之后状态的样式*/
color:#8e8e8e;
text-decoration:none;
}
.top_content a:hover,.top_content a:active{
color:#900;
text-decoration:none;
}
.wrap{
width:1000px; margin: 0 auto;
}
.logo{
height:80px;
background-color: #fff;
}
.logo_left{
width: 200px;
float:left;
}
.logo_right{
width: 300px;
float:right;
height:28px;
margin-top:30px;
color:#8e8e8e;
}
.logo_right image{
vertical-align: middle;
margin-right: 10px;
}
.tel{
font-family: 微软雅黑;
font-size: 16px;
color:#C00;
}
.nav{
height:40px;width:1000px;
}
.nav_left{
width:10px;
background:url(images/nav_left.jpg) no-repeat;
/* background-image: url(images/nav_left.jpg);
background-repeat: no-repeat;与上面等效*/
/*float:left;
height:40px;*/
}
.nav_mid{
width:980px;background:url(images/nav_bg.jpg)repeat-x;
}
.nav_right{
width:10px;
background:url(images/nav_right.jpg)no-repeat;
/*float:left;
height:40px;*//*左右边缘同加，左右边缘同时露出来*/
}
.nav_mid,.nav_right{/*.nav_left去掉后达到教程效果*/
float:left;
height:40px;/*把上面的参数都写到这里*/
}
.nav_mid_left,.nav_mid_right{
float:left;
}
.nav_mid_left{
width:680px;
}
.nav_mid_right{
width:300px;
}
.nav_mid_left li{
float:left;list-style-type:none;width:100px;/*li之间的距离*/
text-align: center;/*左右居中*/
line-height:40px;/*与盒子等高，文字上下居中*/
}
.nav_mid_left a:link,.nav_mid_left a:visited{
/*控制超链接的初始状态和访问后的状态（超链接共四种状态）*/
text-decoration:none;
color:#fff;
font-size: 16px;
font-family: "微软雅黑";
}
.nav_mid_left a:hover,.nav_mid_left a:active{
/*控制鼠标经过状态和离开状态（超链接共四种状态）*/
text-decoration:none;
color:#ff0;
font-size: 16px;
font-family: "微软雅黑";
}
.search_text{/*搜索框样式*/
width:190px;
height:25px;
margin-top: 6.5px;
background:url(images/search.jpg)no-repeat right center #f5f5f5;;
/* background-color:#f5f5f5;*/
padding-right:25px;/*避免输入文字时，文字压到搜索符号*/
border:1px solid #f5f5f5;
}
.ad{
height:310px;
overflow:hidden;
clear:both;/*不加此段只剩右边一窄条*/
}
.loading{
float:left;margin:0 auto;display:block;width:0;height:0;z-index: -1;
/*loading未处理好，本样式自己加的*/
}
.main{
height:250px;width:1000px;margin-left:auto;margin-right:auto;
;margin-top:5px;/*解决水平居中和上边距同时保证的问题*/
}
.news{
width:340px;
border:1px solid #e8e8e8; background:orange;float:left;
}
.course{
width:410px;
border:1px solid #e8e8e8; float:left;margin-left:7px;
}
.sidebar{
width:230px; ;margin-left:7px;
float:left;
}
.news,.course,.sidebar{
height:250px;/*高度加了px;*/
}
.title{
height:35px;border-bottom:2px solid #e8e8e8;
}
.title_left{
width:70%;
font_family:"微软雅黑";
font_size:14px;
font-weight:bold;
color:#786f66;
float:left;
line-height:35px;/*与title高度相同，垂直居中*/
padding-left: 20px;
}
.title_right{
width:20%;
float:right;
line-height:35px;
texat-align:center;
padding-right: 10px;
}
.title_right a{
text-decoration:none;
color:#999999;
}
.pic_news{
height:80px;
margin-top:10px;
line-height: 22px;
}
.pic_news img,.course_pic img{
float:left;
margin:0 5px;
}
.pic_news a,.course_pic a{
color:#c00;
text-decoration:none;
}
.news_list{
margin-top:20px;
}
.news_list a{
font-size: 13px;/*时间被挤下去解决*/
}
.news_list li{
list-style-type: none;
background:url(images/list.jpg)no-repeat;/*加载左边箭头的方式之一*/
padding-left: 10px;
margin:8px 8px;/*li的上下左右距离均为8px;*/
border-bottom: 1px dotted #ccc;
}
.news_list a:link,.news_list a:visited{
text-decoration: none;
color:#000;
}
.news_list a:hover,.news_list a:active{
text-decoration:none;
color:#f00;
}
.news_list span{/*等效于.date*/
color:#999;
float:right;
margin-top: -20px;/*1时间被挤下去解决 2span时间标签与文字互换位置也可以解决*/
}
.course_pic{
height:120px;
margin-top:10px;
line-height: 22px;
}
.course_type{
height:37px;
weihght:372px;
background:url(images/product_type_bg.jpg);
margin:20px auto;
}
.course_type li{
list-style-type: none;float:left;
line-height:37px;
margin:0 15px;
text-align:center;
}
.video{
height:185px;
border: 1px solid #e8e8e8;
float:left;/*浮动起来后，才与大盒子上面对齐*/
}
.video_content{
height:150px;
}
.sidebar_ad{
height:55px;
border: 1px solid #e8e8e8;
margin-top:10px;
}
.copyright{
width:100%;
height:200px;
background-color:#e8e8e8;
margin-top: 10px;/*上下两个盒子距离拉开*/
}
.copyright_content{
width:1000px;
margin:0 auto;
padding-top:20px;
}
.copyright_content li{
list-style-type:none;
float:left;
width:200px;/*竖直方向分为五组，宽为1000px;*/
background:url(images/line.png) no-repeat right center;/*加一条线，水平居中靠右*/
text-align:center;
line-height: 30px;/*五条线等长*/
font-family: 微软雅黑;
}
.copyright_content a{
text-decoration:none;
color:#999;
font-size:18px;/*一级标签文字大小，包含二级，根据就近原则，二级标签被新的样式覆盖*/
}
.copyright_content li ul li a{/*二级标签文字大小*/
font-size:14px;
}
