html {  
  font-size: 15px; 
  font-family: Arial,"PingFang SC","Microsoft YaHei",SimSun,sans-serif, "Arial","Hiragino Sans GB", "Helvetica", "sans-serif", "Hiragino Sans GB", "Lantinghei SC", sans-serif, SimSun, "WenQuanYi Micro Hei", "STHeiti Light", "Microsoft YaHei", "Helvetica", "Hiragino Sans GB", "Helvetica", "STHeiti";
}
.module_hdr {PADDING-RIGHT: 6px; PADDING-LEFT: 6px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; BACKGROUND-COLOR: #e5ecf9 }

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

.modal-xlg {
    width:80%;
    
}
.modal-xxlg {
    width:90%;    
}
.modal-xxxlg {
    width:100%;    
}

.lb-xsm {    
    font-weight: normal !important;
    font-size: 8px;
}

.lb-sm {
    font-size: 9px;
}

.lb-md {
    font-size: 12px;
}

.lb-lg {
    font-size: 20px;
}
.scrollup{
    position:fixed;
    width:32px;
    height:32px;
    bottom:0px;
    right:20px;
    background: #222;
    -webkit-border-radius: 2px 2px 0 0;
    -moz-border-radius: 2px 2px 0 0;
    border-radius:  2px 2px 0 0;
}
a.scrollup {
    outline:0;
    text-align: center;
}

a.scrollup:hover,a.scrollup:active,a.scrollup:focus {
    opacity:1;
    text-decoration:none;
}
a.scrollup span {
    margin-top: 10px;
    color: #fff;
}
a.scrollup span:hover {
    text-decoration:none;
}

.scrollupMarkTIP{
    position:fixed;
    opacity:0.8;
    height:32px;
    top:45px;
    right:6px;
    background: #222;
    -webkit-border-radius: 2px 2px 0 0;
    -moz-border-radius: 2px 2px 0 0;
    border-radius:  2px 2px 0 0;
    }
    a.scrollupMarkTIP {
        outline:0;
        text-align: center;
    }

    a.scrollupMarkTIP:hover,a.scrollupMarkTIP:active,a.scrollupMarkTIP:focus {
        opacity:1;
        text-decoration:none;
    }
    a.scrollupMarkTIP span {
        margin-top: 10px;
        margin-bottom: 10px;
        color: #fff;
    }
    a.scrollupMarkTIP span:hover {
        text-decoration:none;
    }


p { word-break:break-all; }
pre {
    white-space: pre-wrap; /* css-3 */
    word-wrap: break-word; /* InternetExplorer5.5+ */
    white-space: -moz-pre-wrap; /* Mozilla,since1999 */
    white-space: -pre-wrap; /* Opera4-6 */
    white-space: -o-pre-wrap; /* Opera7 */
}
img { max-width: 100%;}

/* Tooltip container */
.cgtooltip {
  position: relative;
  display: inline-block;  
}

/* Tooltip text */
.cgtooltip .cgtooltiptext {
  visibility: hidden;
  background-color: black;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
  top: -5px;
  left: 103%;
 
  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.cgtooltip:hover .cgtooltiptext {
  visibility: visible;
}

.cgtooltip .cgtooltiptext-left {
  visibility: hidden;
  background-color: black;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
  top: -5px;
  right: 103%;
 
  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.cgtooltip:hover .cgtooltiptext-left {
  visibility: visible;
}

.cgmyclass {
  color: #fff !important;
  background: #5cb85c !important;
}
.cgwordwrap {
    word-break: break-all; 
    word-wrap: break-word;
}


.numbered-title {
    position: relative;        
    padding-left: 3.5em;      
    margin: 0.8em 0;
}

.numbered-title::before {    
    content: attr(data-number);
    position: absolute;
    left: 0;
    width: 3em;               
    text-align: right;         
    padding-right: 0.3em;   
}

.alert-right {
    position: fixed;
    top: 60px;
    right: 20px;
    z-index: 9999;
    min-width: 300px;
    max-width: 400px;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    opacity: 1;
    transform: translateX(0);
    transition: opacity 0.5s, transform 0.5s;
}
.truncate-two-lines {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.5; /* 必须设置行高 */
  min-height: 3em;   /* 关键：行高 × 行数（1.5 × 2 = 3） */
  max-height: 3em;   /* 防止内容过多时撑高 */
} 
.multi-line-fallback {
  display: -webkit-box;
  -webkit-line-clamp: 1;    /* 限制一行 */
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.5em;
  min-height: 1.5em;
}