/* ========= 平板电脑布局: 481px 至 1024px。样式继承自: 平板电脑设备布局 =========  */
@media only screen and (min-width: 481px) {
/* ============ 外模型属性 ============ */
.module{ /* 最大的外模框 */
	width: 94%;
	height:auto;
	padding:0 1.5%;
}
.module-full{ width: 100%; } /* 宽：100%  的外模框 */
/* 加上内补的 */
/*  手机端的内补可以电脑共用
.module-16-p{ width:96.4%; padding:1.8%; }
.module-15-p{ width:90.15%; padding:1.8%; }
.module-14-p{ width:83.9%; padding:1.8%; }
.module-13-p{ width:77.65%; padding:1.8%; }
.module-12-p{ width:71.4%; padding:1.8%; }
.module-11-p{ width:65.15%; padding:1.8%; }
.module-10-p{ width:58.9%; padding:1.8%; }
.module-9-p{ width:52.65%; padding:1.8%; }
.module-8-p{ width:46.4%;  padding:1.8%; }
.module-7-p{ width:40.15%; padding:1.8%; }
.module-6-p{ width:33.9%; padding:1.8%; }
.module-5-p{ width:27.65%; padding:1.8%; }
.module-4-p{ width:21.4%; padding:1.8%; }
.module-3-p{ width:15.15%; padding:1.8%; }
.module-2-p{ width:8.9%; padding:1.8%; }
.module-1-p{ width:2.65%; padding:1.8%; }
*/
/* 加外距 */
/* .module-16-m{ width:96.4%; margin:1.8%; }
.module-15-m{ width:90.15%; margin:1.8%; }
.module-14-m{ width:83.9%; margin:1.8%; }
.module-13-m{ width:77.65%; margin:1.8%; }
.module-12-m{ width:71.4%; margin:1.8%; }
.module-11-m{ width:65.15%; margin:1.8%; }
.module-10-m{ width:58.9%; pmargin:1.8%; }
.module-9-m{ width:52.65%; margin:1.8%; }
.module-8-m{ width:46.4%;  margin:1.8%; }
.module-7-m{ width:40.15%; margin:1.8%; }
.module-6-m{ width:33.9%; margin:1.8%; }
.module-5-m{ width:27.65%; margin:1.8%; }
.module-4-m{ width:21.4%; margin:1.8%; }
.module-3-m{ width:15.15%; margin:1.8%; }
.module-2-m{ width:8.9%; margin:1.8%; }
.module-1-m{ width:2.65%; margin:1.8%; }
*/	

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

/* ============ 按钮 ============ */
/* 可配合“背景色、主题色” 属性使用，如增加： theme-gules  */
/* border-radius 圆角 */

.button{
	float:left;
	padding:1em 2.6em;
	text-align:center;
	border-radius:100px;
	list-style-type:none;	
	font-size:1em;
	font-weight:bold;
	/*
	color:#FFF;
	background:#FF4500;	
	*/
}


/* ============ 列表模型 ============ */
.listGroup{ /* 列表 */
	clear:both;
	/* overflow:hidden; */
	border:1px solid #D2D2D2;
	padding:1px;
	margin-bottom:10px;
	background:none;
}
.listGroup .name{ /* 栏目名称 */	
	text-align:center;
	padding:10px;
}
.listGroup li{ 
	padding-left:10px;
	padding-right:10px;
	margin-bottom:10px;	
}
/* ============ 布局配，置分配 ============ */
/*
  只用于二级子模型里面，作为布局。
  在 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{ /* 10号框 */
	width:96.4%;	
	padding:1.8%;
	float:left;
}
.width-9{ /* 9号框 */
	width:86.4%;
	padding:1.8%;
	float:left;
}
.width-8{ /* 8号框 */
	width:76.4%;
	padding:1.8%;
	float:left;
}
.width-7{ /* 7号框 */
	width:66.4%;
	padding:1.8%;
	float:left;
}
.width-6{ /* 6号框 */
	width:56.4%;
	padding:1.8%;
	float:left;
}
.width-5{ /* 5号框 */
	width:46.4%;
	padding:1.8%;
	float:left;
}
.width-4{ /* 4号框 */
	width:36.4%;
	padding:1.8%;
	float:left;
}
.width-3{ /* 3号框 */
	width:26.4%;
	padding:1.8%;
	float:left;
}
.width-2{ /* 2号框 */
	width:16.4%;
	padding:1.8%;
	float:left;
}
.width-1{ /* 1号框 */
	width:6.4%;
	padding:1.8%;
	float:left;
}
/* .width-7.clear{ clear:none; width:auto;} */



	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
}