﻿#main-container { width: 100% !important; }

    #main-container .container:nth-child(2) { width: 100% !important; padding-right: 0px; padding-left: 0px; margin-right: auto; margin-left: auto; border: solid 0px red; /*overflow:hidden;*/ }
/*
@media (min-width: 1200px)
.container {
    width: 1170px;
}
@media (min-width: 992px)
.container {
    width: 970px;
}
@media (min-width: 768px)
.container {
    width: 750px;
}*/
.productlist { display: flex; /* 复合属性。设置或检索伸缩盒对象的子元素如何分配空间。 */ justify-content: space-between; /* 水平平均分布 //设置或检索弹性盒子元素在主轴（横轴）方向上的对齐方式。 */ align-items: center; /* 垂直居中    //定义flex子项在flex容器的当前行的侧轴（纵轴）方向上的对齐方式。 */ flex-flow: wrap; align-content: space-around; /*padding:0px 30px;*/ padding: 0px 2.5%; }

    .productlist li { list-style: none; display: block; width: 24%; float: left; margin: 10px 0px; /*260px*/ }

.clientlist { display: flex; /* 复合属性。设置或检索伸缩盒对象的子元素如何分配空间。 */ justify-content: space-between; /* 水平平均分布 //设置或检索弹性盒子元素在主轴（横轴）方向上的对齐方式。 */ align-items: center; /* 垂直居中    //定义flex子项在flex容器的当前行的侧轴（纵轴）方向上的对齐方式。 */ flex-flow: nowrap; align-content: space-around; /*padding:0px 30px;*/ padding: 0px 2.5%; }

    .clientlist li { list-style: none; display: block; width: 200px; float: left; margin: 10px 0px; }

.post .left { /*width:45%;*/ /*display:block;*/ /*background:#ccc;*/ /*height:350px;*/ /*float:left;*/ /*margin-right:30px;*/ }

.post .right { /*width:60%; display:block;*/ /*background:gray;*/ /*height:350px;*/ /*float:left;*/ }

    .post .right ul { display: flex; flex-direction: column; /*height:350px;*/ border: solid 0px red; /*padding-left:30px;*/ }

    .post .right li { margin: 10px 5px; font-size: 1.5rem; font-weight: bold; padding-left: 45px; background-repeat: no-repeat; background-position: 0px -5px; }

.col-xs-1-5, .col-sm-1-5, .col-md-1-5, .col-lg-1-5 { min-height: 1px; padding-left: 15px; padding-right: 15px; position: relative; }

.col-xs-1-5 { width: 20%; float: left; }

@media (min-width: 768px) {
    .col-sm-1-5 { width: 20%; float: left; }
}

@media (min-width: 992px) {
    .col-md-1-5 { width: 20%; float: left; }
}

@media (min-width: 1200px) {
    .col-lg-1-5 { width: 20%; float: left; }
}

.post .right li { background-image: url("../images/postbefore.png"); }
