﻿@charset "utf-8";
* { padding:0; margin:0;}       /*设置所有对像的内边距为0*/

#photo-list {
/* 6张图片的宽度（包含宽度、padding、border、图片间的留白）
计算：6*(100+2*2+1*2+9) - 9 
之所以减去9是第6张图片的右边留白 */
   width:900px;  
/* 图片的宽度（包含高度、padding、border）
   计算：100+2*2+1*2  */ 
    height:106px;  
    margin:50px auto; 
 overflow:hidden;     /*溢出部份将被隐藏*/ 
    border:1px dashed #ccc;  
}  
#photo-list ul { list-style:none;}  
#photo-list li { float:left; padding-right:9px;}  
#photo-list img { border:1px solid #ddd; background:#fff; padding:2px;}

/* CSS Document */

.wrap{ margin-top:5px;}
.wrap li{ width:113px; height:128px; margin-left:8px; margin-top:10px; margin-bottom:10px; float:left; text-align:center; display:inline;}
.wrap li h1{ font-size:12px; color:#005eac; line-height:22px; text-align:center; margin-top:5px; font-weight:normal;}
.wrap li p{ color:#666; line-height:22px; text-align:center;}

.wrap1{ margin-top:10px; margin-bottom:20px;}
.wrap1 li{ width:113px; height:128px; margin-left:8px; margin-top:10px; margin-bottom:10px; float:left; text-align:center; display:inline;}
.wrap1 li h1{ font-size:12px; color:#005eac; line-height:22px; text-align:center; margin-top:5px; font-weight:normal;}
.wrap1 li p{ color:#666; line-height:22px; text-align:center;}