#header, #content, #footer {
    margin-left: auto;
    margin-right: auto;
}

/** 布局基础样式 **/
.col-main {
    float: left;
    width: 100%;
    /* bug fix: 主栏没有内容时，在 Firefox 和 Chrome 等浏览器下，布局不对 */
    min-height: 1px;
}
.col-sub, .col-extra {
    float: left;
    /*position: relative;  按需设置，仅在需要时添加 */
}

/** 清除浮动 **/
.clear, .layout:after, .main-wrap:after, .col-sub:after, .col-extra:after {
	content: '\20';
	display: block;
	height: 0;
	clear: both;
}
.clear, .layout, .main-wrap, .col-sub, .col-extra {
    *zoom: 1;
	overflow:hidden;
}

/** 头部广告 **/
.grid-s150m0e170 .main-wrap { margin: 0 180px 0 160px; }
.grid-s150m0e170 .col-sub { width: 150px; margin-left: -100%; }
.grid-s150m0e170 .col-extra { width: 170px; margin-left: -170px; }

/*头版头条*/
.grid-m0s280 .main-wrap { margin-right: 290px; }
.grid-m0s280 .col-sub { width: 280px; margin-left: -280px; }

.grid-m0s650 .main-wrap { margin-right: 660px; }
.grid-m0s650 .col-sub { width: 650px; margin-left: -650px; }

.grid-m0s260 .main-wrap { margin-right: 270px; }
.grid-m0s260 .col-sub { width: 260px; margin-left: -260px; }

/*首屏布局 300 360 280*/
.grid-s300m0e280 .main-wrap { margin: 0 290px 0 310px; }
.grid-s300m0e280 .col-sub { width: 300px; margin-left: -100%; }
.grid-s300m0e280 .col-extra { width: 280px; margin-left: -280px; }
.grid-m0s272 .main-wrap { margin-right: 282px; }.grid-m0s272 .col-sub { width: 272px; margin-left: -272px; }
.grid-m0s360 .main-wrap { margin-right: 370px; }.grid-m0s360 .col-sub { width: 360px; margin-left: -360px; }
.grid-s280m0e300 .main-wrap { margin: 0 310px 0 290px; }.grid-s280m0e300 .col-sub { width: 280px; margin-left: -100%; }.grid-s280m0e300 .col-extra { width: 300px; margin-left: -300px; }
.grid-s280m0e280 .main-wrap { margin: 0 290px 0 290px; }.grid-s280m0e280 .col-sub { width: 280px; margin-left: -100%; }.grid-s280m0e280 .col-extra { width: 280px; margin-left: -280px; }
.grid-m0s280 .main-wrap { margin-right: 290px; }.grid-m0s280 .col-sub { width: 280px; margin-left: -280px; }
.grid-s360m0e220 .main-wrap { margin: 0 230px 0 370px; }.grid-s360m0e220 .col-sub { width: 360px; margin-left: -100%; }.grid-s360m0e220 .col-extra { width: 220px; margin-left: -220px; }
.grid-m0s280 .main-wrap { margin-right: 290px; }.grid-m0s280 .col-sub { width: 280px; margin-left: -280px; }
.grid-s360m0e360 .main-wrap { margin: 0 370px 0 370px; }.grid-s360m0e360 .col-sub { width: 360px; margin-left: -100%; }.grid-s360m0e360 .col-extra { width: 360px; margin-left: -360px; }
.grid-m0s475 .main-wrap { margin-right: 485px; }.grid-m0s475 .col-sub { width: 475px; margin-left: -475px; }
.grid-m0s645 .main-wrap { margin-right: 655px; }.grid-m0s645 .col-sub { width: 645px; margin-left: -665px; }
.grid-s313m0e266 .main-wrap { margin: 0 276px 0 323px; }.grid-s313m0e266 .col-sub { width: 313px; margin-left: -100%; }.grid-s313m0e266 .col-extra { width: 266px; margin-left: -266px; }

/*尾屏布局*/
.grid-s310m0e310 .main-wrap { margin: 0 320px 0 320px; }
.grid-s310m0e310 .col-sub { width: 310px; margin-left: -100%; }
.grid-s310m0e310 .col-extra { width: 310px; margin-left: -310px; }

.grid-s335m0e280 .main-wrap { margin: 0 290px 0 345px; }
.grid-s335m0e280 .col-sub { width: 335px; margin-left: -100%; }
.grid-s335m0e280 .col-extra { width: 280px; margin-left: -280px; }
.grid-m0s300 .main-wrap { margin-right: 310px; }.grid-m0s300 .col-sub { width: 300px; margin-left: -300px; }