@charset "utf-8";
/* 去掉标签的margin和padding */
html,body,ul,li,ol,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,form,fieldset,legend,img,input,figure,figcaption{
    margin:0;
    padding:0;
}
/* 触发怪异盒模型 */
*{
    box-sizing:border-box;
}
/* body针对整体项目的样式 */
html{
    font-size: 100px;
    height: 100%;
}
body{
    height: 100%;
    font-size:16px;
    font-family:PingFangSC-Semibold,Arial,"Microsoft YaHei";
}
/* 版心 */
.w {
    margin: 0 16px;
}
/* 默认的倾斜 */
em,i{
    font-style:normal;
}
/* 默认的加粗 */
b,strong{
    font-weight:normal;
}
/* 下划线 */
a,u{
    text-decoration: none;
}
/* 列表符号 */
ul,ol,li{
    list-style:none;
}
/* 标题标签 */
h1,h2,h3,h4,h5,h6{
    font-size:16px;
    font-weight:normal;
}
/* 图片处理 */
img{
    display:block;
    border:0;
}
/* fieldset */
fieldset{
    border:0;
}
/* input */
input{
    background:none;
    border:none;
    outline:none;
}
/* textarea */
textarea{
    resize:none;
    outline: none;
}
/* 消除button的默认样式 */
button {
margin: 0;
padding: 0;
border: 1px solid transparent;  /*自定义边框*/
outline: none;    /*消除默认点击蓝色边框效果*/
}


/* 弹性盒布局 */
.flex_center {
    display: flex;
    justify-content: center;
    align-items: center;
}
.flex_centers {
    display: flex;
    justify-content: center;
    align-content: center;
}
.flex_y_center {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.flex_y_centers {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: center;
}
.flex_x_centers {
    display: flex;
    justify-content: center;
    align-content: space-between;
}

/* 提前封装一些类名 */
.float_l{
    float:left;
}
.float_r{
    float:right;
}
/* 去掉边框 */
.border_none{
    border:none!important;
}
/* 去掉背景 */
.bg_none{
    background:none!important;
}
/* 高度塌陷 */
.clear_fix:after{
    content: " ";
    clear:both;
    display:block;
    height:0;
    overflow:hidden;
    visibility: hidden;
}
.clear_fix{
    zoom:1;
}
/* 单行文本省略号显示 */
.text_ellipsis{
    white-space: nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
