常用CSS公共样式

@charset "UTF-8";

*,p,h1,h2,h3,h4,h5,h6{padding: 0;margin: 0;border: none;}
h1,h2,h3,h4,h5,h6{font-size: 24px;}
body{font-size: 24px;font-family: "Microsoft YaHei", 微软雅黑, "Microsoft JhengHei", 华文细黑, STHeiti, MingLiu}
ul li{padding:0;margin:0;list-style:none}
a,a:hover,a:focus{text-decoration: none;color: #ffffff;}
/*a:hover{color: white;transition: 0.2s;}*/


/* 清除浮动 */
.my_clear:after{
    content: '';
    display: block;
    clear: both;
    width: 0;
    height: 0;
}
ul>li:nth-child(1){
    margin-left: 0;
}

/* 省略号父级元素  */
.text_omission_father{
    display: flex;
}

/* 省略号子级元素  */
.text_omission_son{
    flex: 1;
    width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*显示三行省略*/
.text_omission_son_ellipsis_3{
	 overflow: hidden;
	 text-overflow: ellipsis;
	 display: -webkit-box;
	 -webkit-line-clamp: 3;
	 -webkit-box-orient: vertical;
}

/* flex 居中 */
.flex_center{
    display: -webkit-flex; /* Safari */
    display: flex;
    justify-content: center;
}

/* flex 居中换行 */
.flex_center_row{
    display: -webkit-flex;      /* Safari */
    display: flex;              /* flex布局 */
    flex-wrap: wrap;            /* 换行 */
    justify-content: left;    /* 居中显示 */
}