CSS综合案例left部分

/*全局样式*/
body,ul,li,span,a,img,h1,p{
    margin:0;
    padding:0;
}
body{
    background: url(../img/bg-body.gif) repeat-x #F1F1F1;
    font-size: 13px;
}
.floatL{
    float: left;
}
.floatR{
    float: right;
}
ul li{
    list-style: none;
}
.clear{
    overflow: hidden;
}
/*box层样式*/
.box{
    width:973px;
    margin:0 auto;
}
/*top层样式*/
.box .header .top{
    height: 27px;
    line-height: 27px;
}
.box .header .top{
    color:#0174C7;
}
.box .header .top a{
    color:#515151;
    padding:0 8px;
    border-right:1px dotted #444;
}
.box .header .top a:hover{
    color: #f00;
}
.box .header .top .blue{
    color:#00f;
}
.box .header .top .red{
    color:#f00;
}
.noline{
    border-right: none !important;
}
/*logo层样式*/
.box .logo{
    height: 122px;
    background: url(../img/bg-logo.jpg) no-repeat right bottom;
}
.box .logo .logoC{
    padding-top:20px;
}
.box .logo .logoC h1{
    padding-top:10px;
    padding-bottom: 10px;
    color:#0473C4;
}
.box .logo .logoC ul li{
    width:68px;
    height: 20px;
    line-height: 20px;
    background-image: url(../img/li01.png);
    color: #fff;
    margin-right:10px;
    padding-left: 10px;
}
.box .logo .logoL{
    padding:23px 10px;
    
}
.box .logo .logoR{
    padding-top:20px;
}
/*nav导航栏样式*/
.box .nav{
    height: 47px;
    line-height: 47px;
}
.box .nav ul li{
    padding-left: ;
    text-align: center;
}
.box .nav a{
    margin-right: 6px ;
    display: block;
    width: 73px;
    height: 47px;
    font-weight: bold;
    color: #fff;
}
.box .nav .a2 {
    width: 85px;
}
.box .nav .a1{
    background: url(../img/menu2.gif);
}
.box .nav a:hover{
    background: url(../img/menu2.gif);
}
.box .nav .a2:hover{
    background: url(../img/menu1.gif);
}
/*left层样式*/
.box .left{
    width: 660px;
    padding:0px 10px;
}
.box .left .kaixuela{
    background-color:#FFFFFF ;
    margin-bottom: 10px;
}
.box .left .kaixue{
    height: 36px;
    line-height: 36px;
    border-bottom: 1px solid #E0E0E0;
    background: url(../img/jiantou.jpg) no-repeat right;
    padding-bottom: 10px;
    color:#5B5B5B;
}
.box .left .kaixuela span{
    font-size: 24px;
    color:#0174C9;
    font-weight: bold;
}
.box .left .leftL{
    width:300px;
    padding:10px 0;
}
.box .left .leftR{
    width:330px;
    padding:10px 0;
}
.box .left .leftR ul li img{
    width:142px;
    height:88px;
}
.box .left .leftR ul li{
    float: left;
    padding-left: 20px;
}
 /*学院信息*/
.box .left .college{
    width:650px;
    background-color:#FFFFFF ;
    margin-bottom: 10px;
    padding-left: 10px;
}
.box .left .college .college-center ul li{
    width:305px;
    background: url(../img/li01.jpg) no-repeat left center;
    padding:5px 10px;
    float:left;
}
.box .left .college .college-center ul li .red{
    color: #f00;
}
.box .left .college .college-center ul li .blue{
    color: #00f;
}
.box .left .college .college-bottom{
    float: right;
}
/*校园动态*/
.box .left .dongtai{
     background: url(../img/more01.gif)no-repeat right bottom;
     width:660px;
     padding-bottom: 20px;
     background-color:#FFFFFF ;
     margin-bottom: 10px;
}
.box .left .dongtai .dongtai-top{
    padding-bottom: 10px;
    padding-top: 10px;
    margin-bottom: 15px;
    border-bottom: 1px solid #CCCCCC;
}
.box .left .dongtai  span{
    font-size:24px;
    color:#0174C9;
}
.box .left .dongtai .black{
    color:#000000;
}
.box .left .dongtai .dongtai-top img{
    float:right;
    padding-right:5px;
}
.box .left .dongtai .dongtai-left{
    width:300px;
    padding-left: 10px;
}
.box .left .dongtai .dongtai-left a{
    display: block;
    text-align: center;
}
.box .left .dongtai .dongtai-right{
    padding-right: 50px;
}
.box .left .dongtai .dongtai-right p{
    font-size:24px;
    color:#80809F;
}
.box .left .dongtai .dongtai-right ul li{
    padding:1px 10px 0px 5px;
    line-height: 20px;
    background:url(../img/li04.jpg) no-repeat left center;
}
/*论坛热帖层样式*/
.box .left .retie{
     background-color:#FFFFFF ;
     padding: 10px;
}
.box .left .retie .title{
    width: 650px;
    height:34px;
    line-height: 34px;
    background: url(../img/bg01.gif) no-repeat;
    margin-left: 10px;
    padding-right: 10px;
}
.box .left .retie .content{
    padding-top: 10px;
}
.box .left .retie .title span{
    font-size:18px;
    font-family: Arial;
    margin-left: 10px;
    margin-right: 10px;
}
.box .left .retie .title .blue{
    color:#0174C9;
} 
.box .left .retie .title .floatR{
    font-size: 14px;
}
.box .left .retie .content li{
    width:300px;
    background: url(../img/li05.gif) no-repeat left center;
    padding-left: 20px;
    float: left;
    padding-top: 5px;
}
.box .left 
/*right层样式*/
.box .right{
    width:300px;
    border: 1px solid #000;
}
/*超链接样式*/
a:link,a:visited{
    text-decoration: none;
    color: #444;
    }
a:hover{
    color: #f00;
    }