* {
    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;
}

.avisited:visited {
    color: #999999;
}

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;
    justify-content: 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;
}