/*****************************************************
* 象牙塔中国样式--文件编写注释规范
*****************************************************/
@charset "utf-8";
/*****************************************************
* 文件名称：base.css
* 作   者：界面设计制作部---XX
* 创建日期：2018-06-16
* 内容概要:全局框架的样式
*****************************************************/
body{ 
font-family:"微软雅黑";
margin-left:auto; margin-right:auto;}

/*html { filter: url("data:image/svg+xml;utf8,#grayscale"); 
    -webkit-filter: grayscale(100%); 
    filter: grayscale(100%); 
    filter: gray; 
    filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    }

html {
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    -webkit-filter: grayscale(100%);
}*/
/*元素定义*/
h1,h2,h3,h4,h5,h6 {
    font-family:"微软雅黑";
}



ol,li,ul{ list-style:none; line-height:25px;}

/*最大宽度*/
.max_width1200{ max-width:1200px; margin-left:auto; margin-right:auto;}

/*内边距定义*/
.padding0{ padding:0px;}
.padding3{ padding:3px;}
.padding5{ padding:5px;}
.padding6{ padding:6px;}
.padding10{ padding:10px;}

.paddingpx{padding:0px; border:1px solid #CCC;}

/*外边距定义*/
.margin0{ margin:0px;}
.margin3{ margin:3px;}
.margin5{ margin:5px 0px;}
.margin10{ margin:30px 0px 0px 0px;}
/*div{ padding-left:2px; padding-right:2px;}*/

/*行间距定义*/
.line_height36.{line-height:36px;}

/*背景色定义*/
.background_white{background-color:#fff; }
.background_red{background-color:#ff0000; }


/*默认连接*/
a:link {color:#666;}/* 未被访问的链接 */
a:visited {color:#666;}/* 已被访问的链接 */
a:hover {color:#333;}/* 鼠标指针移动到链接上 */
a:active {color:#E51C24;}/* 正在被点击的链接 */






/*颜色*/
.color_fff{ color:#ffffff;}
.color_666{ color:#666666;}
.color_FFCC66{ color:#FFCC66;}
.color_DEDEDE{ color:#DEDEDE;}
.color_33CC33{ color:#33CC33;}
.color_0066FF{ color:#0066FF;}
.color_ff0000{ color:#ff0000;}







.clear_both{clear:both;}








/*一行5列*/
.col-lg-2dot4 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col-lg-2dot4 {
float: left; padding:3px;
}
.col-lg-2dot4 {
width: 20%; text-align:center;
}
.col-lg-pull-2dot4 {
right: 20%;
}
.col-lg-push-2dot4 {
left: 20%;
}
.col-lg-offset-2dot4 {
margin-left: 20%;
}






/*对齐方式定义*/
.text_align{text-align:center;}
.text_left{text-align:left;}
.text_right{text-align:right;}
.text_left_right{text-align:justify; text-justify:inter-ideograph;}

/*一单行文本的溢出显示省略号(通用)*/
.mui-ellipsis 
{ 
    overflow: hidden; /*规定当文本溢出包含元素时发生的事情*/ 
    white-space: nowrap; /*如何处理元素内的空白符。nowrap表示文本不会换行，文本会在在同一行上继续，直到遇到 <br> 标签为止。*/ 
    text-overflow: ellipsis; /*显示省略符号来代表被修剪的文本*/ 
	-webkit-line-clamp:1; /*限制在一个块元素显示的文本的行数*/ 
} 
/*两单行文本的溢出显示省略号(通用)*/
.mui-ellipsis-2 
{ 
    display: -webkit-box; /*将对象作为弹性伸缩盒子模型显示*/ 
    overflow: hidden; 
 
    white-space: normal !important; 
    text-overflow: ellipsis; 
    word-wrap: break-word; 
 
    -webkit-line-clamp: 2; /*限制在一个块元素显示的文本的行数*/ 
    -webkit-box-orient: vertical; /*设置或检索伸缩盒对象的子元素的排列方式*/ 
} 
/*三单行文本的溢出显示省略号(通用)*/
.mui-ellipsis-3 
{ 
    display: -webkit-box; /*将对象作为弹性伸缩盒子模型显示*/ 
    overflow: hidden; 
 
    white-space: normal !important; 
    text-overflow: ellipsis; 
    word-wrap: break-word; 
 
    /*-webkit-line-clamp:3; 限制在一个块元素显示的文本的行数*/ 
    -webkit-box-orient: vertical; /*设置或检索伸缩盒对象的子元素的排列方式*/ 
}