body{ margin: 0px; padding: 0px; } .container{ margin: 0 auto; font-family: "微软雅黑"; width: 1200px; /*测试用属性*/ /*float: right;*/ /*height: 700px;*/ /*background-color: yellow;*/ } a{ text-decoration: none; } .cursor_hover:hover{ color: #2b7e0d; cursor: pointer; } /*头部路径显示*/ .header{ width: 1200px; height: 64px; font-size: 14px; color: #666666; line-height: 64px; float: left; /*测试用数据*/ /*background-color: grey;*/ } .header a:link{ color:#666; } .header a:visited{ color:#666; } .item{ float: left; } /*中间左右两部分*/ .body{ width: 1200px; float: left; /*测试用数据*/ /*height: 1000px;*/ /*background-color: red;*/ } .section_left_nav{ width: 222px; height: 661px; float: left; /*测试用数据*/ /*background-color: green;*/ } .section_left_nav ul{ margin: 0px; padding: 0px; list-style-type: none; } .section_left_nav ul li{ padding-left: 16px; width: 206px; height: 58px; line-height: 58px; border-bottom: 1px solid #e5e5e5; } .title_level_one{ font-size: 20px; color: #ffffff; background-color: #2b7e0d; } .title_level_two{ font-size: 16px; color: #323232; } .title_select{ color: #2b7e0d; } .section_right_title{ width: 901px; /*height: 1000px;*/ float: right; /*测试用数据*/ /*background-color: brown;*/ } .section_right_title ul{ margin: 0px; padding: 0px; list-style-type: none; } .section_right_title ul li{ margin-right: 28px; margin-bottom: 20px; width: 204px; height: 186px; float: left; /*测试用数据*/ /*background-color: red;*/ } .section_right_title ul li:nth-child(4n+4) { margin-right: 0px; } .video_img{ width: 204px; height: 155px; } .video_title{ margin-top: 7px; width: 204px; font-size: 16px; color: #666666; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .video_title:hover{ cursor: pointer; color: #2b7d0d; } /*下方页码显示*/ .page{ width: 901px; height: 125px; float: right; line-height: 125px; /*测试用数据*/ /*background-color: blue;*/ } .page ul{ margin: 0px; padding: 0px; height: 125px; float: right; } .page ul a{ margin-top: 42px; margin-left: 5px; margin-right: 5px; width: 35px; height: 35px; list-style-type: none; float: left; background-color: #e5e5e5; text-align: center; line-height: 35px; color: #666666; border-radius: 3px; } .page ul .last_page{ width: 80px; height: 35px; } .page ul .next_page{ width: 80px; height: 35px; } .page_total{ margin-right: 10px; font-size: 16px; color: #666666; float: right; background-color: #fff !important; width:55px !important; } .page ul .page_num_select{ margin-top: 42px; margin-left: 5px; margin-right: 5px; width: 35px; height: 35px; list-style-type: none; float: left; background-color: #e5e5e5; text-align: center; line-height: 35px; color: #666666; border-radius: 3px; color: #ffffff; background-color: #307004; } .page_hover:hover{ color: #ffffff; background-color: #307004; cursor: pointer; }