@charset "gb2312";
/* CSS Document */

/*iconFont*/


/*base的样式*/
/* 防止用户自定义背景颜色对网页的影响，添加让用户可以自定义字体 */
html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}


/* 重设 HTML5 标签, IE 需要在 js 中 createElement(TAG) */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { 
    display:block;
}


/* 去除默认边框 */
fieldset,img {
    border:0;
}

/* ie6 7 8(q) bug 显示为行内表现 */
iframe {
    display:block;
}

/* 去掉 firefox 下此元素的边框 */
abbr,acronym {
    border:0;font-variant:normal;
}

/* 一致的 del 样式 */
del {
    text-decoration:line-through;
}

address,caption,cite,code,dfn,em,th,var {
    font-style:normal;
    font-weight:500;
}

/* 去掉列表前的标识, li 会继承 */
ol,ul,li {
    list-style:none;
}

/* 对齐是排版最重要的因素, 别让什么都居中 */
caption,th {
    text-align:left;
}

/* 来自yahoo, 让标题都自定义, 适应多个系统应用 */
h1,h2,h3,h4,h5,h6 {
    font-size:100%;
    font-weight:500;
}

q:before,q:after {
    content:'';
}

/* 统一上标和下标 */
sub, sup {
    font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;
}
sup { top: -0.5em; }
sub { bottom: -0.25em; }

/* 默认不显示下划线，保持页面简洁 */
ins,a {
    text-decoration:none;
}

/* 鼠标悬停 */
a:hover {
    text-decoration: none;
}

/*一些组件的样式*/
/*三角形（上下左右） 两三角形（上下左右）用于下拉列表的*/

.triangleL,.triangleR,.triangleT,.triangleB { display:block; border:6px solid #000; cursor:pointer; overflow:hidden; width:0px; height:0px; position:relative;}
.triangleL { left:-6px; border-color:transparent #000 transparent transparent;/* 黑 透明 透明 */ _border-style:dashed solid dashed dashed; /*解决ie6不支持transparent的问题*/}
.triangleR { left:0px; border-color:transparent transparent transparent #000;/* 黑 透明 透明 */  _border-style:dashed dashed dashed solid; /*解决ie6不支持transparent的问题*/}
.triangleT { top:-6px; border-color:transparent transparent #000 transparent;/* 黑 透明 透明 */  _border-style:dashed dashed solid dashed; /*解决ie6不支持transparent的问题*/}
.triangleB { top:0px; border-color:#000 transparent transparent transparent;/* 黑 透明 透明 */  _border-style:solid dashed dashed dashed; /*解决ie6不支持transparent的问题*/}


.HalfTriangleL,.HalfTriangleR,.HalfTriangleT,.HalfTriangleB { position:relative; width:12px; height:12px; overflow:hidden;}
.HalfTriangleL .HalfTriangle-top { position:absolute; left:-4px; top:0px; z-index:2; border-color:transparent #fff transparent transparent;/* 黑 透明 透明 */ _border-style:dashed solid dashed dashed; /*解决ie6不支持transparent的问题*/}
.HalfTriangleR .HalfTriangle-top { position:absolute; left:-2px; top:0px; z-index:2; border-color:transparent transparent transparent #fff;/* 黑 透明 透明 */ _border-style:dashed dashed dashed solid; /*解决ie6不支持transparent的问题*/}
.HalfTriangleT .HalfTriangle-top { position:absolute; left:0px; top:-4px; z-index:2; border-color:transparent transparent #fff transparent;/* 黑 透明 透明 */ _border-style:dashed dashed solid dashed; /*解决ie6不支持transparent的问题*/}
.HalfTriangleB .HalfTriangle-top { position:absolute; left:0px; top:-2px; z-index:2; border-color:#fff transparent transparent transparent;/* 黑 透明 透明 */ _border-style:solid dashed dashed dashed; /*解决ie6不支持transparent的问题*/}


.DouTriangleL,.DouTriangleR,.DouTriangleT,.DouTriangleB { position:relative; width:12px; height:12px; overflow:hidden; }

.DouTriangleL .DouTriangle-top { position:absolute; right:-6px; top:0px; z-index:2;}
.DouTriangleL .DouTriangle-bottom { position:relative; left:0px; top:0px; z-index:1;}

.DouTriangleR .DouTriangle-top { position:absolute; right:-6px; top:0px; z-index:2;}
.DouTriangleR .DouTriangle-bottom { position:relative; left:0px; top:0px; z-index:1;}

.DouTriangleT .DouTriangle-top { position:absolute; left:0px; bottom:-6px; z-index:2;}
.DouTriangleT .DouTriangle-bottom { position:relative; left:0px; top:0px; z-index:1;}

.DouTriangleB .DouTriangle-top { position:absolute; left:0px; bottom:-6px; z-index:2;}
.DouTriangleB .DouTriangle-bottom { position:relative; left:0px; top:0px; z-index:1;}


/*drop*/
.ui-drop { position:relative; width:98px; height:30px;}/*宽高可以自行设置*/
.ui-drop .ui-dropHd { position:relative; z-index:4; border:1px solid #ccc;}
.ui-drop .dropHd_active {}
.ui-drop .ui-dropHd .pHead { font-family:"微软雅黑"; color:#000; font-size:14px; text-indent:10px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; line-height:28px;}/*行高也可以自行设置*/
.ui-drop .ui-dropHd .DivSpan { display:block; position:absolute; height:28px; width:24px; right:0px; top:0px; text-align:center; 
			background: #e6e6e6; /* Old browsers */
			background: -moz-linear-gradient(top,  #e6e6e6 0%, #f6f6f6 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6e6e6), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  #e6e6e6 0%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  #e6e6e6 0%,#f6f6f6 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  #e6e6e6 0%,#f6f6f6 100%); /* IE10+ */
			background: linear-gradient(to bottom,  #e6e6e6 0%,#f6f6f6 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
}
.ui-drop .ui-dropHd .DivSpan span { position:absolute; top:50%; left:50%; margin:-2px 0px 0px -6px;} 
.ui-drop .ui-dropHd .DivSpan .triangleB {  border-color:#000 transparent transparent transparent;}
.ui-drop .ui-dropHd .DivSpan .triangleT { margin-top:-8px;}

.ui-drop .ui-dropNr { width:96px; display:none; overflow:hidden; overflow-y:auto; height:auto; position:absolute; left:0px; top:29px; z-index:99; background:#fff; border:1px solid #c7c7c7; box-shadow:5px 5px 5px #f4f4f4; }
.ui-drop .dropNr_active { display:block;}
.ui-drop .ui-dropNr ul { }
.ui-drop .ui-dropNr li { width:100%;}
.ui-drop .ui-dropNr li a { display:block; font-family:"微软雅黑"; font-size:14px; color:#000; text-indent:10px; min-height:30px; line-height:30px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;}

.ui-drop .outPout { position:absolute; left:0px; top:0px; font-family:"微软雅黑"; color:#000; background:green; font-size:14px; line-height:20px; border:1px solid green;}
.ui-drop .outPout .outPArrow { position:absolute; left:0px; top:-6px; width:0px; height:0px;
    border-width:0px 6px 6px;
    border-style:solid;
    border-color: transparent transparent #000 transparent ;/* 黑 透明 透明 */
	_border-style: dashed dashed solid dashed; /*解决ie6不支持transparent的问题*/	
}
.ui-drop .ui-dropNr li a:hover { color:#fff;background:#ccc;}