/* 功能1：增加右边渐线垂直分割线 */

.qx-vertical-line {
    position: relative;
}

.qx-vertical-line::after {
    content: "";
    position: absolute;
    right: 0px;
    top: 0px;
    display: block;
    width: 3px;
    height: 100%;
    background: url("../images/rline.png");
}

/* 功能2：居中功能 */
.qx-center {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* 功能3：内容在两边的的功能 */

.qx-content-between {
    display: flex;
    justify-content: space-between;
}

/* 功能4：文本溢出使用截断 */

.text-overflow {
    white-space: nowrap;
    text-overflow: clip;
    overflow: hidden;
}

/* 功能5：增加左边直线垂直分割线*/

.qx-left-vertical-line {
    position: relative;
}

.qx-left-vertical-line::before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    display: block;
    width: 2px;
    height: 100%;
    background: #1d3741;
}

/* 功能6：容器display:none */

.qx-display-none {
    display: none !important;
}

/* 功能7：容器display:block */

.qx-display-block {
    display: block !important;
}

/* 功能8：margin-top：-10px */

.qx-m-t-10 {
    margin-top: -10px;
}
/* 功能：margin-bottom:11px */
.qx-m-b-11{
    margin-bottom: 11px;
}
/* 功能：margin-bottom:18px */
.qx-m-b-18{
    margin-bottom: 18px;
}
/* 功能：margin-bottom:25px */
.qx-m-b-25{
    margin-bottom: 25px;
}
/* 功能：margin-top:18px */
.qx-m-t-18{
    margin-top: 18px;
}
/* 功能：margin-top:25px */
.qx-m-t-25{
    margin-top: 25px;
}

/* 字体大小
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/
/* 功能9：字体23 */

.qx-font-size-23 {
    font-size: 23px;
}

/* 功能10：字体21 */

.qx-font-size-21 {
    font-size: 14px;
}

/* 功能16：字体20.5 */
.qx-font-size-20-half {
    font-size: 20.5px;
}
/* 功能11：字体18 */

.qx-font-size-18 {
    font-size: 18px;
}
/* 功能11：字体17 */

.qx-font-size-17 {
    font-size: 17px;
}

/* 功能12：字体14.5 */

.qx-font-size-14-half {
    font-size: 14.5px;
}

/* 功能13：字体12.5 */

.qx-font-size-12-half {
    font-size: 12.5px;
}

/* 功能14：字体10.5 */

.qx-font-size-10-half {
    font-size: 10.5px;
}

/* 功能15：字体10 */

.qx-font-size-10 {
    font-size: 10px;
}


/* 功能:去掉左右padding */
.qx-plr-0{
    padding-left: 0 !important;
    padding-right: 0 !important;
}
/* 功能：字体白色 */
.qx-text-white{
    color:white !important;
}

/* 功能：字体#828181 */
.qx-text-grey{
    color: grey !important;
}

/* 功能：flex布局项目项下对其 */
.qx-align-self-flex-end{
    align-self: flex-end;
}