.dis-block {
    display: block;
}

.dis-flex {
    display: flex !important;
    /* flex-wrap: wrap; */
}

.flex-wrap {
    flex-wrap: wrap;
}

.flex-box {
    flex: 1;
}

.flex-dir-row {
    flex-direction: row;
}

.flex-dir-column {
    flex-direction: column;
}

.flex-x-center {
    /* display: flex; */
    justify-content: center;
}

.flex-x-between {
    justify-content: space-between;
}

.flex-x-around {
    justify-content: space-around;
}

.flex-x-end {
    justify-content: flex-end;
}

.flex-y-center {
    align-items: center;
}

.flex-y-end {
    align-items: flex-end;
}

.flex-five {
    box-sizing: border-box;
    flex: 0 0 50%;
}

.flex-three {
    float: left;
    width: 33.3%;
}

.flex-four {
    box-sizing: border-box;
    flex: 0 0 25%;
}

p{
    line-height: 1.3!important;
}

/*ss*/
.t-l {
    text-align: left!important;
}
.t-c {
    text-align: center!important;
}
.t-r {
    text-align: right!important;
}
.p-a {
    position: absolute!important;
}
.p-r {
    position: relative!important;
}
.fl {
    float: left;
}
.fr {
    float: right;
}
.clear::after {
    clear: both;
    content: " ";
    display: table;
}
.oh {
    overflow: hidden;
}

.f-42 {
    font-size: 40px;
}
.f-40 {
    font-size: 40px;
}
.f-38 {
    font-size: 38px;
}
.f-36 {
    font-size: 36px;
}
.f-34 {
    font-size: 34px;
}
.f-32 {
    font-size: 32px;
}
.f-31 {
    font-size: 31px;
}
.f-30 {
    font-size: 30px;
}
.f-29 {
    font-size: 29px;
}
.f-28 {
    font-size: 28px;
}
.f-26 {
    font-size: 26px;
}
.f-25 {
    font-size: 25px;
}
.f-24 {
    font-size: 24px!important;
}
.f-22 {
    font-size: 22px;
}
.f-20 {
    font-size: 20px;
}
.f-18 {
    font-size: 18px;
}
.f-16 {
    font-size: 16px;
}
.f-14 {
    font-size: 14px;
}
.f-12 {
    font-size: 12px;
}
.f-10 {
    font-size: 10px;
}
.f-8 {
    font-size: 8px;
}

.f-b {
    font-weight: bold!important;
}
.f-w {
    font-weight: 700;
}
.f-n {
    font-weight: 400;
}
/*font-spacee*/
.fs{
    letter-spacing:0px;
}
/*left-right*/
.lrok{
    text-align:justify;
    word-break:break-all
}

/*font*/
.ft-title{
    font-family: 'nyt-cheltenham', Georgia, serif;
}
.ft-italic{
    font-style: italic
}
.ff{
    font-family: Playball;
    font-weight: 400;
    line-height: 1;
}
.ff1{
    font-family: Catamaran;
    font-weight: 400;
    line-height: 1;
}
.ff2{
    font-family: Open Sans;
}
.ff3{
    font-family: Playfair Display;
}



/*color*/
.col-zi{
    color: #331c74!important;
}
.col-f{
    color: #ffffff!important;
}
.col-e{
    color: #eeeeee!important;
}
.col-0{
    color: #000000!important;
}
.col-3{
    color: #333333!important;
}
.col-4{
    color: #444444!important;
}
.col-5{
    color: #555555!important;
}
.col-6{
    color: #666666!important;
}
.col-7{
    color: #777777!important;
}
.col-8{
    color: #888888!important;
}
.col-9{
    color: #999999!important;
}
.col-c{
    color: #fe5c38!important;
}
.col-z{
    color: #9000ff!important;
}

/*extra*/
.mtop-10{
    margin-top:10px;
}
.pb-4{
    padding-bottom:4px;
}
.pl-4{
    padding-left:4px;
}
.pl-6{
    padding-left:6px;
}
.pl-12{
    padding-left:12px;
}
.pl-80{
    padding-left:80px;
}
.pb-3{
    padding-bottom:3px;
}
.pb-4{
    padding-bottom:4px;
}
.pb-6{
    padding-bottom:6px;
}
.ptb-10{
    padding:10px 0;
}
/*line-ellipsis*/
.multi-line-ellipsis-1 {
  display: -webkit-box;              /* 启用弹性伸缩盒子 */
  -webkit-box-orient: vertical;       /* 内容垂直排列 */
  -webkit-line-clamp: 1;              /* 限制显示4行 */
  overflow: hidden;                   /* 隐藏超出内容 */
  text-overflow: ellipsis;            /* 溢出部分显示省略号 */
  width: 100%;                        /* 需设置容器宽度（或max-width） */
  line-height: 1.5em;                 /* 建议设置行高，确保高度计算准确 */
}
.multi-line-ellipsis-2 {
  display: -webkit-box;              /* 启用弹性伸缩盒子 */
  -webkit-box-orient: vertical;       /* 内容垂直排列 */
  -webkit-line-clamp: 2;              /* 限制显示4行 */
  overflow: hidden;                   /* 隐藏超出内容 */
  text-overflow: ellipsis;            /* 溢出部分显示省略号 */
  width: 100%;                        /* 需设置容器宽度（或max-width） */
  line-height: 1.5em;                 /* 建议设置行高，确保高度计算准确 */
}
.multi-line-ellipsis-3 {
  display: -webkit-box;              /* 启用弹性伸缩盒子 */
  -webkit-box-orient: vertical;       /* 内容垂直排列 */
  -webkit-line-clamp: 3;              /* 限制显示4行 */
  overflow: hidden;                   /* 隐藏超出内容 */
  text-overflow: ellipsis;            /* 溢出部分显示省略号 */
  width: 100%;                        /* 需设置容器宽度（或max-width） */
  line-height: 1.5em;                 /* 建议设置行高，确保高度计算准确 */
}
.multi-line-ellipsis-4 {
  display: -webkit-box;              /* 启用弹性伸缩盒子 */
  -webkit-box-orient: vertical;       /* 内容垂直排列 */
  -webkit-line-clamp: 4;              /* 限制显示4行 */
  overflow: hidden;                   /* 隐藏超出内容 */
  text-overflow: ellipsis;            /* 溢出部分显示省略号 */
  width: 100%;                        /* 需设置容器宽度（或max-width） */
  line-height: 1.5em;                 /* 建议设置行高，确保高度计算准确 */
}
.multi-line-ellipsis-5 {
  display: -webkit-box;              /* 启用弹性伸缩盒子 */
  -webkit-box-orient: vertical;       /* 内容垂直排列 */
  -webkit-line-clamp: 5;              /* 限制显示4行 */
  overflow: hidden;                   /* 隐藏超出内容 */
  text-overflow: ellipsis;            /* 溢出部分显示省略号 */
  width: 100%;                        /* 需设置容器宽度（或max-width） */
  line-height: 1.5em;                 /* 建议设置行高，确保高度计算准确 */
}