﻿/****布局清除浮动*****/
.grid-c1,
.grid-c2-s8a,
.grid-c2-s8b,
.grid-c2-s6a,
.grid-c2-s6b,
.grid-c3-s8e8a,
.grid-c3-s6e6a,
.grid-c3-s5e11a{
	zoom:1;
	margin:0 0 8px 0;
}
.grid-c1:after, 
.grid-c2-s8a:after,
.grid-c2-s8b:after,
.grid-c2-s6a:after,
.grid-c2-s6b:after,
.grid-c3-s8e8a:after,
.grid-c3-s6e6a:after,
.grid-c3-s5e11a:after{
	content:"\0020";
	display:block;
	height:0;
	clear:both;
}

/****给每栏设定position为relative，方便里面元素定位*****/
.col-main, .col-sub, .col-extra{
	position:relative;
}

/****单栏式*****/
.grid-c1{
	width:100%;
}

/* 两栏布局，左侧col-sub：312px，右侧col-main自适应 */
.grid-c2-s8a .main-wrap{
	width:100%;
	float:left;
}
.grid-c2-s8a .col-main{
	margin-left:320px;
}

.grid-c2-s8a .col-sub{
	float:left;
	width:312px;
	margin-left:-100%;
}


/* 两栏布局，右侧col-sub：312px，左侧col-main自适应 */
.grid-c2-s8b .main-wrap{
	width:100%;
	float:left;
}
.grid-c2-s8b .col-main{
	margin-right:320px;
}
.grid-c2-s8b .col-sub{
	float:left;
	width:312px;
	margin-left:-312px;
}

/* 两栏布局，左侧col-sub：232px，右侧col-main自适应 */
.grid-c2-s6a .main-wrap{
	width:100%;
	float:left;
}
.grid-c2-s6a .col-main{
	margin-left:240px;
}

.grid-c2-s6a .col-sub{
	float:left;
	width:232px;
	margin-left:-100%;
}

/* 两栏布局，右侧col-sub：232px，左侧col-main自适应 */
.grid-c2-s6b .main-wrap{
	width:100%;
	float:left;
}
.grid-c2-s6b .col-main{
	margin-right:240px;
}

.grid-c2-s6b .col-sub{
	float:left;
	width:232px;
	margin-left:-232px;
}

/* 三栏布局，左侧col-sub：312px，右侧col-extra: 312px,中间main自适应 */
.grid-c3-s8e8a .main-wrap{
	width:100%;
	float:left;
}
.grid-c3-s8e8a .col-main{
	margin:0 320px;
}

.grid-c3-s8e8a .col-sub{
	float:left;
	width:312px;
	margin-left:-100%;
}

.grid-c3-s8e8a .col-extra{
	float:left;
	width:312px;
	margin-left:-312px;
}

/* 三栏布局，左侧col-sub：232px，右侧col-extra: 232px,中间main自适应 */
.grid-c3-s6e6a .main-wrap{
	width:100%;
	float:left;
}
.grid-c3-s6e6a .col-main{
	margin:0 240px;
}

.grid-c3-s6e6a .col-sub{
	float:left;
	width:232px;
	margin-left:-100%;
}

.grid-c3-s6e6a .col-extra{
	float:left;
	width:232px;
	margin-left:-232px;
}

/* 三栏布局，左侧col-sub：232px，右侧col-extra: 232px,中间main自适应 */
.grid-c3-s6e6a .main-wrap{
	width:100%;
	float:left;
}
.grid-c3-s6e6a .col-main{
	margin:0 240px;
}

.grid-c3-s6e6a .col-sub{
	float:left;
	width:232px;
	margin-left:-100%;
}

.grid-c3-s6e6a .col-extra{
	float:left;
	width:232px;
	margin-left:-232px;
}

/* 三栏布局，右侧col-extra 192px,中间侧col-sub 432px ,左间col-main自适应 */
.grid-c3-s5e11a .main-wrap{
	width:100%;
	float:left;
}
.grid-c3-s5e11a .col-main{
	margin-right: 640px;
}

.grid-c3-s5e11a .col-sub{
	float:left;
	width:432px;
	margin-left:-632px;
}

.grid-c3-s5e11a .col-extra{
	float:left;
	width:192px;
	margin-left:-192px;
}