html {
    font-size: 10px;
}

@media (min-width: 768px) {
    html {
        font-size: 10px;
    }
}

html {
    position: relative;
    min-height: 100%;
}

html, body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

body {
    margin-bottom: 60px;
}

.rowElem {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.rowElem-between {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.colElem {
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
}

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

.twoCol > div {
    width: 49%;
}

.center {
    display: flex;
    align-items: center;
    justify-content: center;
}

.heightCenter {
    display: flex;
    align-items: center;
}

.widthCenter {
    display: flex;
    justify-content: center;
}

.container {
    width: 1550px;
    margin: 0 auto;
    height: 100%;
    float: none !important;
}

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

.twoRowText {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.threeRowText {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.bubble {
    position: relative;
    z-index: 19891014;
}

.bubbleBox {
    border: 1px solid var(--mainColor);
    font-size: 14px;
    text-align: center;
    border-radius: 6px;
    padding: 5px 6px;
    position: absolute;
    z-index: 19891014;
    white-space: nowrap;
    background-color: #fff;
    /*bottom: 100%;
    left: 50%;*/
    /*margin-left: -60px;*/
}

.bubbleBox:after {
    content: '';
    position: absolute;
    bottom: -33%; /* 位于气泡下方 */
    /*left: 38%;*/ /* 水平居中 */
    left: 50%;
    /*margin-left: -5px;*/ /* 用于水平居中箭头 */
    border-width: 5px;
    border-style: solid;
    border-color: var(--mainColor) transparent transparent transparent; /* 透明 透明 背景色 透明 */
}

.bubbleBox:before {
    content: '';
    position: absolute;
    bottom: -40%; /* 位于气泡下方 */
    /*left: 37%;*/ /* 水平居中 */
    left: 50%;
    /*margin-left: -6px; */ /* 用于水平居中箭头 */
    border-width: 6px;
    border-style: solid;
    border-color: var(--mainColor) transparent transparent transparent; /* 透明 透明 边框颜色 透明 */
}

/*===============自定义滚动条样式=============*/
/*滚动条里面轨道*/
.customScrollbar::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 4px rgba(255, 255, 255, 0);
    background-color: #eee;
}
/*定义滚动条整体的样式*/
.customScrollbar::-webkit-scrollbar {
    width: 4px;
    background-color: #bbb;
}
/*滚动条的样式*/
.customScrollbar::-webkit-scrollbar-thumb {
    height: 20px;
    -webkit-border-radius: 4px;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.2, rgb(125, 126, 128)), color-stop(0.4, rgb(97, 98, 99)), color-stop(0.8, rgb(125, 126, 128)));
}