/* ========= 桌面电脑布局: 1024px 至 1280px。样式继承自: 电脑小屏幕布局。 ========= */

@media only screen and (min-width: 1024px) {
/* ============ 外模型属性 ============ */
.module{ /* 最大的外模框 */
	margin:0 auto;
	padding:0;
	max-width:960px;
	/* width:97%; */	
	height:auto;
}

.module-full{ width: 100%; } /* 宽：100%  的外模框 */

/* ============ 布局配，置分配 ============ */
/*
  只用于二级子模型里面，作为布局。
  在 X 横坐标中，模型总数之和为:10
  如：
  1、10 为一个模型。
  2、5 5 为两个模型，并是一样大的。
  3、2 6 2 为三个模型，尺寸分别为: 20% 60% 20%
  4、2 4 4 为三个模型，尺寸规则：同 “3”
  5、2 2 2 2 2 为5个模型，尺寸分别是： 20% 20% 20% 20% 20%
  保留属性 ： layout distribute
*/

.width-10{ width:97.6%; padding:1.2%; float:left; }
.width-9{ width:87.6%; padding:1.2%; float:left; }
.width-8{ width:77.6%; padding:1.2%; float:left; }
.width-7{ width:67.6%; padding:1.2%; float:left; }
.width-6{ width:57.6%; padding:1.2%; float:left; }
.width-5{ width:47.6%; padding:1.2%; float:left; }
.width-4{ width:37.6%; padding:1.2%; float:left; }
.width-3{ width:27.6%; padding:1.2%; float:left; }
.width-2{ width:17.6%; padding:1.2%; float:left; }
.width-1{ width:7.6%; padding:1.2%; float:left; }


/* 
	小类布局
	模型总数之和必须为:16
	满16为：100% 
 */

.layout-16{ width:98%; float:left;  margin:0 1%; padding:0; }
.layout-15{ width:91.75%; float:left;  margin:0 1%; padding:0; }
.layout-14{ width:85.5%; float:left;  margin:0 1%; padding:0; }
.layout-13{ width:79.25%; float:left; margin:0 1%; padding:0; }
.layout-12{ width:73%; float:left;  margin:0 1%; padding:0; }
.layout-11{ width:66.75%; float:left;  margin:0 1%; padding:0; }
.layout-10{ width:62.5%; float:left;  margin:0 1%; padding:0; }
.layout-9{ width:54.25%; float:left;  margin:0 1%; padding:0; }
.layout-8{ width:48%; float:left;  margin:0 1%; padding:0; }
.layout-7{ width:41.75%; float:left;  margin:0 1%; padding:0; }
.layout-6{ width:35.5%; float:left;  margin:0 1%; padding:0; }
.layout-5{ width:29.25%; float:left;  margin:0 1%; padding:0; }
.layout-4{ width:23%; float:left;  margin:0 1%; padding:0; }
.layout-3{ width:16.75%; float:left; margin:0 1%; padding:0; }
.layout-2{ width:10.5%; float:left;  margin:0 1%; padding:0; }
.layout-1{ width:4.25%; float:left;  margin:0 1%; padding:0; }

	
}
/* ============ 图形、形状 ============ */
/* === 通用不带后缀"-m"  移动设备带 "-m" 电脑端带 "-pc"  === */
.radius-5-pc{border-radius:5px;} /* 4个角圆 */
.radius-t5-pc{border-radius:5px 5px 0 0;} /* 上面角圆 */
.radius-b5-pc{border-radius:0 0 5px;} /* 下面角圆 */


/* ============ 列表模型 ============ */
.listGroup{ /* 列表 */
	clear:both;
	/* overflow:hidden; */
	border:1px solid #D2D2D2;
	padding:1px;
	margin-bottom:20px;
	background:none;
}
.listGroup .name{ /* 栏目名称 */	
	text-align:center;
	padding:10px;
}
.listGroup li{ 
	padding-left:10px;
	padding-right:10px;
	margin-bottom:10px;
	
	
	
}


}