/*(1)清除默认样式*/
html,
body,
ul,
li,
ol,
dl,
dd,
dt,
p,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
legend,
img,
input {
    margin: 0;
    padding: 0;
}

body{font: normal 14px/22px "Microsoft YaHei", "微软雅黑", "宋体", Verdana, Tahoma, Arial, Helvetica, sans-serif;}

fieldset,
img,
input,
button ,
textarea{
    border: 0 none;
    padding: 0;
    margin: 0;
    outline-style: none;
}

/*去掉input等聚焦时的蓝色边框*/

.clear {
    clear: both;
    font-size: 1px;
    width: 1px;
    height: 0;
    visibility: hidden;
    zoom: 1;
}

ul,
li,
ol {
    list-style: none;
}

/* 行内元素的垂直居中 */
/* 
vertical-align：top 

*/
select,
input {
    vertical-align: middle;
}

/*select, input, textarea { font-size:12px; margin:0; }*/
textarea {
    resize: none;
}

/*防止拖动*/
img {
    border: 0;
    vertical-align: middle;
}

/*  去掉图片低测默认的3像素空白缝隙，或者用display：block也可以*/
/* table { border-collapse:collapse; } */

a {
    text-decoration: none;
}

.clearfix::after {
    content: "";
    clear: both;
    overflow: hidden;
    display: block;
    height: 0;
    visibility: hidden;
}

/*（2）添加公共样式*/
/*body {
    font:12px Arial,Verdana,"\5b8b\4f53";
    color:#666;
    background:#fff;
}*/
/*清除浮动（不管）*/
/* .clearfix:before,.clearfix:after {  /*清楚浮动*/
/* content:""; */
/* display:table; */
/* }
.clearfix:after{clear:both;} */
/* .clearfix{
    *zoom:1;/*IE/7/6*/
/* } */
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
    font-size: 1em;
}

/*设置h标签的大小，设置跟父亲一样大的字体font-size:100%;*/
s,
i,
em {
    font-style: normal;
    text-decoration: none;
}


/*公共类*/
.containers {
    /*内容、版心 提取 */
    width: 1300px;
    /*100%是继承父元素的高或者宽*/
    height: 100%;
    margin: 0 auto;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.ac {
    text-align: center;
}

header,main,footer{
    display: block
}



.flex{
    display:-webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.flex-b{
    display:-webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content:space-between;
    justify-content:space-between;
    -moz-box-pack:space-between;
    -webkit-moz-box-pack:space-between;
    box-pack:space-between; 
}

.flex-s{
    display:-webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content:space-around;
    justify-content:space-around;
    -moz-box-pack:space-around;
    -webkit-moz-box-pack:space-around;
    box-pack:space-around;

}

/* 过渡放大图片 */
.enlarge{
    -moz-transition:all 0.8s; /* Firefox 4 */
    -webkit-transition:all 0.8s; /* Safari and Chrome */
    -o-transition:all 0.8s; /* Opera */
    transition:all 0.8s;
}