/**
 * @copyright (c) 2018, www.vnetoo.com. All rights reserved.
 * @fileOverview 公用组件CSS
 * @author xuzengqiang <253948113@qq.com>
 * @date 2018-4-25 17:32:17
 * @version 1.0.0
 */

/**
 * @copyright (c) 2018, www.vnetoo.com. All rights reserved.
 * @fileOverview 邮箱联想框CSS
 * @author xuzengqiang <253948113@qq.com>
 * @date 2018-3-30 10:27:42
 * @version 1.0.0
 */

.v-email {
	position: relative;
	display: inline-block;
}

.v-popper.v-email-associate {
	position: absolute;
	min-width: 100px;
	left: 0px;
	z-index: 100;
	border: 1px solid #ccc;
	background: #fff;
	border-radius: 4px;
	box-shadow: 0px 2px 8px #ccc;
	z-index: 30180330;
}

.v-popper.v-email-associate ul {
	width: 100%;
	overflow: auto;
	min-height: 150px;
	padding: 5px 0px;
	position: relative;
}

.v-popper.v-email-associate ul li {
	height: 30px;
	line-height: 30px;
	cursor: pointer;
	font-size: 13px;
	color: #888;
}

.v-popper.v-email-associate ul li span {
	margin-left: 10px;
}

.v-popper.v-email-associate ul li:hover,
.v-popper.v-email-associate ul li.current {
	background: #52afda;
	color: #fff;
}

/**
 * @copyright (c) 2018, www.vnetoo.com. All rights reserved.
 * @fileOverview 树联系框组件CSS
 * @author xuzengqiang <253948113@qq.com>
 * @date 2018-1-21 18:30:43
 * @version 1.0.0
 */

.v-tree-label {
	position: relative;
	display: inline-block;
}

.v-popper.v-tree-associate {
	min-height: 150px;
	min-width: 100px;
}

/**
 * @copyright (c) 2018, www.vnetoo.com. All rights reserved.
 * @fileOverview 图片预览组件CSS
 * @author xuzengqiang <253948113@qq.com>
 * @date 2018-3-21 22:44:42
 * @version 1.0.0
 */

@font-face {
	font-family: "image-iconfont";
	src: url("../font/image/iconfont.eot?t=1521702722630");
	/* IE9*/
	src: url("../font/image/iconfont.eot?t=1521702722630#iefix") format("embedded-opentype"), /* IE6-IE8 */
	url("data:application/x-font-woff;charset=utf-8;base64,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") format("woff"), url("../font/image/iconfont.ttf?t=1521702722630") format("truetype"), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
	url("../font/image/iconfont.svg?t=1521702722630#iconfont") format("svg");
	/* iOS 4.1- */
}

.ppt-main {
	border: 1px solid #dfdfdf;
	position: relative;
}

.photo-container {
	width: 100%;
	height: 100%;
	background: #333;
	position: relative;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

.photo-container .image-iconfont {
	font-family: "image-iconfont" !important;
	font-size: 18px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	display: inline-block;
	font-weight: bold;
}

.photo-container .icon-enlarge:before {
	content: "\e835";
}

.photo-container .icon-lessen:before {
	content: "\e839";
}

.photo-container .icon-restore:before {
	content: "\e6f3";
}

.photo-container .icon-request-fullscreen:before {
	content: "\e61f";
}

.photo-container .icon-exit-fullscreen:before {
	content: "\e671";
}

.photo-container .current-rate {
	background: rgba(0, 0, 0, 0.8);
	width: 80px;
	height: 30px;
	color: #fff;
	font-size: 15px;
	text-align: center;
	line-height: 30px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -40px;
	margin-top: -15px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

.photo-container .img-box {
	width: 100%;
	height: 100%;
	position: relative;
	background: transparent;
}

.photo-container .img-border {
	width: 100%;
	height: 100%;
	position: absolute;
	overflow: hidden;
}

.photo-container .img-border img {
	border: 0 none;
	position: absolute;
	width: 40px;
	height: 40px;
	/*不要删除,会有加载中的图片垂直居中的效果*/
	left: 50%;
	margin-left: -20px;
	top: 50%;
	margin-top: -20px;
}

.photo-container .img-holder {
	position: absolute;
	right: 5px;
	bottom: 5px;
	height: 180px;
	width: 150px;
	background: #000;
	overflow: hidden;
}

.photo-container .img-holder img {
	width: 100%;
	height: 100%;
	border: 0 none;
}

.photo-container .img-holder cite img {
	opacity: 0.2;
	filter: alpha(opacity=20);
}

.photo-container .img-holder .img-tracker {
	width: 100px;
	height: 100px;
	z-index: 200;
	background: transparent;
	position: absolute;
	cursor: move;
}

.photo-container .img-holder .img-tracker span {
	display: block;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0;
	filter: alpha(opacity=0);
}

.photo-container .img-holder .img-crop {
	z-index: 100;
	position: absolute;
	left: 0;
	top: 0;
	clip: rect(38px, 125px, 143px, 20px);
}

.photo-container .img-operate {
	position: absolute;
	left: 50%;
	margin-left: -100px;
	bottom: 20px;
	height: 40px;
	width: 160px;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
	background: transparent;
	text-align: center;
	-moz-transition: all 0.5s ease-in;
	-webkit-transition: all 0.5s ease-in;
	-o-transition: all 0.5s ease-in;
	transition: all 0.5s ease-in;
	background: rgba(0, 0, 0, 0.5);
}

.photo-container .img-operate:hover {
	/*background:rgba(0, 0, 0 , 0.6);*/
}

.photo-container .img-operate ul {
	list-style: none;
	width: 160px;
	height: 30px;
	line-height: 30px;
	margin: 5px auto;
}

.photo-container .img-operate ul li {
	height: 30px;
	width: 30px;
	text-align: center;
	cursor: pointer;
	display: inline-block;
	line-height: 30px;
	border-radius: 30px;
	background: rgba(0, 0, 0, 0.3);
	color: #afafaf;
	-moz-transition: all 0.5s ease-in;
	-webkit-transition: all 0.5s ease-in;
	-o-transition: all 0.5s ease-in;
	transition: all 0.5s ease-in;
}

.photo-container .img-operate ul li:hover {
	color: #fff;
	background: rgba(0, 0, 0, 0.8);
}

/**
 * @copyright (c) 2018, www.vnetoo.com. All rights reserved.
 * @fileOverview PPT文档预览CSS
 * @author xuzengqiang <253948113@qq.com>
 * @date 2018-3-1 20:58:30
 * @version 1.0.0
 */

.ppt-main {
	font-family: Microsoft Yahei;
	/* background: #fff; */
	position: relative;
	/* border: 1px solid transparent; */
}

.ppt-main .ppt-holder {
	left: 0px;
	height: 0px;
	background: #fff;
	position: relative;
	/* border: 1px solid #bbb; */
	border-bottom: 0px;
}

.ppt-main .ppt-container {
	position: absolute;
	text-align: center;
	left: 0px;
	top: 0px;
	bottom: 42px;
	right: 0px;
}

.ppt-main .ppt-reader {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
}

/*
.ppt-reader img{
    max-width:90%;
    border:0 none;
}
*/

.ppt-main .ppt-reader span {
	color: #888;
	/*#FF2A55;*/
	font-size: 14px;
	display: block;
	height: 40px;
	width: 100%;
	border-bottom: 1px solid #ddd;
	background: url(../images/ppt/background.jpg) repeat-x;
	line-height: 40px;
}

/**
 * 描述：设置箭头样式,必须设置透明度,否则IE上会显示不出来
 * IE支持：cur,ani,ico格式
 * FF:bmp,gif,jpg,cur,ico,不支持ani,gif
**/

.ppt-main .ppt-arrow-left {
	cursor: url("../images/ppt/arrow-left.ico"), auto;
	position: absolute;
	width: 49.9%;
	height: 100%;
	top: 0;
	left: 0;
	-webkit-moz-select: none;
	-moz-user-select: none;
	user-select: none;
	background: #fff;
	opacity: 0;
	filter: alpha(opacity=0);
	border: 0 none;
	outline: none;
	blr: expression(this.onFocus=this.blur());
}

.ppt-main .ppt-arrow-right {
	cursor: url("../images/ppt/arrow-right.ico"), auto;
	position: absolute;
	width: 49.9%;
	height: 100%;
	top: 0;
	right: 0;
	-moz-user-select: none;
	background: #fff;
	opacity: 0;
	filter: alpha(opacity=0);
	border: transparent;
	outline: none;
	blr: expression(this.onFocus=this.blur());
}

/*底部操作栏CSS*/

.ppt-main .ppt-operate {
	background: url(../images/ppt/background.jpg) repeat-x;
	height: 42px;
	z-index: 25;
	left: 0px;
	bottom: 0;
	width: 100%;
	position: absolute;
	border-top: 1px solid #ddd;
}

.ppt-main .ppt-operate ul {
	position: absolute;
	width: 240px;
	left: 50%;
	margin-left: -120px;
	text-align: center;
	list-style: none;
}

.ppt-main .ppt-operate li {
	float: left;
	font-size: 12px;
	margin: 0 5px;
}

.ppt-main .operate-icon {
	background: url(../images/ppt/btn_oper.png) no-repeat;
	width: 41px;
	height: 41px;
	display: block;
}

/*上一页*/

.ppt-main .ppt-prev-page {
	background-position: 0 0;
	cursor: pointer;
}

.ppt-main .ppt-prev-page:hover {
	background-position: 0 -51px;
}

/*ppt 页数*/

.ppt-main .ppt-page {
	font-size: 12px;
	line-height: 43px;
}

.ppt-main .ppt-page .v-input input {
	width: 45px;
	border: 1px solid #d1ded9;
	text-align: center;
	font-size: 12px;
	height: 15px;
	line-height: 15px;
	margin-right: 1px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

/*下一页*/

.ppt-main .ppt-next-page {
	background-position: 0 -102px;
	cursor: pointer;
}

.ppt-main .ppt-next-page:hover {
	background-position: 0 -153px;
}

/*PPT大小缩放*/

.ppt-main .ppt-zoom {
	float: right;
	margin-right: 10px;
}

.ppt-main .ppt-full-screen {
	background-position: 0 -204px;
	cursor: pointer;
}

.ppt-main .ppt-full-screen:hover {
	background-position: 0 -255px;
}

.ppt-main .ppt-zoom:hover {
	background: #dfdfdf;
}

.ppt-main .ppt-restore {
	background-position: 0 -306px;
	cursor: pointer;
}

.ppt-main .ppt-restore:hover {
	background-position: 0 -357px;
}

/**
 * 新增翻页CSS
 * @author xuzengqiang 
 * @date 2017-11-10 10:29:28
**/

.ppt-main .ppt-reader ul {
	position: relative;
	left: 0px;
	top: 0px;
	width: 9100%;
	/*可以设置百分比*/
	height: 100%;
	overflow: hidden;
}

.ppt-main .ppt-reader ul li {
	list-style: none;
	height: 100%;
	float: left;
	text-align: center;
}

.ppt-main .ppt-reader ul li label {
	height: 100%;
	display: inline-block;
	vertical-align: middle;
}

.ppt-main .ppt-reader ul li img {
	border: 0 none;
	width: auto;
	height: auto;
	max-width: 90%;
	max-height: 90%;
	display: inline-block;
	vertical-align: middle;
}

/**
 * @copyright (c) 2018, www.vnetoo.com. All rights reserved.
 * @fileOverview 弹出提示层组件CSS
 * @author xuzengqiang <253948113@qq.com>
 * @date 2018-4-9 20:19:58
 * @version 1.0.0
 */

.v-popper {
	position: absolute;
	min-height: 40px;
	min-width: 40px;
	left: 0px;
	border: 1px solid #ccc;
	background: #fff;
	border-radius: 4px;
	box-shadow: 0px 2px 8px #ccc;
	z-index: 30180330;
	padding: 5px 0px;
	font-size: 13px;
	color: #666;
}

.v-popper .v-popper-container {
	overflow: auto;
	position: relative;
}

.v-popper .v-popper-arrow {
	position: absolute;
	display: block;
	width: 14px;
	height: 14px;
}

.v-popper .v-popper-arrow .v-popper-small-arrow {
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
	border-width: 6px;
	z-index: 20;
}

.v-popper .v-popper-arrow .v-popper-large-arrow {
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
	border-width: 7px;
	z-index: 10;
}

/*提示层居于顶部的样式*/

.v-popper.has-arrow[x-placement^="top"] {
	margin-bottom: 8px;
}

.v-popper[x-placement^="top"] .v-popper-arrow {
	bottom: -14px;
}

.v-popper[x-placement^="top"] .v-popper-arrow .v-popper-small-arrow {
	border-top-color: #fff;
	left: 1px;
	top: 0px;
}

.v-popper[x-placement^="top"] .v-popper-arrow .v-popper-large-arrow {
	border-top-color: #ccc;
}

/*提示层居于底部的样式*/

.v-popper.has-arrow[x-placement^="bottom"] {
	margin-top: 8px;
}

.v-popper[x-placement^="bottom"] .v-popper-arrow {
	top: -14px;
}

.v-popper[x-placement^="bottom"] .v-popper-arrow .v-popper-small-arrow {
	border-bottom-color: #fff;
	left: 1px;
	bottom: 0px;
}

.v-popper[x-placement^="bottom"] .v-popper-arrow .v-popper-large-arrow {
	border-bottom-color: #ccc;
}

/*提示层居于右侧的样式*/

.v-popper.has-arrow[x-placement^="right"] {
	margin-left: 8px;
}

.v-popper[x-placement^="right"] .v-popper-arrow {
	left: -14px;
}

.v-popper[x-placement^="right"] .v-popper-arrow .v-popper-small-arrow {
	border-right-color: #fff;
	left: 2px;
	top: 1px;
}

.v-popper[x-placement^="right"] .v-popper-arrow .v-popper-large-arrow {
	border-right-color: #ccc;
	left: -1px;
}

/*提示层居于左侧的样式*/

.v-popper.has-arrow[x-placement^="left"] {
	margin-right: 8px;
}

.v-popper[x-placement^="left"] .v-popper-arrow {
	right: -14px;
}

.v-popper[x-placement^="left"] .v-popper-arrow .v-popper-small-arrow {
	border-left-color: #fff;
	right: 2px;
	top: 1px;
}

.v-popper[x-placement^="left"] .v-popper-arrow .v-popper-large-arrow {
	border-left-color: #ccc;
	right: -1px;
}

/**
 * @copyright (c) 2018, www.vnetoo.com. All rights reserved.
 * @fileOverview 分页器组件
 * @author xuzengqiang <253948113@qq.com>
 * @date 2017-11-30 10:19:02
 * @version 1.0.0
 */

.pagination-container {
	font-size: 14px;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	color: #afafaf;
}

.pagination-container_ {
	width: 700px;
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	bottom: 0;
}

.pagination-container .node {
	border: 1px solid #4ebcca;
	height: 24px;
	line-height: 24px;
	padding: 0px 8px;
	margin-right: 4px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	color: #4ebcca;
	display: inline-block;
}

.pagination-container .omit {
	margin-right: 4px;
	color: #afafaf;
}

.pagination-container .node.disabled {
	border: 1px solid #f3f3f3;
	color: #ccc;
	background: transparent;
	cursor: not-allowed;
}

.pagination-container .node.disabled:hover {
	border: 1px solid #f3f3f3;
	color: #ccc;
	background: transparent;
}

.pagination-container .node.current {
	border: 1px solid #24707a;
	background-color: #24707a;
	color: #fff;
}

.pagination-container .node:hover {
	border: 1px solid #4ebcca;
	background: #4ebcca;
	color: #fff;
}

.pagination-container .v-input input {
	height: 24px;
	width: 40px;
	top: -2px;
	border: 1px solid #afafaf;
	text-align: center;
}

.pagination-container .btngo {
	border: 1px solid #52bfea;
	color: #52bfea;
	height: 24px;
	background: #fff;
	margin-left: 3px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	display: inline-block;
	padding: 0px 5px;
}

/**
 * @copyright (c) 2018, www.vnetoo.com. All rights reserved.
 * @fileOverview input css
 * @author xuzengqiang <253948113@qq.com>
 * @date 2017-12-15 17:08:21
 * @version 1.0.0
 */

.v-input {
	position: relative;
	display: inline-block;
}

.v-input input {
	width: 200px;
	padding: 3px 5px;
	box-sizing: border-box;
	height: 26px;
	line-height: 26px;
}

.v-input.v-input-small {
	position: relative;
	width: 90px;
	display: inline-block;
}

.v-input.v-input-small input {
	width: 90px;
}

.v-input.v-input-middle {
	width: 95px;
}

.v-input.v-input-middle input {
	width: 95px;
}

.v-input .v-input-prefix {
	position: absolute;
	left: 5px;
	top: 0;
	z-index: 1;
}

.v-input .v-input-suffix {
	position: absolute;
	right: 2px;
	z-index: 1;
	top: 50%;
	margin-top: -11px;
}

.v-input .admin-wdate {
	background: url("../images/input/datePicker.gif") no-repeat right;
	width: 16px;
	height: 22px;
	display: block;
}

.v-input .vertical {
	background: url("../images/input/verticalIcon.gif") no-repeat right;
	width: 16px;
	height: 22px;
	display: block;
}

.v-input .admin-mail {
	background: url("../images/input/mailPicker.gif") no-repeat right;
	width: 16px;
	height: 22px;
	display: block;
}

.v-input.is-hidden {
	display: none;
}

/**
 * @copyright (c) 2018, www.vnetoo.com. All rights reserved.
 * @fileOverview checkbox css
 * @author xuzengqiang <253948113@qq.com>
 * @date 2017-12-18 14:42:44
 * @version 1.0.0
 */

label.checkbox-item.is-disabled {
	cursor: not-allowed;
}

label.checkbox-item input[type="checkbox"] {
	width: 12px;
	height: 12px;
}

/**
 * @copyright (c) 2018, www.vnetoo.com. All rights reserved.
 * @fileOverview 单文件文件上传CSS
 * @author xuzengqiang <253948113@qq.com>
 * @date 2018-4-9 11:30:01
 * @version 1.0.0
 */

.__single__fileuploader__ {
	display: inline-block;
}

.__single__fileuploader__ .__uploader__button__ {
	display: inline-block;
}

.__single__fileuploader__ .webuploader-pick {
	display: inline-block;
	padding: 2px 12px;
	margin-bottom: 0;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.5;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-images: none;
	border: 1px solid transparent;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.25);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-moz-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5) inset;
	-webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5) inset;
	box-shadow: 0 0 1px rgba(255, 255, 255, 0.5) inset;
	margin: 0px 3px;
	color: #fff;
	background-color: #12a0d2;
	background: -webkit-linear-gradient(#2fc5ea 0%, #12a0d2 100%);
	background: -o-linear-gradient(#2fc5ea 0%, #12a0d2 100%);
	background: linear-gradient(#2fc5ea 0%, #12a0d2 100%);
	filter: progid:DXimagesTransform.Microsoft.gradient(startColorstr='#2fc5ea', endColorstr='#12a0d2', GradientType=0);
	border-color: #0295c3;
}

.v-popper.v-thumbnail-associate {
	position: absolute;
	min-height: 60px;
	min-width: 180px;
	left: 0px;
	padding: 5px 10px;
	display: inline-block;
	text-align: center;
	line-height: 60px;
}

.v-popper.v-thumbnail-associate img {
	max-height: 200px;
	max-width: 600px;
	border: 0 none;
}

/**
 * @copyright (c) 2018, www.vnetoo.com. All rights reserved.
 * @fileOverview 批量文件上传弹出层CSS
 * @author xuzengqiang <253948113@qq.com>
 * @date 2018-04-20 10:42:47
 * @version 1.0.0
 */

.vupload-full-screen {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	opacity: 0.5;
	filter: alpha(opacity=50);
}

.vupload-container {
	background: #fff;
	border: 1px solid #afafaf;
	overflow: hidden;
	width: 600px;
	height: 480px;
	position: fixed;
	left: 50%;
	top: 50%;
	z-index: 9999;
	margin-left: -301px;
	margin-top: -241px;
	box-shadow: 0 0 8px #444;
	-moz-box-shadow: 0 0 8px #444;
	-webkit-box-shadow: 0 0 8px #444;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.vupload-container ul {
	list-style: none;
}

/*头部start*/

.vupload-container .dialog-title {
	background: #eaeaea;
	height: 35px;
	line-height: 35px;
	width: 100%;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	border-bottom: 1px solid #dfdfdf;
}

.vupload-container .dialog-title span {
	color: #777;
	margin-left: 15px;
	font-size: 12px;
	font-weight: bold;
}

.vupload-container .dialog-title ul {
	float: right;
	width: 70px;
}

.vupload-container .dialog-title ul li {
	width: 35px;
	height: 35px;
	float: right;
	text-align: center;
	line-height: 40px;
	cursor: pointer;
}

.vupload-container .dialog-title ul li.min {
	background: url("../images/batchUploadDialog/min.png") -2.5px -2px no-repeat;
}

.vupload-container .dialog-title ul li.min:hover {
	background: url("../images/batchUploadDialog/min_hover.png") -2.5px -2px no-repeat;
}

.vupload-container .dialog-title ul li.close {
	background: url("../images/batchUploadDialog/close.png") left top no-repeat;
}

.vupload-container .dialog-title ul li.close:hover {
	background: url("../images/batchUploadDialog/close_hover.png") left top no-repeat;
}

/*头部end*/

/*中间start*/

.vupload-container .dialog-container {
	position: relative;
	left: 0;
	top: 0;
	padding: 15px 15px;
	height: auto;
	clear: both;
	min-height: 200px;
}

.vupload-container .dialog-container .upload-error {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 30px;
	font-size: 12px;
	line-height: 30px;
	border-bottom: 1px solid #fa4245;
	width: 100%;
	z-index: 12000;
	background: #fc7e80;
	padding-left: 15px;
	color: #fff;
	display: none;
}

/*中间end*/

.vupload-container .webuploader-pick {
	position: relative;
	display: inline-block;
	cursor: pointer;
	/*background: #09AE82;*/
	background: #0eaec4;
	padding: 7px 20px;
	color: #fff;
	text-align: center;
	letter-spacing: 1px;
	font-size: 14px;
	font-weight: bold;
	/*border:1px solid #06795B;*/
	border: 1px solid #0d5868;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	box-shadow: 0 0 1px #fff inset;
	-moz-box-shadow: 0 0 1px #fff inset;
	-webkit-box-shadow: 0 0 1px #fff inset;
	height: auto;
	line-height: normal;
	margin: 0;
}

.vupload-container .webuploader-pick-hover {
	/*background: #08916D;*/
	background: #0eaec4;
}

.vupload-container .webuploader-pick-disable {
	opacity: 0.6;
	pointer-events: none;
}

.vupload-container .main-title {
	height: 30px;
	width: 100%;
	margin-bottom: 10px;
	line-height: 30px;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
}

.vupload-container .main-title .select-file {
	float: left;
}

.vupload-container .main-title label {
	font-size: 12px;
	color: #afafaf;
	margin-left: 15px;
}

.vupload-container .file-container {
	width: 100%;
	height: 318px;
	margin: 15px auto 20px;
	border: 1px solid #ccc;
	font-size: 13px;
	border-radius: 2px;
	overflow: auto;
	clear: both;
}

.vupload-container .file-container ul {
	width: 100%;
}

.vupload-container .file-upload-list {
	overflow: auto;
	height: 288px;
}

.vupload-container .file-container li {
	height: 35px;
	width: 100%;
	line-height: 35px;
	border-bottom: 1px solid #ccc;
	clear: both;
}

.vupload-container .file-container li.list-header {
	background: #ddd;
}

.vupload-container .file-container .file-upload-list li:hover {
	background: #eaeaea;
}

.vupload-container dl {}

.vupload-container dl dd {
	float: left;
	text-align: center;
	color: #666;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	height: 35px;
	line-height: 35px;
}

.vupload-container dl.thead dd {
	font-size: 14px;
	color: #333;
}

.vupload-container dl dd.file-index {
	width: 50px;
}

.vupload-container dl dd.file-name {
	width: 210px;
	text-align: left;
}

.vupload-container dl dd.file-size {
	width: 80px;
}

.vupload-container dl dd.file-status {
	width: 130px;
	position: relative;
}

.vupload-container dl dd.file-operate {
	width: 80px;
}

.vupload-container dl dd label.operate-icon {
	display: inline-block;
	width: 15px;
	height: 15px;
	cursor: pointer;
	margin-right: 5px;
	position: relative;
	top: 2px;
}

.vupload-container dl dd label.delete {
	background: url("../images/batchUploadDialog/operate/delete.png");
}

.vupload-container dl dd label.stop {
	background: url("../images/batchUploadDialog/operate/stop.png");
}

.vupload-container dl dd label.continue {
	background: url("../images/batchUploadDialog/operate/continue.png");
}

.vupload-container dd.upload-success {
	color: #1c8118;
}

.vupload-container dd.upload-failure {
	color: #c2270f;
}

.vupload-container .__progress__container__ {
	width: auto;
	left: 4px;
	top: -2px;
	position: relative;
}

.vupload-container .__progress__container__ .__progress__box__ {
	width: 120px;
}

/*底部start*/

.vupload-container .dialog-bottom {
	border-top: 1px solid #dfdfdf;
	background: #eaeaea;
	width: 100%;
	position: absolute;
	bottom: 0;
	height: 40px;
}

.vupload-container .dialog-bottom label {
	float: right;
	margin-right: 15px;
	font-size: 12px;
	height: 26px;
	line-height: 26px;
	border: 1px solid #afafaf;
	padding: 0px 15px 0px 15px;
	display: inline-block;
	text-decoration: none;
	border-radius: 2px;
	letter-spacing: 2px;
	margin-top: 6px;
	box-shadow: 0 0 1px #fff inset;
	-moz-box-shadow: 0 0 1px #fff inset;
	cursor: pointer;
	-webkit-box-shadow: 0 0 1px #fff inset;
}

.vupload-container .dialog-bottom .ensure {
	background: #3ca5c8;
	color: #fff;
	border: 1px solid #28768f;
}

.vupload-container .dialog-bottom .cancel {
	background: #dfdfdf;
	color: #666;
}

/**
 * @copyright (c) 2018, www.vnetoo.com. All rights reserved.
 * @fileOverview 文件上传进度CSS
 * @author xuzengqiang <253948113@qq.com>
 * @date 2018-1-31 17:17:39
 * @version 1.0.0
 */

.__progress__container__ {
	display: inline-block;
	height: 14px;
	vertical-align: middle;
}

.__progress__container__ label {
	color: #555;
	font-size: 12px;
}

.__progress__container__ .__progress__box__ {
	border: 1px solid #afafaf;
	display: inline-block;
	width: 100px;
	height: 12px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	overflow: hidden;
	text-align: center;
	float: left;
	background: url(../images/uploadProgress/progress_box_bg.png) repeat-x;
}

.__progress__container__ .__progress__percentage__ {
	width: 0%;
	height: 12px;
	float: left;
	line-height: 12px;
	transition: all ease-in-out 0.3s;
	background: url(../images/uploadProgress/blue_bg.jpg) repeat-x;
}

.__progress__container__ .__uploader__info__ {
	display: inline-block;
	height: 14px;
	vertical-align: middle;
	float: left;
	line-height: 14px;
}

.__progress__container__ .__uploader__info__ label {
	margin-left: 10px;
}

/**
 * @copyright (c) 2018, www.vnetoo.com. All rights reserved.
 * @fileOverview 弹出层组件CSS
 * @author xuzengqiang <253948113@qq.com>
 * @date 2017-11-30 10:19:02
 * @version 1.0.0
 */

@font-face {
	font-family: "dialog-iconfont";
	src: url("../font/message/iconfont.eot?t=1514181950001");
	/* IE9*/
	src: url("../font/message/iconfont.eot?t=1514181950001#iefix") format("embedded-opentype"), /* IE6-IE8 */
	url("data:application/x-font-woff;charset=utf-8;base64,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") format("woff"), url("../font/message/iconfont.ttf?t=1514181950001") format("truetype"), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
	url("../font/message/iconfont.svg?t=1514181950001#iconfont") format("svg");
	/* iOS 4.1- */
}

.ui-dialog {
	position: fixed;
	/*overflow: hidden;*/
	z-index: 9999;
}

.ui-dialog .dialog-iconfont {
	font-family: "dialog-iconfont" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	display: inline-block;
}

.ui-dialog .icon-success:before {
	content: "\e621";
	color: #29b32c;
}

.ui-dialog .icon-error:before {
	content: "\e76c";
	color: #d93434;
}

.ui-dialog .icon-default:before {
	content: "\e622";
	color: #cec221;
}

.ui-dialog .icon-question:before {
	content: "\e64b";
}

.ui-dialog .icon-guanbi:before {
	color: #666;
	content: "\e64d";
}

.ui-dialog.dialog-shade {
	background: rgba(0, 0, 0, 0.3);
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
}

.ui-dialog .ui-dialog-main {
	background: #fff;
	min-width: 360px;
	max-width: 560px;
	min-height: 50px;
	border-radius: 4px;
	overflow: auto;
	text-align: left;
	vertical-align: middle;
	display: inline-block;
	position: fixed;
	box-shadow: 0 0 10px #999;
	font-size: 14px;
	color: #666;
	padding-bottom: 10px;
}

.ui-dialog .ui-dialog-header {
	padding: 20px;
	height: 20px;
	padding-bottom: 10px;
	position: relative;
}

.ui-dialog .ui-dialog-title {
	color: #000;
	padding-left: 0;
	font-size: 18px;
	line-height: 1;
	color: #333;
}

.ui-dialog .ui-dialog-close {
	position: absolute;
	top: 18px;
	right: 20px;
	padding: 0;
	background: transparent;
	font-size: 16px;
	cursor: pointer;
	width: 16px;
	height: 16px;
	z-index: 999;
}

.ui-dialog .ui-dialog-content {
	padding: 10px 20px;
	position: relative;
}

.ui-dialog .ui-dialog-content .ui-dialog-status {
	position: absolute;
	top: 50%;
	margin-top: -12px;
}

.ui-dialog .ui-dialog-content .ui-dialog-status .dialog-iconfont {
	font-size: 24px;
	height: 24px;
	display: inline-block;
	line-height: 24px;
}

.ui-dialog .ui-dialog-content .ui-dialog-message {
	padding-left: 32px;
	line-height: 24px;
	font-size: 14px;
}

.ui-dialog .ui-content-btns {
	padding: 5px 20px 0px;
	text-align: right;
}

.ui-dialog .ui-content-btns a {
	display: inline-block;
	white-space: nowrap;
	background: #fff;
	border: 1px solid #bbb;
	text-align: center;
	padding: 0px 15px;
	border-radius: 3px;
	font-size: 12px;
	color: #666;
	margin-left: 10px;
	height: 28px;
	line-height: 28px;
	text-decoration: none;
	cursor: pointer;
}

.ui-dialog .ui-content-btns a:first-child {
	background: #1e9fff;
	border-color: #1e9fff;
	color: #fff;
}

/**
 * @copyright (c) 2018, www.vnetoo.com. All rights reserved.
 * @fileOverview msg组件css
 * @author xuzengqiang <253948113@qq.com>
 * @date 2018-3-19 15:13:39
 * @version 1.0.0
 */

@font-face {
	font-family: "msg-iconfont";
	src: url("../font/msg/iconfont.eot?t=1514181950001");
	/* IE9*/
	src: url("../font/msg/iconfont.eot?t=1514181950001#iefix") format("embedded-opentype"), /* IE6-IE8 */
	url("data:application/x-font-woff;charset=utf-8;base64,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") format("woff"), url("../font/msg/iconfont.ttf?t=1514181950001") format("truetype"), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
	url("../font/msg/iconfont.svg?t=1514181950001#iconfont") format("svg");
	/* iOS 4.1- */
}

.__msg__container__ {
	position: fixed;
	left: 50%;
	top: 0px;
	width: 480px;
	margin-left: -240px;
	height: 0px;
	top: 80px;
	/*overflow: hidden;*/
	z-index: 20190000;
}

.__msg__container__ .msg-iconfont {
	font-family: "msg-iconfont" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	display: inline-block;
}

.__msg__container__ .icon-guanbi:before {
	color: #666;
	content: "\e64d";
}

.__msg__container__ .__msg__item__ {
	width: 100%;
	margin-bottom: 10px;
	text-align: center;
}

.__msg__container__ .__msg__item__ .__msg__dialog__ {
	background: #fff;
	border: 1px solid #afafaf;
	z-index: 20190000;
	position: relative;
	padding: 12px 45px;
	display: inline-block;
	margin: 0 auto;
	color: #888;
}

.__msg__container__ .__msg__item__ .__msg__status__ {
	position: absolute;
	top: 50%;
	margin-top: -12px;
}

.__msg__container__ .__msg__item__ .__msg__status__ .msg-iconfont {
	font-size: 20px;
	height: 20px;
	display: inline-block;
	line-height: 24px;
}

.__msg__container__ .__msg__item__ .__msg__content__ {
	line-height: 24px;
	font-size: 14px;
	padding-left: 26px;
}

/*皮肤*/

.__msg__container__ .__msg__item__.normal {}

.__msg__container__ .__msg__item__.normal .__msg__dialog__ {
	border: 0 none;
	box-shadow: 0px 0px 8px #ccc;
}

.__msg__container__ .__msg__item__.normal .msg-iconfont {
	display: none;
}

.__msg__container__ .__msg__item__.normal .__msg__content__ {
	padding-left: 0px;
}

/*皮肤:success*/

.__msg__container__ .__msg__item__.success .__msg__dialog__ {
	border: 0 none;
	background: #d2efda;
}

.__msg__container__ .__msg__item__.success .__msg__content__ {
	color: #2e9e2f;
}

.__msg__container__ .__msg__item__.success .msg-iconfont:before {
	content: "\e621";
	color: #29b32c;
}

/*皮肤:error*/

.__msg__container__ .__msg__item__.error .__msg__dialog__ {
	border: 0 none;
	background: #f1d1ce;
}

.__msg__container__ .__msg__item__.error .__msg__content__ {
	color: #ed5c51;
}

.__msg__container__ .__msg__item__.error .msg-iconfont:before {
	content: "\e76c";
	color: #d93434;
}

/*皮肤:info*/

.__msg__container__ .__msg__item__.info .__msg__dialog__ {
	border: 0 none;
	background: #eaedc8;
}

.__msg__container__ .__msg__item__.info .__msg__content__ {
	color: #7d861a;
}

.__msg__container__ .__msg__item__.info .msg-iconfont:before {
	content: "\e622";
	color: #cec221;
}

/**
 * @copyright (c) 2018, www.vnetoo.com. All rights reserved.
 * @fileOverview tooltip样式
 * @author xuzengqiang <253948113@qq.com>
 * @date 2017-12-29 10:28:47
 * @version 1.0.0
 */

.v-popper-tooltip {
	border: 1px solid #dbd08a;
	padding: 12px 15px;
	display: inline-block;
	font-size: 13px;
	position: absolute;
	border-radius: 2px;
	background: #f9fae8;
	color: #ad9b25;
	transition: all ease-in 0.3s;
}

.v-popper-tooltip .tooltip-arrow {
	position: absolute;
	display: block;
	width: 14px;
	height: 14px;
}

.v-popper-tooltip .tooltip-arrow .tooltip-small-arrow {
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
	border-width: 6px;
	z-index: 20;
}

.v-popper-tooltip .tooltip-arrow .tooltip-large-arrow {
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
	border-width: 7px;
	z-index: 10;
}

.v-popper-tooltip.has-arrow[x-placement^="top"] {
	/*transform: translateY(-8px);*/
	margin-bottom: 8px;
}

.v-popper-tooltip[x-placement^="top"] .tooltip-arrow {
	bottom: -14px;
}

.v-popper-tooltip[x-placement^="top"] .tooltip-arrow .tooltip-small-arrow {
	border-top-color: #f9fae8;
	left: 1px;
	top: 0px;
}

.v-popper-tooltip[x-placement^="top"] .tooltip-arrow .tooltip-large-arrow {
	border-top-color: #dbd08a;
}

/*提示层居于底部的样式*/

.v-popper-tooltip.has-arrow[x-placement^="bottom"] {
	/*transform: translateY(8px);*/
	margin-top: 8px;
}

.v-popper-tooltip[x-placement^="bottom"] .tooltip-arrow {
	top: -14px;
}

.v-popper-tooltip[x-placement^="bottom"] .tooltip-arrow .tooltip-small-arrow {
	border-bottom-color: #f9fae8;
	left: 1px;
	bottom: 0px;
}

.v-popper-tooltip[x-placement^="bottom"] .tooltip-arrow .tooltip-large-arrow {
	border-bottom-color: #dbd08a;
}

/*提示层居于右部的样式*/

.v-popper-tooltip.has-arrow[x-placement^="right"] {
	/*transform: translateX(8px);*/
	margin-left: 8px;
}

.v-popper-tooltip[x-placement^="right"] .tooltip-arrow {
	left: -14px;
}

.v-popper-tooltip[x-placement^="right"] .tooltip-arrow .tooltip-small-arrow {
	border-right-color: #f9fae8;
	right: 0px;
	top: 1px;
}

.v-popper-tooltip[x-placement^="right"] .tooltip-arrow .tooltip-large-arrow {
	border-right-color: #dbd08a;
}

/*提示层居于左部的样式*/

.v-popper-tooltip.has-arrow[x-placement^="left"] {
	/*transform: translateX(-8px);*/
	margin-right: 8px;
}

.v-popper-tooltip[x-placement^="left"] .tooltip-arrow {
	right: -14px;
}

.v-popper-tooltip[x-placement^="left"] .tooltip-arrow .tooltip-small-arrow {
	border-left-color: #f9fae8;
	left: 0px;
	top: 1px;
}

.v-popper-tooltip[x-placement^="left"] .tooltip-arrow .tooltip-large-arrow {
	border-left-color: #dbd08a;
}

/**
 * @copyright (c) 2018, www.vnetoo.com. All rights reserved.
 * @fileOverview tipConfirm组件样式
 * @author xuzengqiang <253948113@qq.com>
 * @date 2017-12-29 16:39:49
 * @version 1.0.0
 */

.v-popper-confirm {
	padding: 10px 10px;
	display: inline-block;
	font-size: 14px;
	color: #666;
	position: absolute;
	border-radius: 3px;
	background: #fff;
	max-width: 200px;
	box-shadow: 0px 0px 8px #666;
	transition: all ease-in-out 0.3s;
	z-index: 30180330;
}

.v-popper-confirm .confirm-title {
	color: #222;
	font-size: 16px;
}

.v-popper-confirm .confirm-content {
	padding: 10px 0px;
	color: #666;
}

.v-popper-confirm .confirm-arrow {
	position: absolute;
	display: block;
	width: 14px;
	height: 14px;
}

.v-popper-confirm .confirm-arrow .confirm-small-arrow {
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
	border-width: 6px;
	z-index: 20;
}

.v-popper-confirm .confirm-arrow .confirm-large-arrow {
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
	border-width: 7px;
	z-index: 10;
}

.v-popper-confirm .confirm-btns {
	text-align: right;
}

.v-popper-confirm .confirm-btns a {
	display: inline-block;
	white-space: nowrap;
	background: #fff;
	border: 1px solid #bbb;
	text-align: center;
	padding: 0px 10px;
	border-radius: 3px;
	font-size: 12px;
	color: #666;
	margin-left: 10px;
	height: 25px;
	line-height: 25px;
	text-decoration: none;
	cursor: pointer;
}

.v-popper-confirm .confirm-btns a:first-child {
	background: #1e9fff;
	border-color: #1e9fff;
	color: #fff;
}

/*提示层居于顶部的样式*/

.v-popper-confirm.has-arrow[x-placement^="top"] {
	margin-bottom: 8px;
}

.v-popper-confirm[x-placement^="top"] .confirm-arrow {
	bottom: -14px;
}

.v-popper-confirm[x-placement^="top"] .confirm-arrow .confirm-small-arrow {
	border-top-color: #fff;
	left: 1px;
	top: 0px;
}

.v-popper-confirm[x-placement^="top"] .confirm-arrow .confirm-large-arrow {
	border-top-color: #a5bbc0;
}

/*提示层居于底部的样式*/

.v-popper-confirm.has-arrow[x-placement^="bottom"] {
	margin-top: 8px;
}

.v-popper-confirm[x-placement^="bottom"] .confirm-arrow {
	top: -14px;
}

.v-popper-confirm[x-placement^="bottom"] .confirm-arrow .confirm-small-arrow {
	border-bottom-color: #fff;
	left: 1px;
	bottom: 0px;
}

.v-popper-confirm[x-placement^="bottom"] .confirm-arrow .confirm-large-arrow {
	border-bottom-color: #a5bbc0;
}

/*提示层居于右部的样式*/

.v-popper-confirm.has-arrow[x-placement^="right"] {
	margin-left: 8px;
}

.v-popper-confirm[x-placement^="right"] .confirm-arrow {
	left: -14px;
}

.v-popper-confirm[x-placement^="right"] .confirm-arrow .confirm-small-arrow {
	border-right-color: #fff;
	right: 0px;
	top: 1px;
}

.v-popper-confirm[x-placement^="right"] .confirm-arrow .confirm-large-arrow {
	border-right-color: #a5bbc0;
}

/*提示层居于左部的样式*/

.v-popper-confirm.has-arrow[x-placement^="left"] {
	margin-right: 8px;
}

.v-popper-confirm[x-placement^="left"] .confirm-arrow {
	right: -14px;
}

.v-popper-confirm[x-placement^="left"] .confirm-arrow .confirm-small-arrow {
	border-left-color: #fff;
	left: 0px;
	top: 1px;
}

.v-popper-confirm[x-placement^="left"] .confirm-arrow .confirm-large-arrow {
	border-left-color: #a5bbc0;
}

/**
 * @copyright www.vnetoo.com
 * @fileOverview 弹出层CSS
 * @author xuzengqiang
 * @date 2017-11-30 14:20:13
 * @version 1.0.0
 *
 * @update xuzengqiang
 * @date 2018-2-6 14:01:49
 * @version 1.0.1
 * @description 
 * 1、fixed:修复Chrome浏览器下弹窗模糊的BUG.删除.page-dialog选择器的overflow:hidden属性;
 *
 * @update xuzengqiang
 * @date 2018-3-27 10:04:20
 * @version 1.0.2
 * @description
 * 1、删除多余的alert,confirm等组件的样式
 * 2、新增透明边框.{@link https://www.w3cplus.com/css3/css-secrets/translucent-borders.html}
 *   border: 10px solid hsla(0,0%,100%,.5); 
 *   background: #FFF; 
 *   background-clip: padding-box;
 *   虽然可以通过border-color:rgba(...);设置边框透明,但是此时的元素不能设置背景色,否则会有影响
 */

@font-face {
	font-family: "page-dialog-iconfont";
	src: url("../font/page/iconfont.eot?t=1514181950001");
	/* IE9*/
	src: url("../font/page/iconfont.eot?t=1514181950001#iefix") format("embedded-opentype"), /* IE6-IE8 */
	url("data:application/x-font-woff;charset=utf-8;base64,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") format("woff"), url("../font/page/iconfont.ttf?t=1514181950001") format("truetype"), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
	url("../font/page/iconfont.svg?t=1514181950001#iconfont") format("svg");
	/* iOS 4.1- */
}

.page-dialog .page-dialog-iconfont {
	font-family: "page-dialog-iconfont" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.page-dialog .icon-guanbi:before {
	content: "\e64d";
	color: #fff;
}

.page-dialog {
	position: fixed;
	min-width: 360px;
	min-height: 150px;
	left: 50%;
	top: 50%;
	margin-left: -190px;
	margin-top: -85px;
	border: 10px solid #dedede;
	background: #fff;
	overflow: auto;
	/*@update:这里不能auto,否则绝对定位的提示层会撑开高度出现滚动条.@author xuzengqiang,@date 2018-3-29 22:59:14*/
	text-align: left;
	vertical-align: middle;
	display: inline-block;
	/*    -moz-transition: all 0.5s ease-in;
    -webkit-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;*/
}

.page-dialog.center {
	left: 50%;
	top: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

.page-dialog .page-dialog-close {
	position: absolute;
	top: 0px;
	right: 0px;
	padding: 0;
	background: #dedede;
	font-size: 16px;
	cursor: pointer;
	width: 24px;
	height: 24px;
	border-bottom-left-radius: 15px;
	z-index: 2;
}

.page-dialog .page-dialog-close i.icon-guanbi {
	font-size: 13px;
	position: relative;
	left: 8px;
	top: -2px;
	font-weight: bold;
}

.page-dialog .page-dialog-content {
	position: relative;
	min-height: 150px;
	min-width: 360px;
	background: #fff;
}

.page-dialog .page-loading {
	height: 36px;
	text-align: center;
	position: absolute;
	top: 50%;
	margin-top: -18px;
	width: 100%;
	text-align: center;
}

.page-dialog .page-loading img {
	height: 36px;
	width: 36px;
}

.page-dialog .page-loading label {
	color: #666;
	font-size: 15px;
}

.page-dialog .page-load-error {
	text-align: center;
	position: absolute;
	height: 24px;
	top: 50%;
	margin-top: -12px;
	width: 100%;
	line-height: 24px;
}

.page-dialog .page-load-error label {
	color: #666;
	font-size: 15px;
}

.page-dialog .loading {
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	background: #ff0000;
}

/*fixed 列表数据在弹出层中宽度不自动缩放的BUG*/

.page-dialog .admin-table {
	table-layout: auto;
}

/**
 * @copyright (c) 2018, www.vnetoo.com. All rights reserved.
 * @fileOverview 遮罩层CSS
 * @author xuzengqiang <253948113@qq.com>
 * @date 2018-4-28 10:17:02
 * @version 1.0.0
 */

#v-full-shade {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.3;
	filter: alpha(opacity=30);
}
