/* 2020-08-05 新UI标准 */

/* 标题 微软雅黑/Microsoft YaHei 系统默认*/
.base-font-title1,.base-font-title2,.base-font-title3,.base-font-title4,.base-font-title5,.base-font-title6,.base-font-title7,.base-font-title8,.base-font-title9,.base-font-title10,.base-font-title11{font:bold 30px/38px 'Microsoft YaHei';color:#000;}
.base-font-title1{font-size:30px;line-height:38px;}
.base-font-title2{font-size:24px;line-height:32px;}
.base-font-title3{font-size:24px;line-height:32px;color:#D7000F;}
.base-font-title4{font-size:20px;line-height:28px;}
.base-font-title5{font-size:16px;line-height:24px;}
.base-font-title6{font-size:16px;line-height:24px;font-weight:normal}
.base-font-title7{font-size:16px;line-height:24px;color:#D7000F;font-weight:normal}
.base-font-title8{font-size:14px;line-height:22px;font-weight:normal}
.base-font-title9{font-size:14px;line-height:22px;color:#fff;background:#D7000F}
.base-font-title10{font-size:12px;line-height:20px;}
.base-font-title11{font-size:12px;line-height:20px;color:#fff;background:#D7000F}

/* 文本 */
.base-font-text1,.base-font-text2,.base-font-text3,.base-font-text4,.base-font-text5,.base-font-text6,.base-font-text7,.base-font-text8,.base-font-text9,.base-font-text10,.base-font-text11{font:normal 14px/22px 'Microsoft YaHei';color:#333;}
.base-font-text2{color:#fff;background:#666;}
.base-font-text3{color:#333;}
.base-font-text4{color:#999;}
.base-font-text5{color:#1890FF;}
.base-font-text6{font-size:12px;line-height:20px;color:#333;}
.base-font-text7{font-size:12px;line-height:20px;color:#fff;background:#666;}
.base-font-text8{font-size:12px;line-height:20px;color:#666;}

/* 功能 */
.base-font-placeholder1{font:normal 14px/22px 'Microsoft YaHei';color:#ccc;}
.base-font-money2{font:bold 14px/22px 'Microsoft YaHei';color:#1890FF;}

/* 行高 段落间在垂直方向上有10px边距。 自定义样式行高使用【无行高】【紧凑】【常规】【宽松】的配置方式。*/
.base-p-line12,.base-p-line14,.base-p-line16,.base-p-line18,.base-p-line20,.base-p-line22,.base-p-line24,.base-p-line26,.base-p-line28,.base-p-line30,.base-p-line32{margin:5px 0;}
.base-p-line12{line-height:12px;}
.base-p-line14{line-height:14px;}
.base-p-line16{line-height:16px;}
.base-p-line18{line-height:18px;}
.base-p-line20{line-height:20px;}
.base-p-line22{line-height:22px;}
.base-p-line24{line-height:24px;}
.base-p-line26{line-height:26px;}
.base-p-line28{line-height:28px;}
.base-p-line30{line-height:30px;}
.base-p-line32{line-height:32px;}

/* 对齐 直接参考 bootstrap 中的定义*/
.base-text-left {text-align: left;}
.base-text-right {text-align: right;}
.base-text-center {text-align: center;} 

/* 品牌色 */
.base-brand-bgColor1{background:#D7000F;}
.base-brand-bgColor2{background:#FB5E54;}
.base-brand-bgColor3{background:#AE000F;}

/* 中性文字色 */
.base-txt-color1{color:#000;}
.base-txt-color2{color:#333;}
.base-txt-color3{color:#666;}
.base-txt-color4{color:#999;}
.base-txt-color5{color:#ccc;}
.base-txt-color6{color:#fff;}
.base-txt-color7{color:#fff;opacity:0.9;filter:opacity(90)}

/* 色彩 Color */
.base-bgcolor-brand1{background-color:#D7000F;}
.base-bgcolor-brand2{background-color:#FB5E54;}
.base-bgcolor-brand3{background-color:#AE000F;}


/* 辅助色 */
.base-bgcolor-info1{background-color:#1890FF;}
.base-bgcolor-info2{background-color:#40A9FF;}
.base-bgcolor-info3{background-color:#096DD9;}
.base-bgcolor-info4{background-color:#E6F7FF;}

/* 警告色 */
.base-bgcolor-warning1{background-color:#FA8C16;}
.base-bgcolor-warning2{background-color:#FFA940;}
.base-bgcolor-warning3{background-color:#D46B08;}
.base-bgcolor-warning4{background-color:#FFF7E6;}

/* 错误色 */
.base-bgcolor-error1{background-color:#CF1322;}
.base-bgcolor-error2{background-color:#F5222D;}
.base-bgcolor-error3{background-color:#A8071A;}
.base-bgcolor-error4{background-color:#FFF1F0;}

/* 成功色 */
.base-bgcolor-success1{background-color:#389E0D;}
.base-bgcolor-success2{background-color:#52C41A;}
.base-bgcolor-success3{background-color:#237804;}
.base-bgcolor-success4{background-color:#F6FFED;}

/* 中性色 */
.base-bgcolor-1{background-color:#fff;}
.base-bgcolor-2{background-color:#FAFAFA;}
.base-bgcolor-3{background-color:#F3F3F3;}
.base-bgcolor-4{background-color:#EEEEEE;}
.base-bgcolor-5{background-color:#ECECEC;}
.base-bgcolor-6{background-color:#000000;opacity:0.35;filter:opacity(35)}

/* 额外色 */
.base-bgcolor-pink{background-color:#EB2F96;}
.base-bgcolor-purple{background-color:#712ED1;}
.base-bgcolor-lime{background-color:#A0D911;}
.base-bgcolor-orange{background-color:#FA8C16;}
.base-bgcolor-geekblue{background-color:#3054EB;}

/* 额外色 */
.base-line-divider-dashe{border-bottom:1px dashed #d9d9d9;}
.base-line-divider-line{border-bottom:1px solid #ececec}

/* 投影 */
.base-shadow-up1{background:#fff;box-shadow:0 -3px 6px rgba(0, 0, 0, 0.14);}
.base-shadow-up2{background:#fff;box-shadow:3px 0 6px rgba(0, 0, 0, 0.14);}
.base-shadow-up3{background:#fff;box-shadow:0 3px 6px rgba(0, 0, 0, 0.14);}
.base-shadow-up4{background:#fff;box-shadow:-3px 0 6px rgba(0, 0, 0, 0.14);}
.base-shadow2-up1{background:#fff;box-shadow:0 -6px 16px rgba(0, 0, 0, 0.12);}
.base-shadow2-up2{background:#fff;box-shadow:6px 0 16px rgba(0, 0, 0, 0.12);}
.base-shadow2-up3{background:#fff;box-shadow:0 6px 16px rgba(0, 0, 0, 0.12);}
.base-shadow2-up4{background:#fff;box-shadow:-6px 0 16px rgba(0, 0, 0, 0.12);}
.base-shadow3-up1{background:#fff;box-shadow:0 -9px 28px rgba(0, 0, 0, 0.08);}
.base-shadow3-up2{background:#fff;box-shadow:9px 0 28px rgba(0, 0, 0, 0.08);}
.base-shadow3-up3{background:#fff;box-shadow:0 9px 28px rgba(0, 0, 0, 0.08);}
.base-shadow3-up4{background:#fff;box-shadow:-9px 0 28px rgba(0, 0, 0, 0.08);}


/* 默认按钮 */
button.base {
	color: #333333;
	font-size: 14px;
	font-family: MicrosoftYaHei, "微软雅黑", "宋体";
	line-height: 14px;
	/* margin: 0px; */
	padding: 7px 9px 9px 9px;
	/* padding: 8px 9px; */
	background: #FFFFFF;
	border-radius: 2px;
	border: 1px solid #D9D9D9;
}

button.base.base-middate,
button.base.base-default,
button.base.base-round {}

button.base.base-small {
	font-size: 12px;
	line-height: 12px;
	/* padding: 7px 8px; */
	padding: 7px 8px 7px 8px;
}

button.base.base-large {
	font-size: 16px;
	line-height: 16px;
	/* padding: 12px 16px; */
	padding: 11px 16px 13px 16px;
}

button.base.base-block {
	width: 100%;
}

button.base:hover {
	color: #FB5E54;
	background: #FFFFFF;
	border: 1px solid #ED473A;
}

button.base:active {
	color: #AE000F;
	background: #FFF1F0;
	border: 1px solid #AE000F;
}

button.base[disabled='disabled'],
button.base[disabled='true'] {
	color: #CCCCCC;
	background: #F3F3F3;
	border: 1px solid #D9D9D9;
	cursor: no-drop;
}

/* 主要按钮 */
button.base.base-primary {
	color: #FFFFFF;
	background: #D7000F;
	border-radius: 2px;
	border: 1px solid #D7000F;
}

button.base.base-primary:hover {
	background: #FB5E54;
	border: 1px solid #FB5E54;
}

button.base.base-primary:active {
	background: #AE000F;
	border: 1px solid #AE000F;
}

button.base.base-primary[disabled='disabled'],
button.base.base-primary[disabled='true'] {
	color: #CCCCCC;
	background: #F3F3F3;
	border: 1px solid #D9D9D9;
	cursor: no-drop;
	/* cursor: not-allowed; */
}


/* 默认按钮 */
button.base.base-link,
button.base.base-text {
	color: #1890FF;
	line-height: 22px;
	padding: 0px;
	background: transparent;
	border: 0px;
}

button.base.base-link {
	text-decoration: underline;
}

button.base.base-link:hover,
button.base.base-text:hover {
	text-decoration: underline;
	color: #40A9FF;
}

button.base.base-link:active,
button.base.base-text:active {
	text-decoration: underline;
	color: #096DD9;
}

button.base.base-link[disabled='disabled'],
button.base.base-link[disabled='true'],

button.base.base-text[disabled='disabled'],
button.base.base-text[disabled='true'] {
	color: #CCCCCC;
}

button.base.base-text[disabled='disabled'],
button.base.base-text[disabled='true'] {
	text-decoration: none;
}

button.base.base-link.base-block,
button.base.base-text.base-block {
	width: auto;
}

/* .primary .default .link .text .icon */

/* 默认按钮 */
button.base.base-icon {
	min-width: 32px;
	height: 32px;
	/* margin: 0px; */
	padding-top: 8px;
	padding-left: 8px;
	padding-right: 7px;
}

/* button 内 span icon的 左右边距 */
button.base.base-icon .base-ml-auto,
button.base.base-icon .glyphicon.base-ml-auto {
	margin-left: 8px;
}

button.base.base-icon.base-small .base-ml-auto,
button.base.base-icon.base-small .glyphicon.base-ml-auto {
	margin-left: 6px;
}

button.base.base-icon.base-large .base-ml-auto,
button.base.base-icon.base-large .glyphicon.base-ml-auto {
	margin-left: 16px;
}

button.base.base-icon .base-mr-auto,
button.base.base-icon .glyphicon.base-mr-auto {
	margin-right: 8px;
}

button.base.base-icon.base-small .base-mr-auto,
button.base.base-icon.base-small .glyphicon.base-mr-auto {
	margin-right: 6px;
}

button.base.base-icon.base-large .base-mr-auto,
button.base.base-icon.base-large .glyphicon.base-mr-auto {
	margin-right: 12px;
}

button.base.base-icon .glyphicon {
	/* margin: 0px; */
	padding: 0px;
	border: 0px;
	/* 去除 与 非图片按钮的 错位 */
	line-height: 10px;
}

button.base.base-icon>span {
	color: #666666;
}

button.base.base-icon:hover>span {
	color: #FB5E54;
}

button.base.base-icon:active>span {
	color: #AE000F;
}

button.base.base-icon[disabled='disabled']>span,
button.base.base-icon[disabled='true']>span {
	color: #CCCCCC;
}


button.base.base-primary.base-icon>span {
	color: #FFFFFF;
}

button.base.base-primary.base-icon[disabled='disabled']>span,
button.base.base-primary.base-icon[disabled='true']>span {
	color: #CCCCCC;
}

button.base.base-icon.base-small {
	min-width: 24px;
	height: 24px;
	padding-top: 5px;
	padding-left: 6px;
	padding-right: 5px;
}

button.base.base-icon.base-large {
	min-width: 40px;
	height: 40px;
	padding-top: 11px;
	padding-left: 12px;
	padding-right: 11px;
	/* padding: 2px 0px 0px 0px; */
}


button.base.base-icon.base-block {
	width: auto;
}

/* 圆型 */
button.base.base-icon.base-circle {
	border-radius: 32px;
}

/* 不设 */
button.base.base-icon.base-none,
button.base.base-icon.base-none>span {
	border: 0px;
	color: #666666;
	background-color: transparent;
}

button.base.base-icon.base-none:hover,
button.base.base-icon.base-none:hover>span,
button.base.base-icon.base-none:active,
button.base.base-icon.base-none:active>span {
	border: 0px;
	color: #666666;
	background-color: #F3F3F3;
}

button.base.base-icon.base-none[disabled='disabled'],
button.base.base-icon.base-none[disabled='true'],
button.base.base-icon.base-none[disabled='disabled']>span,
button.base.base-icon.base-none[disabled='true']>span {
	border: 0px;
	color: #CCCCCC;
	background-color: transparent;
}

/* loading */
button.base.base-icon.base-loading {
	vertical-align: middle;

	display: inline-flex;

	padding-top: 8px;
	color: #CCCCCC;
	background: #FFFFFF;
	border: 1px solid #D9D9D9;

	cursor: no-drop;

}

button.base.base-icon.base-loading:hover,
button.base.base-icon.base-loading:active {
	color: #CCCCCC;
	background: #FFFFFF;
	border: 1px solid #D9D9D9;
}


button.base.base-icon.base-primary.base-loading,
button.base.base-icon.base-primary.base-loading:hover,
button.base.base-icon.base-primary.base-loading:active {
	color: #FFFFFF;
	background: #FB5E54;
	border: 1px solid #FB5E54;
}


button.base.base-small.base-icon.base-loading {
	padding-top: 5px;
}

button.base.base-large.base-icon.base-loading {
	padding-top: 10px;
}

button.base.base-icon.base-loading>span.base-loading {
	border: 0px;
	/* margin: 0px; */
	padding: 0px;
	margin-top: 0px;
	background-image: url(../images/loading_red.gif);

	background-repeat: repeat;

	display: inline-block;
	background-size: cover;
	background-position: center;

	width: 14px;
	height: 14px;
}

button.base.base-icon.base-small.base-loading>span.base-loading {
	width: 12px;
	height: 12px;
	margin-top: 0px;
}

button.base.base-icon.base-large.base-loading>span.base-loading {
	width: 16px;
	height: 16px;
	margin-top: 1px;
}

button.base.base-icon.base-loading.base-primary>span.base-loading {
	background-image: url(../images/loading_white.gif);
}


/* jqTooltip 样式 ============*/

.jqTooltip {
	position: absolute;
	/*因为可能被嵌入到 漂浮组件内部，漂浮组件本身是 absolute 布局，会影响 子元素的 absolute。*/
	/* position: fixed; */
	z-index: 1070;
	display: block;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-family: MicrosoftYaHei, "微软雅黑", "宋体";
	font-size: 12px;
	font-weight: normal;
	line-height: 1.4;
	visibility: visible;
	filter: alpha(opacity=0);
	opacity: 0;
}

.jqTooltip.in {
	filter: alpha(opacity=90);
	opacity: .9;
}

.jqTooltip.top {
	padding: 6px 0;
	margin-top: -3px;
}

.jqTooltip.right {
	padding: 0 6px;
	margin-left: 3px;
}

.jqTooltip.bottom {
	padding: 6px 0;
	margin-top: 3px;
}

.jqTooltip.left {
	padding: 0 6px;
	margin-left: -3px;
}

/* 【默认】黑夜模式 */
.jqTooltip-inner,
.dark .jqTooltip-inner {

	color: #fff;
	text-align: left;
	font-size: 12px;
	line-height: 16px;

	max-width: 380px;

	/* background-color: rgba(0,0,0,0.85); ie8 不支持 rgba 所以拆为以下两个属性*/
	background-color: #000000;
	opacity: 0.85;

	border-radius: 2px;
	padding: 8px;
	box-shadow: 0px 6px 16px rgba(0, 0, 0, 0.12);

	word-wrap: break-word;
	word-break: break-all;
}

/* 白天模式 */
.light .jqTooltip-inner {
	color: #333333;
	background-color: #FFFFFF;
	opacity: 1;
}

/* 消息 兼容 IE8 */
.jqTooltip-inner.ie8,
.dark.ie8 .jqTooltip-inner {
	/*ie8 的透明度兼容，如果应用到 ie9，会导致透明度失效 */
	filter: alpha(opacity=85);
}

.light.ie8 .jqTooltip-inner {
	/*ie8 的透明度兼容，如果应用到 ie9，会导致透明度失效 */
	filter: none;
}

/* 三角 */
.jqTooltip-arrow {
	position: absolute;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
}

.ie8 .jqTooltip-arrow {
	/*ie8 的透明度兼容，如果应用到 ie9，会导致透明度失效 */
	filter: alpha(opacity=85);
}

/* 白天模式 */
.ie8 .jqTooltip-arrow.light {
	/*ie8 的透明度兼容，如果应用到 ie9，会导致透明度失效 */
	filter: none;
}


/* 三角 顶部定位 */
.jqTooltip.top .jqTooltip-arrow {
	bottom: 0;
	left: 50%;
	margin-left: -5px;
	border-width: 6px 6px 0;
	border-top-color: #000000;
	opacity: 0.85;
}

/* 三角 顶部定位【白天】 */
.jqTooltip.top.light .jqTooltip-arrow {
	border-top-color: #FFFFFF;
}


/* 三角 顶部定位 居左 */
.jqTooltip.top-left .jqTooltip-arrow {
	right: 5px;
	bottom: 0;
	margin-bottom: -5px;
	border-width: 6px 6px 0;
	border-top-color: #000000;
	opacity: 0.85;
}

/* 三角 顶部定位 居左【白天】 */
.jqTooltip.top-left.light .jqTooltip-arrow {
	border-top-color: #FFFFFF;
}

/* 三角 顶部定位 居右 */
.jqTooltip.top-right .jqTooltip-arrow {
	bottom: 0;
	left: 5px;
	margin-bottom: -5px;
	border-width: 6px 6px 0;
	border-top-color: #000000;
	opacity: 0.85;
}

/* 三角 顶部定位 居右【白天】 */
.jqTooltip.top-right.light .jqTooltip-arrow {
	border-top-color: #FFFFFF;
}

/* 三角 右侧定位  */
.jqTooltip.right .jqTooltip-arrow {
	top: 50%;
	left: 0;
	margin-top: -5px;
	border-width: 6px 6px 6px 0;
	border-right-color: #000000;
	opacity: 0.85;
}

/* 三角 右侧定位【白天】 */
.jqTooltip.right.light .jqTooltip-arrow {
	border-right-color: #FFFFFF;
}

/* 三角 左侧定位 */
.jqTooltip.left .jqTooltip-arrow {
	top: 50%;
	right: 0;
	margin-top: -5px;
	border-width: 6px 0 6px 6px;
	border-left-color: #000000;
	opacity: 0.85;
}

/* 三角 左侧定位【白天】 */
.jqTooltip.left.light .jqTooltip-arrow {
	border-left-color: #FFFFFF;
}

/* 三角 底部定位  */
.jqTooltip.bottom .jqTooltip-arrow {
	top: 0;
	left: 50%;
	margin-left: -5px;
	border-width: 0 6px 6px;
	border-bottom-color: #000000;
	opacity: 0.85;
}

/* 三角 底部定位【白天】 */
.jqTooltip.bottom.light .jqTooltip-arrow {
	border-bottom-color: #FFFFFF;
}

/* 三角 底部定位 居左 */
.jqTooltip.bottom-left .jqTooltip-arrow {
	top: 0;
	right: 5px;
	margin-top: -5px;
	border-width: 0 6px 6px;
	border-bottom-color: #000000;
	opacity: 0.85;
}

/* 三角 底部定位 居左【白天】 */
.jqTooltip.bottom-left.light .jqTooltip-arrow {
	border-bottom-color: #FFFFFF;
}

/* 三角 底部定位 居右 */
.jqTooltip.bottom-right .jqTooltip-arrow {
	top: 0;
	left: 5px;
	margin-top: -5px;
	border-width: 0 6px 6px;
	border-bottom-color: #000000;
	opacity: 0.85;
}

/* 三角 底部定位 居右【白天】 */
.jqTooltip.bottom-right.light .jqTooltip-arrow {
	border-bottom-color: #FFFFFF;
}

/*/////////////////////////////////////////////
///////////// 以下都是 baseDialog 样式 /////////////
/////////////////////////////////////////////*/

/* baseDialog 主样式，主容器 */
.baseDialog {
	width: 560px;
	max-height: 600px;
	/* min-height: 206px; */
	/* height:206px; */
	background: #ffffff;
	/* background: #FFBAB3; */
	box-shadow: 0px 9px 28px 0px rgba(0, 0, 0, 0.08);
	border-radius: 2px;
	padding: 24px 32px;
	height: auto;
	/* position: relative; */
	position: fixed;
	overflow: hidden;
	z-index: 10000;

}

.baseDialog.ie8 {
	/*ie8 投影失效，加边框来实现 */
	border: 1px solid #D9D9D9;
}


/* 遮罩层 */
.baseDialogOverlay {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	z-index: 9999;
	background-color: #000000;
	opacity: 0.35;
}

.baseDialogOverlay.ie8 {
	/*ie8 的透明度兼容，如果应用到 ie9，会导致透明度失效 */
	filter: alpha(opacity=35);
}


/* baseDialog 内容主容器 */
.baseDialog .baseDialog-container {}

/* baseDialog 关闭按钮 */
.baseDialog .baseDialog-closeButton {
	position: absolute;
	right: 16px;
	top: 8px;
}

/* baseDialog 头部 */
.baseDialog .baseDialog-header {
	font-family: MicrosoftYaHei "microsoft yahei";
	/* display: flex; */
	/* background-color: #007B77; */
}

/* baseDialog 头部 图标 */
.baseDialog-header .baseDialog-icon {
	/* background-color: #0000FF; */
	height: 28px;
	width: 28px;
	font-size: 28px;
	line-height: 28px;
	padding: 0px;
	margin: 0px;

	position: absolute;
	top: 27px;
}


/* baseDialog 头部 标题 */
.baseDialog-header .baseDialog-title {
	font-size: 16px;
	line-height: 24px;
	color: #000000;
	align-self: flex-start;
	padding: 4px 0px 8px 40px;
	margin: 0px;
	display: block;

	word-break: normal;
	word-break: break-all;
	/* 按字符截断换行  支持IE和chrome，FF不支持*/
	word-wrap: break-word;
	/*按英文单词整体截断换行  以上三个浏览器均支持 */
}

.baseDialog-error .baseDialog-header .baseDialog-title {
	color: #CF1322;
}

.baseDialog-error .baseDialog-header .baseDialog-icon {
	color: #CF1322;
}

.baseDialog-warning .baseDialog-header .baseDialog-icon {
	color: #FA8C15;
}

.baseDialog-question .baseDialog-header .baseDialog-icon {
	color: #FA8C15;
}

.baseDialog-info .baseDialog-header .baseDialog-icon {
	color: #1890FF;
}

.baseDialog-success .baseDialog-header .baseDialog-icon {
	color: #389E0D;
}

.baseDialog-customize .baseDialog-header .baseDialog-icon {
	color: #1890FF;
}


/* baseDialog 内容 */
.baseDialog-container .baseDialog-content {
	font-family: MicrosoftYaHei "microsoft yahei";
	font-size: 14px;
	line-height: 22px;
	color: #666666;
	align-self: flex-start;
	padding: 0px 0px 0px 40px;

	word-break: normal;
	word-break: break-all;
	/* 按字符截断换行  支持IE和chrome，FF不支持*/
	word-wrap: break-word;
	/*按英文单词整体截断换行  以上三个浏览器均支持 */
}

/* baseDialog 提示码 */
.baseDialog-container .baseDialog-errorCode {
	font-family: MicrosoftYaHei "microsoft yahei";
	font-size: 14px;
	line-height: 22px;
	color: #999999;
	align-self: flex-start;
	padding: 0px 0px 0px 40px;

	word-break: normal;
	word-break: break-all;
	/* 按字符截断换行  支持IE和chrome，FF不支持*/
	word-wrap: break-word;
	/*按英文单词整体截断换行  以上三个浏览器均支持 */
}


/* baseDialog 提示码 */
.baseDialog-container .baseDialog-margin {
	margin-left: 16px;
	margin-top: 8px;
}

/* baseDialog 工具栏 */
.baseDialog .baseDialog-footer {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	text-align: right;
	padding: 20px 0px 2px 0px;
	margin: -4px -8px;
	/* background-color: #007B77; */
}

.baseDialog .baseDialog-footer button {
	margin: 4px 8px;
	word-break: normal;
	word-break: break-all;
	/* 按字符截断换行  支持IE和chrome，FF不支持*/
	word-wrap: break-word;
	/*按英文单词整体截断换行  以上三个浏览器均支持 */
}

/* //////////////////////////////////////////////////////////// */

/*/////////////////////////////////////////////
/////////// 以下都是 baseMessage 样式 //////////
/////////////////////////////////////////////*/
.baseMessageContainer {
	position: fixed;
}

#baseMessageContainer-topleft {
	top: 114px;
	left: 10px;
	text-align: left;
}

#baseMessageContainer-topcenter {
	top: 114px;
	left: 50%;
	transform: translate(-50%, 0);
	text-align: center;
}

#baseMessageContainer-topright {
	top: 114px;
	right: 10px;
	text-align: right;
}

#baseMessageContainer-bottomleft {
	bottom: 10px;
	left: 10px;
	text-align: left;
}

#baseMessageContainer-bottomcenter {
	bottom: 10px;
	left: 50%;
	transform: translate(-50%, 0);
	text-align: center;
}

#baseMessageContainer-bottomright {
	bottom: 10px;
	right: 10px;
	text-align: right;
}

#baseMessageContainer-center {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
}

.baseMessageBox {
	/* display: block !important; */
	display: none;
	margin-bottom: 20px;
}

.baseMessageBox.alert {
	padding: 0px !important;
}


/* 消息组件,提示，loading */
.baseMessage,
.baseMessage.baseMessage-info {
	/* width: unset; */
	width: inherit;
	min-width: 352px;
	max-width: 944px;
	height: 48px;

	text-align: left;
	padding: 10px 24px 12px 16px;
	background: #E6F7FF;
	border-radius: 2px;
	border: 1px solid #1890FF;
	display: inline-block !important;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	/* //文本不换行，这样超出一行的部分被截取，显示... */

	position: relative;
}

/* 成功 */
.baseMessage.baseMessage-success {
	background: #F6FFED;
	border: 1px solid #389E0D;
}

/* 警告 */
.baseMessage.baseMessage-warning {
	background: #FFF7E6;
	border: 1px solid #FA8C15;
}

/* 错误 */
.baseMessage.baseMessage-error {
	background: #FFF1F0;
	border: 1px solid #CF1322;
}

.baseMessageTitle {
	font-size: 14px;
	line-height: 26px;
	font-family: MicrosoftYaHei "microsoft yahei";
	color: #333333;
	max-width: 1600px;
	margin-top: 16px;
	vertical-align: top;
	white-space: nowrap;
}

.baseMessageIcon {
	font-size: 16px;
	line-height: 24px;
	color: #1890FF;
	width: 16px;
	height: 24px;
	margin-right: 8px;
	margin-top: 1px;
}

/* 成功提示icon */
.baseMessageIcon.baseMessageIcon-success {
	color: #389E0D;
}

/* 错误提示icon */
.baseMessageIcon.baseMessageIcon-error {
	color: #CF1322;
}

/* 加载提示icon */
.baseMessageIcon.baseMessageIcon-loading {
	background-image: url(../images/loading_blue.gif);
	width: 16px;
	height: 16px;
	padding: 0px;
	margin-top: 6px;
	background-repeat: repeat;
	border: 0px;

	display: inline-block;
	background-size: cover;
	background-position: center;
}

/* 推荐提示icon */
.baseMessageIcon.baseMessageIcon-smile {
	color: #1890FF;
}

/* 说明提示icon */
.baseMessageIcon.baseMessageIcon-info {
	color: #1890FF;
}

/* 询问提示icon */
.baseMessageIcon.baseMessageIcon-question {
	color: #FA8C15;
}

/* 警告提示icon */
.baseMessageIcon.baseMessageIcon-warning {
	color: #FA8C15;
}

.baseMessageCloseButton {
	position: absolute;
	top: 14px;
	right: 6px;
}

/* //////////////////////////////////////////////////// */


/*/////////////////////////////////////////////
/////////// 以下都是 baseAlert 样式 //////////
/////////////////////////////////////////////*/


.baseAlert-floattop {
	top: 0px;
	left: 0px;
	right: 0px;
	position: fixed !important;
	width: 100% !important;
	box-shadow: 0px 6px 16px 0px rgba(0, 0, 0, 0.12);
	z-index: 10000;
}

.baseAlert-floatbottom {
	bottom: 0px;
	left: 0px;
	right: 0px;
	position: fixed !important;
	/* margin-bottom: 0px !important; */
	width: 100% !important;
	box-shadow: 0px -6px 16px 0px rgba(0, 0, 0, 0.12);
	z-index: 10000;
}

/* 消息组件,提示，loading */
.baseAlert,
.baseAlert.baseAlert-info {
	width: 720px;
	min-height: 40px;

	text-align: left;
	margin: 16px 0px 0px 0px;

	background: #E6F7FF;
	border-radius: 2px;
	border: 1px solid #1890FF;
	padding: 8px 14px 0px 16px;

	position: relative;
	display: block !important;
	line-height: 0px;
	/* line-height: initial; */
	clear:both;
}

.baseAlert.baseAlert-floattop,
.baseAlert.baseAlert-floatbottom{	
	margin-top: 0px;
}

/* 成功 */
.baseAlert.baseAlert-success {
	background: #F6FFED;
	border: 1px solid #389E0D;
}

/* 警告 */
.baseAlert.baseAlert-warning {
	background: #FFF7E6;
	border: 1px solid #FA8C15;
}

/* 错误 */
.baseAlert.baseAlert-error {
	background: #FFF1F0;
	border: 1px solid #CF1322;
}

.baseAlertTitle {
	/* width: 100%; */
	height: 22px;
	font-size: 14px;
	line-height: 22px;
	font-family: MicrosoftYaHei, "微软雅黑", "宋体";
	color: #333333;
	/* background-color: #0062CC; */

	width: calc(100% - 44px);

	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;

	vertical-align: top;
	display: inline-block;
}

.baseAlertIcon {
	float: left;
	font-size: 14px;
	line-height: 18px;
	color: #1890FF;
	margin-right: 8px;
	margin-top: 2px;

}

/* 成功提示icon */
.baseAlertIcon.baseAlertIcon-success {
	color: #389E0D;
}

/* 错误提示icon */
.baseAlertIcon.baseAlertIcon-error {
	color: #CF1322;
}

/* 加载提示icon */
.baseAlertIcon.baseAlertIcon-loading {
	background-image: url(../images/loading_blue.gif);
	width: 16px;
	height: 16px;
	padding: 0px;
	margin-top: 6px;
	background-repeat: repeat;
	border: 0px;

	display: inline-block;
	background-size: cover;
	background-position: center;
}

/* 推荐提示icon */
.baseAlertIcon.baseAlertIcon-smile {
	color: #1890FF;
}

/* 说明提示icon */
.baseAlertIcon.baseAlertIcon-info {
	color: #1890FF;
}

/* 询问提示icon */
.baseAlertIcon.baseAlertIcon-question {
	color: #FA8C15;
}

/* 警告提示icon */
.baseAlertIcon.baseAlertIcon-warning {
	color: #FA8C15;
}

.baseAlertCloseButton {
	position: absolute;

	top: 8px;
	right: 12px;

	width: 14px;
	height: 14px;
}

/* 详细版Alert */
.baseAlert.baseAlertPro {
	/* display: inline-block !important; */
	/* width:auto; */
	min-width: auto;
	padding: 8px 14px 6px 16px;
}

.baseAlertMessage {
	/* width: 720px; */
	font-size: 14px;
	line-height: 22px;
	font-family: MicrosoftYaHei, "微软雅黑", "宋体";
	color: #666666;
	width: calc(100% - 54px);
	padding-top: 2px;

	display: inline-block;
	/* background-color: #ffaa00; */
}

/* baseDialog 工具栏 */
.baseAlert-footer {
	/* float: right; */
	text-align: right;
	margin-top: -3px;
	padding-right: 24px;
	
	position: absolute;	
	top: 8px;
	right: 12px;
}

.baseAlert-footer>button {
	margin-left: 4px;
}

.baseAlertNoIcon .baseAlertTitle,
.baseAlertNoIcon.baseAlertPro .baseAlertTitle,
.baseAlertNoIcon.baseAlertPro .baseAlertMessage{
	width: calc(100% - 22px) !important;
}


.baseAlertPro .baseAlertIcon {
	font-size: 24px;
	margin-top: 17px;
}

.baseAlertPro .baseAlertTitle {
	font-size: 16px;
	line-height: 24px;
	width: calc(100% - 54px);
	/* background-color: #0056B3; */

	overflow: hidden;
	text-overflow: ellipsis;

	/* white-space: nowrap; */
	/* //文本不换行，这样超出一行的部分被截取，显示... */
}

.baseAlertPro .baseAlert-footer {
	padding-top: 6px;
	padding-right: 22px;
	
	position: static;
	top: static;
	right: static;
}

.baseAlertPro.baseAlert-floattop .baseAlert-footer,
.baseAlertPro.baseAlert-floatbottom .baseAlert-footer{
	position: static;	
}

.baseAlert.baseAlertIE8 .baseAlertTitle,
.baseAlert.baseAlertIE8 .baseAlertMessage{
	
	width: 90% !important;
	padding-right: 30px !important; 
}
/* //////////////////////////////////////////////////// */