* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body{
    color:#333333
}
ol, ul {
    list-style: none;
}

/*去除a标签下划线*/
a {
    text-decoration: none;
    color: #333333;
    -webkit-tap-highlight-color: transparent;
    outline: none;
}

/*去除未被访问、已经被访问过、鼠标悬停时等的a标签的下划线*/
a:link,
a:visited,
a:hover,
a:active,
a:focus {
    text-decoration: none;
    outline: none;
}

input {
    outline: none;
}

/*flex*/
.flex {
    /*display: flex;*/
	
}
.d_flex_between,
.d-flex-space {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.d_flex_center,
.d-flex-center {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
.d_flex_start,
.d-flex-start {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.d_flex_end,
.d-flex-end {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
}
.flex-column {
    display: flex;
    flex-direction: column;
    align-items: center;
}

/*bg-color*/
.bg-fff {
    background: #FFFFFF
}

/* text-align */
.tl {
    text-align: left;
}

.tc {
    text-align: center;
}

.tr {
    text-align: right;
}
.tj{
    text-align: justify;
}
/* 单行文字末尾省略号显示 */
.text-ellipsis {
    text-overflow: ellipsis; /* ellipsis:显示省略符号来代表被修剪的文本  string:使用给定的字符串来代表被修剪的文本*/
    white-space: nowrap; /* nowrap:规定段落中的文本不进行换行   */
    overflow: hidden; /*超出部分隐藏*/
}

/* 多行文字末尾省略号显示 */
.line-clamp {
    display: -webkit-box; /*  display: -webkit-box; 必须结合的属性 ，将对象作为弹性伸缩盒子模型显示  */
    -webkit-box-orient: vertical; /*  -webkit-box-orient 必须结合的属性 ，设置或检索伸缩盒对象的子元素的排列方式  */
    -webkit-line-clamp: 2; /*  -webkit-line-clamp用来限制在一个块元素显示的文本的行数 */
    overflow: hidden;
}
.none,
.hide {
    display: none;
}

.show {
    display: block;
}

.fc-pink {
    color: #DB4E3E
}
.fw_400{
    font-weight: 400;
}
.fw_500{
    font-weight: 500;
}
.fw_600{
    font-weight: 600;
}
.fw_bold{
    font-weight: bold;
}
.width_100{
    width:100%!important;
}
.c_666{
    color:#666!important;
}
.c_333{
    color:#333!important;
}
.d_block{
    display: block;
}
.d_inline_b{
    display: inline-block!important;
}
.bg_fff{
    background-color: #FFFFFF!important;
}
.o_hidden{
    overflow: hidden;
}
.mt0{
    margin-top:0px!important
}
.m_auto{
    margin:0 auto;
}
.p_none{
    padding:none;
}
.pt0{
    padding-top:0px;
}
.pr0{
    padding-right:0px;
}
.pb0{
    padding-bottom:0px;
}
.pl0{
    padding-left:0px;
}