body,
html {
  padding: 0px;
  margin: 0px;
  font-family: 微软雅黑, Arial;
  font-size: 14px;
  line-height: 25px;
  color: #555;
}
/********************************************/
/* 灰色横线分隔线 
.grayRowLine {
    height: 10px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ccc;
}*/
/* 灰色上边界 */
.grayTopBorder {
  border-top: 1px solid #cccccc;
}
/* 灰色上边界 */
.orangeTopBorder {
  border-top: 1px solid #E67E22;
}
/* 灰色点状上边界 */
.grayTopDottedBorder {
  border-top: 1px dotted #cccccc;
}
/* 灰色下边界 */
.grayBottomBorder {
  border-bottom: 1px solid #cccccc;
}
/* 灰色点状下边界 */
.grayBottomDottedBorder {
  border-bottom: 1px dotted #cccccc;
}
/* 灰色点状左边界 */
.grayLeftDottedBorder {
  border-left: 1px dotted #cccccc;
}
/* 灰色点状右边界 */
.grayRightDottedBorder {
  border-right: 1px dotted #cccccc;
}
/********************************************/
/* 添加左边边界：10像素 */
.marginLeft {
  margin-left: 10px;
}
/* 添加左边边界：0像素 */
.marginLeft0 {
  margin-left: 0px;
}
/* 添加左边边界：5像素 */
.marginLeft5 {
  margin-left: 5px;
}
/* 添加左边边界：20像素 */
.marginLeft20 {
  margin-left: 20px;
}
/* 添加左边边界：30像素 */
.marginLeft30 {
  margin-left: 30px;
}
/* 添加右边边界：10像素 */
.marginRight {
  margin-right: 10px;
}
/* 添加右边边界：5像素 */
.marginRight5 {
  margin-right: 5px;
}
/* 添加右边边界：20像素 */
.marginRight20 {
  margin-right: 20px;
}
/* 添加右边边界：30像素 */
.marginRight30 {
  margin-right: 30px;
}
/* 添加右边边界：40像素 */
.marginRight40 {
  margin-right: 40px;
}
/* 添加上边边界：10像素 */
.marginTop {
  margin-top: 10px;
}
/* 添加上边边界：5像素 */
.marginTop5 {
  margin-top: 5px;
}
/* 添加上边边界：5像素 */
.marginTop10 {
  margin-top: 10px;
}
/* 添加上边边界：20像素 */
.marginTop20 {
  margin-top: 20px;
}
/* 添加上边边界：30像素 */
.marginTop30 {
  margin-top: 30px;
}
/* 添加上边边界：40像素 */
.marginTop40 {
  margin-top: 40px;
}
/* 添加下边边界：5像素 */
.marginBottom5 {
  margin-bottom: 5px;
}
/* 添加下边边界：10像素 */
.marginBottom10 {
  margin-bottom: 10px;
}
/* 添加下边边界：20像素 */
.marginBottom20 {
  margin-bottom: 20px;
}
/********************************************/
/* 5个像素内边框 */
.padding5 {
    padding: 5px;
}

/* 10个像素内边框 */
.padding10 {
    padding: 10px;
}

/* 20个像素内边框 */
.padding20 {
    padding: 20px;
}

/* 30个像素内边框 */
.padding30 {
    padding: 30px;
}

/* 5个像素上边框 */
.paddingTop5 {
    padding-top: 5px;
}
/* 10个像素上边框 */
.paddingTop10 {
    padding-top: 10px;
}
/* 20个像素上边框 */
.paddingTop20 {
    padding-top: 20px;
}
/* 5个像素上边框 */
.paddinBottom5 {
    padding-bottom: 5px;
}
/* 10个像素上边框 */
.paddinBottom10 {
    padding-bottom: 10px;
}
/* 0个像素的左右内边框 */
.paddingLeftRight0 {
    padding: 0px 0px;
}
/* 5个像素的左右内边框 */
.paddingLeftRight5 {
    padding: 0px 5px;
}
/* 10个像素的上下内边框 */
.paddingLeftRight10 {
    padding: 0px 10px;
}
/* 20个像素的上下内边框 */
.paddingLeftRight20 {
    padding: 0px 20px;
}
/* 10个像素的上下内边框 */
.paddingTopBottom10 {
    /*padding: 10px 0px;*/
    padding-top: 10px;
    padding-bottom: 10px;
}
/* 20个像素的上下内边框 */
.paddingTopBottom20 {
    padding: 20px 0px;
}

/********************************************/
/* 白色背景 */
.whiteBackground {
    background-color: white;
}
/* 灰色背景 */
.grayBackground {
  background-color: rgb(239, 243, 246);
}
/* 非常浅的灰色背景 */
.lightGrayBackground {
  background-color: #f9f9f9;
}
/* 深灰色背景色 */
.deepGrayBackground {
  background-color: gray; 
}
/* 蓝色背景 */
.blueBackGround {
    background-color: #3498DB;
}
/* 深蓝色背景色 */
.deepBlueBackground {
  background-color: #3156a3; 
}
/* 深蓝色背景色2 */
.deepBlueBackground2 {
  background-color: #34495E; 
}
.redBackground {
  background-color: #f86868;
}
.deepRedBackground {
  background-color: #ea4c89;
}
.greenBackground {
  background-color: #149e50;
}
.purpleBackground {
  background-color: #8ca2b7;
}

/********************************************/
/* 粗体 */
.fontBold {
    font-weight: bold;
}
/* 正常颜色 */
.normalTextColor {
    color: rgb(85, 85, 85);
}
/* 白色字体 */
.whiteText {
    color: white;
}
/* 错误的红色文字 */
.errorText {
  color: red;
}
/* 灰色文字 */
.grayText {
  color: #999;
}
/* 灰蓝色文字 */
.grayBlueText {
  color: #93b6dd;
}
/* 灰色文字 */
.darkGrayText {
  color: #999;
}
/* 银灰色文字 */
.silverText {
    color: #ecf0f1;
}
.lightGrayText {
  color: #b7c9cd;
}
/* 蓝色字体 */
.blueText {
  color: #0384ce;
}
/* 橙色字体 */
.organgeText {
  color: #f27420;
}
/* 橙色中号字体 */
.orangleTitle {
  color: #f27420;
  font-size: 18px;
  font-weight: bold;
}
/* 金色字体，可以用于星标记 */
.goldText {
    color: #F6BB42;
}
/* 绿色字体 */
.greenText {
    color: #149e50;
}
/* 紫色字体 */
.purpleText {
    color: #9B59B6;
}
/* 大字体，一般用于显示文档标题 */
.largeFontSize {
  font-size: 18px;
  font-weight: bold;
}
/* 中号字体 */
.middleFontSize {
  font-size: 16px;
  font-weight: bold;
}
/* 中号字体 */
.middleFontSize14 {
  font-size: 14px;
  font-weight: bold;
}
/* 中号字体 */
.middleFontSize16 {
  font-size: 16px;
  /*font-weight: bold;*/
}
/* 中号字体 */
.middleFontSize18 {
  font-size: 18px;
  /*font-weight: bold;*/
}
/* 中号字体 */
.middleFontSize20 {
  font-size: 20px;
}
/* 中号字体 */
.middleFontSize24 {
  font-size: 24px;
}
/* 中号字体 */
.middleFontSize28 {
  font-size: 28px;
}
/* 中号字体 */
.middleFontSize32 {
  font-size: 32px;
}
/* 小字体 */
.smallestFontSize {
  font-size: 12px;
}
/* 普通字体 */
.normalFontSize {
    font-size: 14px;
}
/* 居中文本 */
.centerAlignText {
  text-align: center;
}
/* 右对齐文本 */
.rightAlignText {
  text-align: right;
}
/* 左对齐文本 */
.leftAlignText {
  text-align: left;
}
.underLineText {
    text-decoration: underline;
}
.boldText {
  font-weight: bold;
}
.normalText {
    font-weight: normal !important;
}
.textEllipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/********************************************/
/* 20像素行高 */
.lineHeight20 {
/*  height: 20px; */
  line-height: 20px;
}
/* 30像素行高 */
.lineHeight30 {
  /*height: 30px;*/
  line-height: 30px;
}
/* 40像素行高 */
.lineHeight40 {
/*  height: 40px; */
  line-height: 40px;
}
/* 45像素行高 */
.lineHeight45 {
/*  height: 45px; */
  line-height: 45px;
}
/* 40像素行高 */
.lineHeight50 {
/*  height: 50px; */
  line-height: 50px;
}
/* 40像素行高 */
.lineHeight60 {
/*  height: 60px; */
  line-height: 60px;
}
/********************************************/
/* 显示为鼠标光标 */
.pointerCursor {
  cursor: pointer;
}

/********************************************/
/* 灰色边框 */
.grayBorder {
    border: 1px solid #ccc;
}

/********************************************/
/* 高亮颜色 */
mark {
    background-color: #F58A81;
    color: white;
    font-weight: bold;
}
/********************************************/
/* 覆盖 Bootstrap 的风格 */
.label {
    font-size: 12px;
}