/*skyeye系统基础文件*/
@import "customer/skyeye-base.css";

/*skyeye系统wins风格样式文件*/
@import "customer/skyeye-wins.css";
@import "customer/skyeye-theme-color.css";

/*系统样式文件*/
@import "customer/systemStyle.css";
/*文件管理样式文件*/
@import "customer/file-console.css";
/*问卷/试卷管理样式文件*/
@import "customer/survey-design.css";
/*API管理样式文件*/
@import "customer/skyeye-api.css";

/*自定义样式文件*/
@import "customer/skyeye-custom.css";

/*表格高级搜索样式*/
@import "customer/search-table.css";

/*自定义icon*/
@import "customer/skyeye-icon.css";

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

/** 滚动条 **/
::-webkit-scrollbar {
    width: 5px;
    height: 10px;
}

::-webkit-scrollbar-button:vertical {
    display: none;
}

::-webkit-scrollbar-track,
::-webkit-scrollbar-corner {
    background-color: #e2e2e2;
}

::-webkit-scrollbar-thumb {
    border-radius: 20px;
    background-color: rgba(0, 0, 0, .3);
}

::-webkit-scrollbar-thumb:vertical:hover {
    background-color: rgba(0, 0, 0, .35);
}

::-webkit-scrollbar-thumb:vertical:active {
    background-color: rgba(0, 0, 0, .38);
}

/*layer皮肤*/
body .layer-ext-winconfirm {
    min-width: 360px;
    border-radius: 0;
}

body .layer-ext-winconfirm .layui-layer-title {
    border-radius: 0;
    height: 28px;
    line-height: 28px;
    font-size: 12px;
    color: #fff;
    cursor: default !important;
    border-bottom: none;
    padding-left: 10px;
}

body .layer-ext-winconfirm .layui-layer-setwin {
    line-height: 28px;
    top: 0;
    right: 0;
}

body .layer-ext-winconfirm .layui-layer-setwin .layui-layer-ico {
    background: none;
    position: relative;
}

body .layer-ext-winconfirm .layui-layer-setwin .layui-layer-ico i {
    position: absolute;
    width: 16px;
    height: 16px;
    top: 1px;
    left: 8px;
    color: #fff;
}

body .layer-ext-winconfirm .layui-layer-setwin .layui-layer-close:hover {
    background-color: #E81123;
    opacity: 1;
}

body .layer-ext-winconfirm .layui-layer-setwin a {
    height: 28px;
    width: 32px;
    margin: 0;
    cursor: default;
}

body .layer-ext-winconfirm .layui-layer-btn {
    padding-right: 8px;
    padding-bottom: 10px;
}

body .layer-ext-winconfirm .layui-layer-btn > a {
    font-size: 12px;
    border-radius: 0;
    border: 1px solid #ADADAD;
    background-color: #E1E1E1;
    color: #000;
    height: 28px;
    line-height: 28px;
    padding: 0 30px;
    cursor: default;
    white-space: nowrap;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    outline: none;
    transition: border-color .2s cubic-bezier(.65, .05, .35, .5);
    box-sizing: border-box;
}

body .layer-ext-winconfirm .layui-layer-btn > a:first-child {
    border: 1px solid #0078D7;
}

body .layer-ext-winconfirm .layui-layer-btn > a:hover {
    background-color: #E5F1FB;
    border: 1px solid #0078D7;
    color: #000;
}

body .layer-ext-winconfirm .layui-layer-content {
    min-height: 50px;
}

/*****************************************动画***********************************************/
@keyframes slideInRight {
    from {
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

.slideInRight {
    animation-duration: .5s;
    animation-fill-mode: both;
    animation-name: slideInRight;
}

@keyframes slideOutRight {
    from {
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        transform: translate3d(100%, 0, 0);
    }
}

.slideOutRight {
    animation-duration: .5s;
    animation-fill-mode: both;
    animation-name: slideOutRight;
}

@keyframes minisize0 {
    from {
        opacity: 1;
    }

    to {
        top: 80vh;
        left: 10vw;
        width: 10vw;
        height: 10vh;
        opacity: 0;
    }
}

.anim-minisize0 {
    -moz-animation: .3s minisize0;
    -o-animation: .3s minisize0;
    -webkit-animation: .3s minisize0;
    animation: .3s minisize0;
}
/****************************************动画END*********************************************/

/*******************************************自定义样式start********************************************/
.photo-img{
    width: 30px;
    height: 30px;
    cursor: pointer;
}

/***非表格分页加载插件start***/
.row-model{
	margin-left: 0px;
	margin-right: 0px;
}

.pageInput{
	height: 26px !important;
    width: 40px !important;
    border: 1px solid gainsboro;
    border-radius: 3px;
    text-align: center;
}

.pagination a, .pagination span {
    padding: 0px;
    height: 40px;
    line-height: 38px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin: 0 5px !important;
    font-weight: 700;
    display: inline-block;
}

.pagination>li>a, .pagination>li>span{
	padding: 10px 12px;
}

.pageBtn{
	padding: 0px !important;
}
/***非表格分页加载插件end***/

/***图片上传样式start***/
.fileUploadContent .box{
    border: solid thin #DDDDDD;
    min-height: 200px;
    min-width: 200px;
    margin-top: 10px;
}

.fileUploadContent .fileItem{
    border: solid thin #DDDDDD;
    width: 150px;
    height: 215px;
    display: inline-block;
    margin: 10px;
    text-align: center;
    border-radius: 5px;
    vertical-align:top;
}

.fileUploadContent .fileItem .imgShow{
    width: 140px;
    height: 140px;
    margin: 5px auto;
    text-align: center;
}

.fileUploadContent .fileItem .imgShow i{
    font-size: 120px;
    position: relative;
    top:-30px;
    z-index: 2;
}

.fileUploadContent .fileItem .imgShow img{
    width: 100%;
    height: 100%;
}

.fileUploadContent .fileItem .imgShow .fileType{
    color: #FFFFFF;
    font-size: 20px;;
    position: relative;
    top:81px;
    z-index: 3;
    left: -18px;
}

.fileUploadContent .fileItem .progress{
    height: 10px;
    width: 100%;
}

.fileUploadContent .fileItem .progress>.progress_inner{
    background-color: #0099FF;
    width: 0%;
    height: 10px;
    border-radius: 10px;
}

.fileUploadContent .fileItem .progress .error{
    background-color: red;
}

.fileUploadContent .fileItem .status{
    font-size: 15px;
    text-align: center;
}

.fileUploadContent .fileItem .status i{
    display: block;
    float: left;
    padding: 2px 5px;
    color: red;
    margin-left: 3px;
    border-radius: 5px;;
    font-size: 15px;
    cursor: pointer;
}

.fileUploadContent .fileItem .fileName{
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    overflow: hidden;
    clear: both;
    padding: 2px 2px;
}

.fileUploadContent .uploadBts {
    text-align: left;
    height: 40px
}

.fileUploadContent .uploadBts>div{
    float: left;
    margin-right: 15px;
}

.fileUploadContent .uploadBts>div .selectFileBt{
    border: none;
    background-color: #0099FF;
    color: #FFFFFF;
    padding: 10px;
    font-size: 15px;
    border-radius: 5px;
    cursor: pointer;
}

.fileUploadContent .uploadBts>div .selectFileBt:hover{
    color: #DDDDDD;
}

.fileUploadContent .uploadBts>div i{
    font-size: 35px;
    color: #0099FF;
    cursor: pointer;

}

.fileUploadContent .subberProgress{
    padding: 5px;
    display: none;
}

.fileUploadContent .subberProgress .progress{
    border:solid thin #0099FF;
    height: 20px;
    width: 100%;
    border-radius: 20px;
    overflow: hidden;
}

.fileUploadContent .subberProgress .progress>div{
    background-color: #0099FF;
    width: 0%;
    height: 20px;
    border-bottom-left-radius: 20px;
    border-top-left-radius: 20px;
    text-align: center;
    color: #FFFFFF;
    transition: width 0.5s;
    -moz-transition: width 0.5s;	/* Firefox 4 */
    -webkit-transition: width 0.5s;	/* Safari 和 Chrome */
    -o-transition: width 0.5s;	/* Opera */
    transition-timing-function: linear;
    -moz-transition-timing-function: linear;
    -webkit-transition-timing-function: linear;
    -o-transition-timing-function: linear;
}
/***图片上传样式end***/

/***系统icon样式start***/

.item{
	padding-top: 10px;
	height: 140px;
}

.icon-item{
	text-align: center;
}

.icon-item>i{
    height: 60px;
    width: 60px;
    font-size: 50px;
}

.icon-class{
	height: 30px;
}

.icon-item>span{
}

.icon-item>div{
	text-align: center;
	margin-top: 10px;
}

/***系统icon样式end***/

/***系统桌面背景图片样式start***/

.pic-item{
    border: 1px solid #ddd;
    width: 150px;
    padding: 8px 5px;
    margin-right: 10px;
    margin-bottom: 10px;
    margin-top: 5px;
    cursor: pointer;
    border-radius: 3px;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
    transition: all 0.2s;
}

.pic-item:HOVER{
	border: 1px solid #63acff;
}

.pic-item-div-top{
	text-align: center;
    width: 135px;
    height: 77px;
    margin: 2px 2px;
    text-align: center;
    overflow: hidden;
}

.win-bg-pic{
    max-width: 100%;
    height: 100%;
}

.pic-item-div>div{
	text-align: center;
}

/***系统桌面背景图片样式end***/


/***common start***/
.noMation{
	text-align: center;
}

.red{
    color: #fb5553;
    font-size: 16px;
    font-family: fangsong;
}

.yl{
	margin-top: 8px;
    margin-left: 8px;
}
/***common end***/

/***showmode start***/

.pagination{
	width: 100%;
}

.ali{
	float: left;
    width: 35px;
    height: 35px;
}

.ali>.geraltTb_{
	padding: 0px !important;
	height: 30px;
    width: 30px;
    line-height: 30px;
    font-weight: 300;
}

.ali>.pageBtn{
	padding: 0px !important;
	height: 30px;
    width: 30px;
    line-height: 30px;
    font-weight: 300;
    font-size: 12px;
    color: grey;
}

.ali>.geraltTb_pager{
	padding: 0px !important;
	height: 30px;
    width: 30px;
    line-height: 30px;
    font-weight: 300;
}

.ali>.page_btn{
	padding: 0px !important;
	height: 30px;
    width: 30px;
    line-height: 30px;
    font-weight: 300;
    color: black;
}

.ali>.page_btn_dis{
	padding: 0px !important;
	height: 30px;
    width: 30px;
    line-height: 30px;
    font-weight: 300;
    color: #d2d2d2;
}

.pageBtn{
	width: 300px !important;
}

#skippage{
    height: 26px !important;
    line-height: 26px !important;
    border: 1px solid gainsboro;
    padding-left: 10px;
    padding-right: 10px;
    color: black;
    font-weight: 100;
}

#showFormshowFoot{
	margin-top: 20px;
}

.pagec>ul{
	text-align: center;
	margin-top: 20px;
}

/***showmode end***/

/*** 上传 start ***/
.upload,.upload li {
	margin: 0;
	padding: 0;
	list-style-type: none
}

.upload {
	border: 1px solid #d7d7d7;
	padding: 2px 2px 2px 2px;
	zoom: 1;
	position: relative;
	width: calc(100% - 6px);
	background-color: #fff;
    margin-bottom: 5px;
}

.upload:after {
	display: block;
	clear: both;
	content: "";
	visibility: hidden;
	height: 0
}

.upload .item {
    width: 60px;
    height: 50px;
	float: left;
	margin: 0 5px 0px 0;
	background: #f8f8f8;
	position: relative;
	border-radius: 4px;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	border: 1px solid #d7d7d7;
	overflow: hidden
}

.upload .item .filename {
	font-size: 12px;
	width: 90%;
	left: 5%;
	position: absolute;
	top: 70%;
	line-height: 1.3em;
	height: 2.6em;
	overflow: hidden;
	text-align: center
}

.upload .item.error {
	border-color: #f20
}

.upload .item.error::after {
	content: "";
	background: rgba(255,255,255,.8);
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 9;
	display: block;
	line-height: 100%;
	text-align: center
}

.upload .item.error::before {
	content: attr(data-error);
	position: absolute;
	padding: 10px;
	z-index: 10;
	display: block;
	font-size: 12px;
	color: #f20;
	top: 0
}

.upload .item svg.icon {
	position: absolute;
	height: 40%;
	top: 20%;
	left: 0;
	width: 100%
}

.upload .item svg.progress {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 50%
}

.upload .item .progressnum {
	width: 40px;
	height: 40px;
	border-radius: 40px;
	text-align: center;
	line-height: 40px;
	font-size: 12px;
	color: #fff;
	position: absolute;
	left: 50%;
	margin-left: -20px;
	top: 50%;
	margin-top: -20px;
	background: rgba(17,89,164,.5)
}

.upload .item.add svg {
	top: 30%
}

.upload .item.success::after {
	position: absolute;
	background: rgba(0,0,0,.6);
	content: "";
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	opacity: 0;
	transition: all .3s
}

.upload .item.success:hover::after {
	opacity: 1
}

.upload .item.success svg.delete,.upload .item.success svg.look {
	position: absolute;
	height: 30px;
	top: 50%;
	margin-top: -15px;
	left: 50%;
	color: #fff;
	z-index: 10;
	transition: all .3s;
	cursor: pointer
}

.upload .item.success svg.delete {
	margin-left: -35px;
	height: 26px;
	margin-top: -14px;
	left: -30px
}

.upload .item.success svg.look {
	margin-left: 10px;
	left: 105%
}

.upload .item.success:hover svg.delete {
	margin-left: -35px;
	left: 50%;
	height: 26px;
	margin-top: -14px;
	transition: all .3s
}

.upload .item.success:hover svg.look {
	margin-left: 10px;
	left: 50%;
	transition: all .3s
}

.upload .item.delete {
	opacity: .2;
	transition: all .3s
}

.upload input[type=file] {
	display: none
}

.upload.multiple.empty {
    height: 60px;
	width: calc(100% - 6px);
}

.upload.multiple li{
	height: 60px !important;
}

.upload.multiple.empty .add {
	width: 100%;
	position: absolute;
	top: 50%;
	margin-top: -30px;
	height: 36px;
	background: 0;
	border: 0;
	left: 0;
	overflow: inherit
}

.upload.multiple.empty .add::after {
	content: "选择";
	width: 20%;
    top: 10px;
	position: absolute;
	height: 36px;
	background: #0e90d2;
	left: 40%;
	/*margin-left: -90px;*/
	display: block;
	z-index: 9;
	visibility: visible;
	text-align: center;
	color: #fff;
	line-height: 36px;
	font-size: 14px;
	border: 0;
	border-radius: 0
}

.upload.multiple.empty .add:hover::after {
	background-color: #0a70c2
}

.upload.multiple.empty .add svg {
	display: none
}

.upload.one {
    width: 70px;
    height: 70px;
	padding: 0
}

.upload.one li {
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0
}

.upload.one li.add svg {
	opacity: 0;
	transition: all .3s;
	margin-top: -30px
}

.upload.one li.add:hover svg {
	opacity: 1;
	transition: all .3s
}

.upload.one.empty li.add svg {
	opacity: 1;
	transition: all .3s
}

.upload.one .item {
	border: 0;
	border-radius: 0
}

.upload.one .add {
	position: absolute;
	top: 10%;
    width: 100%;
	right: 0;
	left: 0;
	background: 0
}

.upload.one .item.success svg.delete,.upload.one .item.success svg.look {
	top: 0;
	margin-top: 5px
}

.upload.one .item.success svg.look {
	margin-top: 3px
}

.upload.dragenter {
	border: 2px dashed #d7d7d7;
	box-shadow: 0 1px 5px rgba(0,0,0,.7);
	display: table
}

.upload.dragenter::after {
	content: "";
	background: rgba(255,255,255,.9);
	z-index: 998;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	vertical-align: middle;
	display: table-cell;
	visibility: visible
}

.upload.dragenter::before {
	content: "将文件拖到这里上传";
	position: absolute;
	width: 100%;
	top: 50%;
	z-index: 999;
	width: 100%;
	text-align: center;
	margin-top: -12px;
	color: #999
}

.upload.one li.add svg{
	margin-top: unset;
}

/*** 上传 end ***/

.cursor{
	cursor: pointer;
}

.icon-drawer {
    width: 35px;
    height: 35px;
    margin: 0px auto;
    overflow: hidden;
    padding: 0px 4px 6px 4px;
    position: relative;
    background-color: rgba(255, 255, 255, 0.19);
    border-radius: 5px;
}

.icon-drawer-icon{
	width: 16px;
    height: 16px;
    float: left;
    margin-top: 3px;
    margin-left: 1px;
    line-height: 17px;
    border-radius: 3px;
}

.icon-drawer-icon img{
	width: 100%;
	max-height: 100%;
}

.title-icon{
	width: 16px;
    height: 16px;
    float: left;
    margin-top: 7px;
    line-height: 16px;
}

.win-title-class{
	margin-left: 5px;
}

.icon-child{
	display: none;
}

/*** 颜色选择器开始 ***/
.layui-colorpicker {
	width: 19px;
	height: 19px;
	border: 1px solid #e6e6e6;
	padding: 4px;
	border-radius: 2px;
	line-height: 24px;
	display: inline-block;
	cursor: pointer;
	transition: all .3s;
	-webkit-transition: all .3s
}

.layui-colorpicker:hover {
	border-color: #d2d2d2
}

.layui-colorpicker.layui-colorpicker-lg {
	width: 34px;
	height: 34px;
	line-height: 32px
}

.layui-colorpicker.layui-colorpicker-sm {
	width: 24px;
	height: 24px;
	line-height: 22px
}

.layui-colorpicker.layui-colorpicker-xs {
	width: 22px;
	height: 22px;
	line-height: 20px
}

.layui-colorpicker-trigger-bgcolor {
	display: block;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
	border-radius: 2px
}

.layui-colorpicker-trigger-span {
	display: block;
	height: 100%;
	box-sizing: border-box;
	border: 1px solid rgba(0, 0, 0, .15);
	border-radius: 2px;
	text-align: center
}

.layui-colorpicker-trigger-i {
	display: inline-block;
	color: #FFF;
	font-size: 12px
}

.layui-colorpicker-trigger-i.layui-icon-close {
	color: #999
}

.layui-colorpicker-main {
	position: absolute;
	z-index: 66666666;
	width: 280px;
	padding: 7px;
	background: #FFF;
	border: 1px solid #d2d2d2;
	border-radius: 2px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, .12)
}

.layui-colorpicker-main-wrapper {
	height: 180px;
	position: relative
}

.layui-colorpicker-basis {
	width: 260px;
	height: 100%;
	position: relative
}

.layui-colorpicker-basis-white {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: linear-gradient(90deg, #FFF, hsla(0, 0%, 100%, 0))
}

.layui-colorpicker-basis-black {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: linear-gradient(0deg, #000, transparent)
}

.layui-colorpicker-basis-cursor {
	width: 10px;
	height: 10px;
	border: 1px solid #FFF;
	border-radius: 50%;
	position: absolute;
	top: -3px;
	right: -3px;
	cursor: pointer
}

.layui-colorpicker-side {
	position: absolute;
	top: 0;
	right: 0;
	width: 12px;
	height: 100%;
	background: linear-gradient(red, #FF0, #0F0, #0FF, #00F, #F0F, red)
}

.layui-colorpicker-side-slider {
	width: 100%;
	height: 5px;
	box-shadow: 0 0 1px #888;
	box-sizing: border-box;
	background: #FFF;
	border-radius: 1px;
	border: 1px solid #f0f0f0;
	cursor: pointer;
	position: absolute;
	left: 0
}

.layui-colorpicker-main-alpha {
	display: none;
	height: 12px;
	margin-top: 7px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)
}

.layui-colorpicker-alpha-bgcolor {
	height: 100%;
	position: relative
}

.layui-colorpicker-alpha-slider {
	width: 5px;
	height: 100%;
	box-shadow: 0 0 1px #888;
	box-sizing: border-box;
	background: #FFF;
	border-radius: 1px;
	border: 1px solid #f0f0f0;
	cursor: pointer;
	position: absolute;
	top: 0
}

.layui-colorpicker-main-pre {
	padding-top: 7px;
	font-size: 0
}

.layui-colorpicker-pre {
	width: 20px;
	height: 20px;
	border-radius: 2px;
	display: inline-block;
	margin-left: 6px;
	margin-bottom: 7px;
	cursor: pointer
}

.layui-colorpicker-pre:nth-child(11n+1) {
	margin-left: 0
}

.layui-colorpicker-pre-isalpha {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)
}

.layui-colorpicker-pre.layui-this {
	box-shadow: 0 0 3px 2px rgba(0, 0, 0, .15)
}

.layui-colorpicker-pre>div {
	height: 100%;
	border-radius: 2px
}

.layui-colorpicker-main-input {
	text-align: right;
	padding-top: 7px
}

.layui-colorpicker-main-input .layui-btn-container .layui-btn {
	margin: 0 0 0 10px
}

.layui-colorpicker-main-input div.layui-inline {
	float: left;
	margin-right: 10px;
	font-size: 14px
}

.layui-colorpicker-main-input input.layui-input {
	width: 150px;
	height: 30px;
	color: #666
}
/*** 颜色选择器结束 ***/

/*** 滑块开始 ***/
.layui-slider {
	height: 4px;
	background: #e2e2e2;
	border-radius: 3px;
	position: relative;
	cursor: pointer
}

.layui-slider-bar {
	border-radius: 3px;
	position: absolute;
	height: 100%
}

.layui-slider-step {
	position: absolute;
	top: 0;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: #FFF;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}

.layui-slider-wrap {
	width: 36px;
	height: 36px;
	position: absolute;
	top: -16px;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 10;
	text-align: center
}

.layui-slider-wrap-btn {
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: #FFF;
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	transition: .3s
}

.layui-slider-wrap:after {
	content: "";
	height: 100%;
	display: inline-block;
	vertical-align: middle
}

.layui-slider-wrap-btn .layui-slider-hover,
.layui-slider-wrap-btn:hover {
	transform: scale(1.2)
}

.layui-slider-wrap-btn .layui-disabled:hover {
	transform: scale(1)!important
}

.layui-slider-tips {
	position: absolute;
	top: -42px;
	z-index: 66666666;
	white-space: nowrap;
	display: none;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	color: #FFF;
	background: #000;
	border-radius: 3px;
	height: 25px;
	line-height: 25px;
	padding: 0 10px
}

.layui-slider-tips:after {
	content: '';
	position: absolute;
	bottom: -12px;
	left: 50%;
	margin-left: -6px;
	width: 0;
	height: 0;
	border-width: 6px;
	border-style: solid;
	border-color: #000 transparent transparent
}

.layui-slider-input {
	width: 70px;
	height: 32px;
	border: 1px solid #e6e6e6;
	border-radius: 3px;
	font-size: 16px;
	line-height: 32px;
	position: absolute;
	right: 0;
	top: -15px
}

.layui-slider-input-btn {
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	width: 20px;
	height: 100%;
	border-left: 1px solid #d2d2d2
}

.layui-slider-input-btn i {
	cursor: pointer;
	position: absolute;
	right: 0;
	bottom: 0;
	width: 20px;
	height: 50%;
	font-size: 12px;
	line-height: 16px;
	text-align: center;
	color: #999
}

.layui-slider-input-btn i:first-child {
	top: 0;
	border-bottom: 1px solid #d2d2d2
}

.layui-slider-input-txt {
	height: 100%;
	font-size: 14px
}

.layui-slider-input-txt input {
	height: 100%;
	border: none
}

.layui-slider-input-btn i:hover {
	color: #009688
}

.layui-slider-vertical {
	width: 4px;
	margin-left: 34px
}

.layui-slider-vertical .layui-slider-bar {
	width: 4px
}

.layui-slider-vertical .layui-slider-step {
	top: auto;
	left: 0;
	-webkit-transform: translateY(50%);
	transform: translateY(50%)
}

.layui-slider-vertical .layui-slider-wrap {
	top: auto;
	left: -16px;
	-webkit-transform: translateY(50%);
	transform: translateY(50%)
}

.layui-slider-vertical .layui-slider-tips {
	top: auto;
	left: 2px
}

@media \0screen {
	.layui-slider-wrap-btn {
		margin-left: -20px
	}
	.layui-slider-vertical .layui-slider-wrap-btn {
		margin-left: 0;
		margin-bottom: -20px
	}
	.layui-slider-vertical .layui-slider-tips {
		margin-left: -8px
	}
	.layui-slider>span {
		margin-left: 8px
	}
}

.layui-auxiliar-moving {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: 0 0;
	z-index: 9999999999
}
/*** 滑块结束 ***/

.layui-form-item{
	clear: none;
}

/*** 小程序页面管理start ***/
.smpro{
    height: calc(100vh - 45px);
}

.hei-100-per{
	height: 100%;
	margin-top: 0px;
    margin-bottom: 0px;
}

.left-menu{
	border-right: 2px solid gainsboro;
    height: 100%;
}

.center-content{
	height: 100%;
}

.right-menu{
	border-left: 2px solid gainsboro;
	height: 100%;
}

.blue{
	color: blue;
    margin-left: 10px;
}

.tab__item{
    background-color: rgb(248,248,248);
    height: calc(100vh - 105px);
}

.page__bd li{
	background-color: white;
    margin-top: 10px;
}

.page__bd li.js_show .weui-flex {
	opacity:.4
}

.page__bd li.js_show .page__category {
	height:auto
}

.page__bd li.js_show .page__category-content {
	opacity:1;
	-webkit-transform:translateY(0);
	transform:translateY(0);
    padding-left: 20px;
}

.page__category-content>a{
    font-size: 15px !important;
    padding-bottom: 5px;
}

.page__category-content>a>.weui-cell__bd{
	height: 30px;
}

.page__bd li:first-child {
	margin-top:0
}

.page__category {
	height:0;
	overflow:hidden
}

.page__category-content {
	opacity:0;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	-webkit-transition:.3s;
	transition:.3s
}

.weui-flex {
	padding: 10px 10px;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center;
	-webkit-transition:.3s;
	transition:.3s
}

.weui-cells {
	margin-top:0
}

.weui-cells:after,.page.home .weui-cells:before {
	display:none
}

 .weui-cell {
	padding-left:20px;
	padding-right:20px
}

.weui-cell:before {
	left:20px;
	right:20px
}

#groupTitle{
	float: right;
}

#memberList>div{
	padding: 10px;
}

.member-list>div>.layui-card{
	background-color: white;
	width: 100%;
    height: 110px;
    overflow: hidden;
}

.layui-col-space10>* {
    padding: 5px;
}

.member-list-div{
	height: calc(100vh - 140px);
}

.sec-clsss{
    background-color: rgba(0,0,0,0.3) !important;
    border: 1px solid rgba(255, 255, 255, 0.54);
}

.sec-clsss .layui-layer-title{
	background-color: rgba(0, 0, 0, 0);
	margin-left: 10px;
    margin-right: 10px;
    color: #fff;
    padding-left: 0px;
}

.sec-clsss .layui-layer-setwin a{
	background-color: white;
    border-radius: 10px;
    padding-right: -8px;
    background-position-x: 2px;
    background-position-y: -39px;
}

.sec-clsss .layui-layer-content{
	padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.sec-clsss-btn{
    float: left !important;
    position: relative !important;
}

.right{
	text-align: right;
}

.ver-center{
    align-items: Center;
    padding-top: 8px;
    min-height: 32px;
    font-family: initial;
}

.padding-l-r-10{
	padding-left: 10px;
	padding-right: 10px;
}

/* 样式1 */
.iphone {
    box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.2), 0 0 0 1px #999, 0 0 30px 0px rgba(0, 0, 0, 0.7);
    border: 5px solid #d9dbdc;
    background: #f8f8f8;
    padding: 15px;
    border-radius: 50px;
    width: 50%;
    margin: 0 auto;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    min-width: 400px;
    height: 100vh;
    margin-top: -45px;
}
.iphone-top {
    padding: 5px 80px 20px;
    position: relative;
}
.iphone-top .speaker {
    display: block;
    width: 70px;
    height: 6px;
    margin: 0 auto;
    border-radius: 6px;
    background: #292728;
}
.iphone-top .camera {
    display: block;
    margin: 0 auto;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    margin-bottom: 13px;
    background: #333;
}
.iphone-top .sensor {
    display: block;
    width: 15px;
    height: 15px;
    float: left;
    background: #333;
    margin-top: -5px;
    border-radius: 50%;
}
.iphone .top-bar, .iphone .bottom-bar {
    display: block;
    width: 100%;
    height: 15px;
    border-left: 5px solid #BBB;
    border-right: 5px solid #BBB;
    position: absolute;
    left: -5px;
}
.iphone .top-bar {
    top: 65px;
}
.iphone .bottom-bar {
    bottom: 65px;
}

.iphone-screen {
    background: white;
    border: 1px solid #fff;
    overflow: auto;
    height: calc(95vh - 25px);
    width: 100%;
    margin: 0 auto;
    border: 2px solid gainsboro;
    border-radius: 20px;
}

.iphone-screen .check-item:HOVER{
	border: 1px #357ebd dashed;
    width: calc(100% - 2px);
}

.check-item-shoose{
	border: 1px #d9534f dashed;
    width: calc(100% - 2px) !important;
}

.check-item-shoose .weui-flex__item{
	margin-left: -1px !important;
}

.check-item-shoose .file-content{
	margin-left: 9px !important;
}

.check-item-operation{
    text-align: right;
    width: 100%;
    position: absolute;
    z-index: 999999;
}

.check-item-operation button{
    width: 25px;
    height: 25px;
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
    margin-left: 2px;
}

.iphone-screen img {
    width: 100%;
}

.iphone .buttons .on-off, .iphone .buttons .up, .iphone .buttons .down, .iphone .buttons .sleep {
    display: block;
    background: #CCC;
    position: absolute;
    border-radius: 2px 0px 0px 2px;
}
.iphone .buttons .on-off {
    height: 40px;
    width: 3px;
    top: 100px;
    left: -8px;
}
.iphone .buttons .up, .iphone .buttons .down, .iphone .buttons .sleep {
    height: 60px;
    width: 5px;
    left: -10px;
}
.iphone .buttons .up {
    top: 170px;
}
.iphone .buttons .down {
    top: 250px;
}
.iphone .buttons .sleep {
    left: auto;
    right: -10px;
    top: 170px;
    border-radius: 0px 2px 2px 0px;
}

.gu-mirror {
  position: fixed !important;
  margin: 0 !important;
  z-index: 9999 !important;
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
}

.gu-hide {
  display: none !important;
}

.gu-unselectable {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
}

.gu-transit {
  opacity: 0.2;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  filter: alpha(opacity=20);
}

.tab-btn-mar-left-3{
	margin-left: 3px !important;
}

.page-li{
    width: 100%;
    height: 80px;
    line-height: 25px;
    background-color: ghostwhite;
    margin-top: 10px;
   	background: rgba(0.5,0.3,0.2,0.1) none repeat scroll !important;
}

.file-content{
	font-size: 10px;
    color: darkgoldenrod;
    font-family: monospace;
    margin-left: 10px;
}

.file-content-page-path{
	font-size: 10px;
    color: darkgoldenrod;
    font-family: monospace;
    margin-left: 10px;
}

.page-li:HOVER{
	cursor: pointer;
	border: 1px #357ebd dashed;
	height: 78px !important;
    width: calc(100% - 2px) !important;
}

.page-li:HOVER .weui-flex__item{
	margin-left: -1px !important;
}

.page-li:HOVER .file-content{
	margin-left: 9px !important;
}

.code-model-li{
    width: 100%;
    height: 75px;
    line-height: 25px;
    background-color: ghostwhite;
    margin-top: 10px;
}

.padd-le-ri{
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 5px;
}

/*** 小程序页面管理end ***/

/*** 带滚动条的表格end ***/
.custom-table>tbody{
	display:block;
    height:400px;
    overflow-y:scroll;
    overflow-x: hidden; 
}

.custom-table>thead>tr{
	display:table;
    width:100%;
    table-layout:fixed;
}

.custom-table>tbody>tr{
	display:table;
    width:100%;
    table-layout:fixed;
}

.custom-table>thead{
	width: calc(100% - 0.5em);
}
/*** 带滚动条的表格end ***/

/*** 代码生成器样式start ***/
.cm-s-eclipse{height: 100% !important;}
.cm-s-eclipse span.cm-meta { color: #FF1717; }
.cm-s-eclipse span.cm-keyword { line-height: 1em; font-weight: bold; color: #7F0055; }
.cm-s-eclipse span.cm-atom { color: #219; }
.cm-s-eclipse span.cm-number { color: #164; }
.cm-s-eclipse span.cm-def { color: #00f; }
.cm-s-eclipse span.cm-variable { color: black; }
.cm-s-eclipse span.cm-variable-2 { color: #0000C0; }
.cm-s-eclipse span.cm-variable-3, .cm-s-eclipse span.cm-type { color: #0000C0; }
.cm-s-eclipse span.cm-property { color: black; }
.cm-s-eclipse span.cm-operator { color: black; }
.cm-s-eclipse span.cm-comment { color: #3F7F5F; }
.cm-s-eclipse span.cm-string { color: #2A00FF; }
.cm-s-eclipse span.cm-string-2 { color: #f50; }
.cm-s-eclipse span.cm-qualifier { color: #555; }
.cm-s-eclipse span.cm-builtin { color: #30a; }
.cm-s-eclipse span.cm-bracket { color: #cc7; }
.cm-s-eclipse span.cm-tag { color: #170; }
.cm-s-eclipse span.cm-attribute { color: #00c; }
.cm-s-eclipse span.cm-link { color: #219; }
.cm-s-eclipse span.cm-error { color: #f00; }
.cm-s-eclipse .CodeMirror-activeline-background { background: #e8f2ff; }
.cm-s-eclipse .CodeMirror-matchingbracket { outline:1px solid grey; color:black !important; }

.cm-s-icecoder { color: #666; background: #1d1d1b; }
.cm-s-icecoder span.cm-keyword { color: #eee; font-weight:bold; }  /* off-white 1 */
.cm-s-icecoder span.cm-atom { color: #e1c76e; }                    /* yellow */
.cm-s-icecoder span.cm-number { color: #6cb5d9; }                  /* blue */
.cm-s-icecoder span.cm-def { color: #b9ca4a; }                     /* green */
.cm-s-icecoder span.cm-variable { color: #6cb5d9; }                /* blue */
.cm-s-icecoder span.cm-variable-2 { color: #cc1e5c; }              /* pink */
.cm-s-icecoder span.cm-variable-3, .cm-s-icecoder span.cm-type { color: #f9602c; } /* orange */
.cm-s-icecoder span.cm-property { color: #eee; }                   /* off-white 1 */
.cm-s-icecoder span.cm-operator { color: #9179bb; }                /* purple */
.cm-s-icecoder span.cm-comment { color: #97a3aa; }                 /* grey-blue */
.cm-s-icecoder span.cm-string { color: #b9ca4a; }                  /* green */
.cm-s-icecoder span.cm-string-2 { color: #6cb5d9; }                /* blue */
.cm-s-icecoder span.cm-meta { color: #555; }                       /* grey */
.cm-s-icecoder span.cm-qualifier { color: #555; }                  /* grey */
.cm-s-icecoder span.cm-builtin { color: #214e7b; }                 /* bright blue */
.cm-s-icecoder span.cm-bracket { color: #cc7; }                    /* grey-yellow */
.cm-s-icecoder span.cm-tag { color: #e8e8e8; }                     /* off-white 2 */
.cm-s-icecoder span.cm-attribute { color: #099; }                  /* teal */
.cm-s-icecoder span.cm-header { color: #6a0d6a; }                  /* purple-pink */
.cm-s-icecoder span.cm-quote { color: #186718; }                   /* dark green */
.cm-s-icecoder span.cm-hr { color: #888; }                         /* mid-grey */
.cm-s-icecoder span.cm-link { color: #e1c76e; }                    /* yellow */
.cm-s-icecoder span.cm-error { color: #d00; }                      /* red */
.cm-s-icecoder .CodeMirror-cursor { border-left: 1px solid white; }
.cm-s-icecoder div.CodeMirror-selected { color: #fff; background: #037; }
.cm-s-icecoder .CodeMirror-gutters { background: #1d1d1b; min-width: 41px; border-right: 0; }
.cm-s-icecoder .CodeMirror-linenumber { color: #555; cursor: default; }
.cm-s-icecoder .CodeMirror-matchingbracket { color: #fff !important; background: #555 !important; }
.cm-s-icecoder .CodeMirror-activeline-background { background: #000; }

/*** 代码生成器样式end ***/

/*** 个人中心样式start ***/
/** layuiAdmin.std-v1.2.1 LPPL License By http://www.layui.com/admin/ */
.layadmin-panel-selection {
	width: 768px;
	margin: 30px auto
}

.layadmin-panel-selection .layui-panel-window {
	padding: 30px 50px;
	border-top-color: #ddd;
	text-align: center
}

.layadmin-panel-selection .layui-panel-window h2 {
	padding-bottom: 15px;
	font-size: 18px
}

.layadmin-panel-selection .layui-panel-window ul {
	margin-top: 15px;
	text-align: left
}

.layadmin-homepage-panel .text-center,.layadmin-maillist-fluid .layadmin-text-center {
	text-align: center
}

.layadmin-panel-selection .layui-btn-container {
	margin-top: 30px
}

.layadmin-panel-selection .layui-btn-container .layui-btn {
	width: 100%
}

.layadmin-maillist-fluid .layadmin-contact-box {
	padding: 20px;
	background-color: #fff;
	border: 1px solid #e7eaec;
	overflow: hidden
}

.layadmin-maillist-fluid .layadmin-text-center img {
	max-width: 80%;
	border-radius: 50%;
	margin-top: 5px
}

.layadmin-maillist-fluid .layadmin-font-blod {
	font-weight: 600
}

.layadmin-maillist-fluid .layadmin-maillist-img {
	margin-top: 5px
}

.layadmin-maillist-fluid .layadmin-title {
	margin: 5px 0 10px
}

.layadmin-maillist-fluid .layadmin-textimg {
	line-height: 25px;
	margin-bottom: 10px
}

.layadmin-maillist-fluid .layadmin-address {
	line-height: 1.5;
	margin-bottom: 20px
}

.layadmin-maillist-fluid .layadmin-padding-left20 {
	padding-left: 20px
}

.layadmin-homepage-shadow {
	box-shadow: 0 1px 1px rgba(0,0,0,.05);
	background-color: #fff;
	border-radius: 0;
	border: 1px solid #e7ecf3
}

.layadmin-homepage-panel {
	margin-bottom: 15px
}

.layadmin-homepage-information {
	padding: 15px;
	border-bottom: 1px solid #e9e9e9
}

.layadmin-homepage-pad-ver {
	padding-top: 15px;
	padding-bottom: 15px
}

.layadmin-homepage-pad-img {
	box-shadow: 0 0 0 4px rgba(0,0,0,.1);
	border-radius: 50%
}

.layadmin-homepage-font {
	font-weight: 600;
	color: #2b425b;
	font-size: 1.2em
}

.layadmin-homepage-min-font {
	margin: 5px 0 10px;
	font-size: .9em;
	color: #afb9c3
}

.layadmin-homepage-pad-ver i {
	line-height: 1.1em;
	font-size: 1.3em;
	vertical-align: middle;
	cursor: pointer;
	background-color: transparent;
	color: inherit;
	padding: 6px 12px
}

.layadmin-homepage-pad-ver a:hover {
	background: #5FB878;
	color: #fff
}

.layadmin-homepage-about {
	padding: 15px;
	font-weight: 600;
	color: #2b425b
}

.layadmin-homepage-list-group {
	font-size: .9em;
	line-height: 1.25;
	margin-bottom: 5px
}

.layadmin-homepage-list-group li {
	padding: 5px 15px;
	border: 1px solid transparent;
	margin-bottom: -1px;
	border-width: 1px 0;
	border-radius: 0;
	background-color: transparent;
	color: inherit
}

.layadmin-homepage-list-group li i {
	font-size: 1.333em;
	line-height: 1.095em;
	vertical-align: middle;
	margin-right: 4px
}

.layadmin-homepage-list-group li a.color {
	color: #337ab7
}

.layadmin-homepage-pad-hor {
	padding-left: 15px;
	padding-right: 15px;
	border-bottom: 15px;
	color: #758697;
	text-indent: 20px
}

.layadmin-homepage-list-inline {
	margin-left: 15px;
	margin-right: 15px;
	padding-bottom: 20px
}

.layadmin-homepage-list-inline a {
	display: inline-block
}

.layadmin-homepage-list-inline .layui-btn {
	font-size: .9em;
	line-height: 1.42857;
	vertical-align: middle;
	height: auto;
	padding: 4px 7px;
	margin: 0 10px 10px 0
}

.layadmin-homepage-text-center {
	text-align: center;
	margin-bottom: 15px
}

.layadmin-homepage-padding15 {
	padding: 15px;
	margin-bottom: 15px
}

.layadmin-homepage-padding8 {
	padding: 0 8px
}

.layadmin-homepage-paddingmb {
	margin: 0 -7.5px
}

.layadmin-homepage-content {
	margin-left: 15px;
	padding: 0
}

.layadmin-homepage-content .new-section-xs {
	margin: 12px 0;
	color: inherit;
	border: 0!important;
	height: 0;
	box-sizing: content-box
}

.layadmin-homepage-content .h4 {
	font-size: 16px;
	font-weight: 600;
	color: #2b425b
}

.layadmin-homepage-content small {
	color: #afb9c3
}

.layadmin-homepage-text-center .layui-icon {
	color: #FFB800;
	padding-right: 5px
}

.layadmin-homepage-padding15 .layui-col-sm5 a {
	font-size: 11px;
	height: auto;
	line-height: 1.5;
	padding: 5px 10px;
	float: right
}

.layadmin-homepage-padding15 .layui-btn-normal {
	margin: 0 15px
}

.layadmin-homepage-list-imgtxt .layui-col-sm10,.layadmin-homepage-list-imgtxt .layui-col-sm2 {
	background: 0 0
}

.layadmin-homepage-list-imgtxt .panel-body {
	padding: 15px 20px 25px;
	overflow: hidden;
	margin-bottom: 15px
}

.layadmin-homepage-list-imgtxt .panel-body .media-left {
	display: block;
	float: left;
	vertical-align: top;
	padding-right: 10px
}

.layadmin-homepage-list-imgtxt .panel-body .media-left img {
	border-radius: 50%
}

.layadmin-homepage-list-imgtxt .media-body {
	width: auto;
	display: block;
	overflow: hidden
}

.layadmin-homepage-list-imgtxt .media-body .pad-btm {
	padding-bottom: 15px
}

.layadmin-homepage-list-imgtxt .media-body .pad-btm p:first-child {
	padding-bottom: 5px
}

.layadmin-homepage-list-imgtxt .media-body .min-font {
	margin-bottom: 10px
}

.layadmin-homepage-list-imgtxt .media-body .min-font .layui-breadcrumb a {
	font-size: 11px
}

.layui-breadcrumb span[lay-separator] {
	margin: 0 5px
}

.layadmin-homepage-list-imgtxt .media-body .pad-btm .fontColor a {
	font-weight: 600;
	color: #337ab7
}

.layadmin-homepage-list-imgtxt .media-body .pad-btm .fontColor span {
	color: #758697;
	font-weight: 600
}

.layadmin-homepage-list-imgtxt .media-body .h-img {
	display: block;
	max-width: 100%;
	height: auto;
	margin-top: 10px
}

.layadmin-homepage-list-imgtxt .img-xs {
	width: 32px;
	height: 32px;
	border-radius: 50%
}

.layadmin-homepage-list-imgtxt .media-body .media {
	margin-top: 15px;
	overflow: hidden
}

.layadmin-homepage-list-imgtxt .media-body .media .media-right {
	float: right;
	padding-top: 10px
}

.layadmin-homepage-list-imgtxt .media-body .media .media-right .list-inline {
	margin-bottom: 10px
}

.layadmin-homepage-list-imgtxt .media-body .media .list-inline li {
	padding: 0 5px;
	display: inline-block
}

.layadmin-homepage-list-imgtxt .media-body .media .media-right .list-inline li span {
	font-weight: 600
}

.layadmin-homepage-list-imgtxt .media-body .media .media-left {
	display: block;
	overflow: hidden;
	width: auto
}

.layadmin-homepage-list-imgtxt .media-body .media .media-left .font-blod {
	font-weight: 700;
	color: #758697
}

.layadmin-homepage-list-imgtxt .media-body .media-list {
	padding-top: 15px;
	margin-top: 15px;
	border-top: 1px solid #e9e9e9
}

.layadmin-homepage-list-imgtxt .media-body .media-list .media-item {
	padding-bottom: 15px;
	margin-top: 15px
}

.layadmin-homepage-list-imgtxt .media-body .media-list .media-item-left {
	display: inline-block;
	padding-right: 10px;
	margin-bottom: 5px
}

.layadmin-homepage-list-imgtxt .media-body .media-list .media-item-left img {
	display: block;
	float: left
}

.layadmin-homepage-list-imgtxt .media-body .media-list .media-text {
	overflow: hidden;
	width: auto;
	display: inline-block
}

.layadmin-homepage-list-imgtxt .media-body .media-list .media-text a {
	margin-right: 10px;
	font-weight: 600;
	display: inline-block
}

.layadmin-homepage-list-imgtxt .media-body .media-list .media-text div:nth-child(2) {
	margin-top: 5px
}

.layadmin-homepage-list-imgtxt .media-body .media-list .layui-btn {
	height: 24px;
	line-height: 24px;
	font-size: 12px;
	padding: 0 20px;
	margin-bottom: 10px
}

.homepage-top .layui-card-body img {
	width: 100%
}

.homepage-top .layui-card-body .margin-top10 {
	margin-top: 10px
}

.homepage-top .layui-card-body .layui-btn {
	width: 100%;
	display: block
}

.homepage-top {
	padding-bottom: 20px
}

.layadmin-privateletterlist-item {
	position: relative;
	display: block;
	padding: 10px 15px
}

.homepage-bottom .layui-card-body {
	padding: 0
}

.homepage-bottom .layui-card-body img {
	width: 32px;
	height: 32px;
	border-radius: 50%;
	margin-top: 10px
}

.homepage-bottom .layui-card-body .meida-left {
	display: table-cell;
	padding-right: 10px
}

.homepage-bottom .layui-card-body .meida-right {
	display: table-cell;
	vertical-align: top
}

.homepage-bottom .layui-card-body a:hover {
	background: #F2F2F2
}

.homepage-bottom .layui-card-body {
	background: #fff
}

.layui-card-header .panel-title .layui-icon {
	position: relative;
	left: 0;
	right: 0
}

.layadmin-cmdlist-fluid {
	padding-bottom: 60px
}

.cmdlist-container {
	background: #fff;
	border: 1px solid transparent
}

.cmdlist-container:hover {
	border: 1px solid #e8e8e8
}

.cmdlist-container img {
	width: 100%
}

.cmdlist-text {
	padding: 20px
}

.cmdlist-text .info {
	height: 40px;
	font-size: 14px;
	line-height: 20px;
	width: 100%;
	overflow: hidden;
	color: #666;
	margin-bottom: 10px
}

.cmdlist-text .price {
	font-size: 14px
}

.cmdlist-text .price b {
	margin-right: 20px
}

.cmdlist-text .price p {
	display: inline-block
}

.cmdlist-text .flow {
	text-align: right;
	float: right
}

#demo0 {
	text-align: center
}

.layadmin-message-fluid .layui-col-md12 {
	background: #fff;
	height: auto;
	padding-bottom: 50px
}

.layadmin-message-fluid .layui-input-block {
	margin-left: 0
}

.layadmin-message-fluid .layui-form {
	padding: 45px 40px 0
}

.layadmin-message-fluid .layui-form-label {
	text-align: left;
	font-size: 18px;
	padding-left: 10px
}

.layadmin-message-fluid .layui-textarea {
	min-height: 100px;
	font-size: 16px
}

.layadmin-message-fluid .layui-input-right {
	float: right
}

.layadmin-messag-icon {
	overflow: hidden;
	float: left;
	margin-top: 4px
}

.layadmin-messag-icon .layui-icon {
	font-size: 24px;
	line-height: 30px;
	margin-right: 15px;
	color: #C4CBCF
}

.message-content {
	padding: 0 40px
}

.message-content .media-body {
	margin-bottom: 60px
}

.message-content .media-body .pad-btm {
	padding-bottom: 0
}

.message-content .media-left {
	float: left;
	margin-right: 10px
}

.message-content .media-left img {
	border-radius: 50%
}

.message-text {
	padding-top: 10px
}

.message-content-btn {
	text-align: center
}

.message-content .layui-btn {
	height: auto;
	line-height: 26px;
	padding: 5px 30px;
	font-size: 16px
}

.layadmin-serach-main .layui-card-header {
	height: auto;
	line-height: 24px;
	padding: 15px
}

.layadmin-serach-list {
	margin-bottom: 10px;
	padding: 10px 0;
	border-bottom: 1px solid #f6f6f6
}

.layadmin-serach-list h3 {
	padding: 10px 0
}

.layadmin-serach-list h3 .layui-badge {
	top: -2px
}

.layadmin-serach-list p {
	color: #666
}

.layadmin-serach-list li {
	margin-bottom: 20px;
	padding-bottom: 20px;
	clear: both
}

.layui-serachlist-cover {
	float: left;
	margin-right: 15px
}

.layui-serachlist-cover img {
	width: 90px;
	height: 90px
}

.layadmin-caller {
	background: #fff;
	padding: 30px
}

.layadmin-caller em {
	font-style: normal
}

.layadmin-caller .caller-fl {
	float: left
}

.layadmin-caller .caller-fr {
	float: right
}

.layadmin-caller .caller-seach {
	position: relative;
	padding-bottom: 40px
}

.layadmin-caller .caller-seach .caller-icon {
	font-size: 18px;
	position: absolute;
	top: 9px
}

.layadmin-caller .caller-seach-icon {
	left: 6px
}

.layadmin-caller .caller-dump-icon {
	right: 6px;
	cursor: pointer
}

.layadmin-caller .caller-pl32 {
	padding: 0 32px
}

.layadmin-caller .caller-tab {
	margin: 0
}

.layadmin-caller .caller-contar {
	padding-bottom: 20px
}

.layadmin-caller .caller-contar .caller-item {
	padding: 25px 0;
	overflow: hidden;
	border-bottom: 1px solid #e0e0e0
}

.layadmin-caller .caller-contar .caller-item .caller-main {
	margin-left: 20px
}

.layadmin-caller .caller-contar .caller-item .caller-main p {
	line-height: 100%;
	padding: 8px 0
}

.layadmin-caller .caller-contar .caller-item .caller-main p:first-child {
	padding-top: 0
}

.layadmin-caller .caller-contar .caller-item .caller-main em {
	margin-left: 5px
}

.layadmin-caller .caller-contar .caller-item .caller-main .caller-adds i {
	padding-right: 5px;
	margin: 0
}

.layadmin-caller .caller-contar .caller-item .caller-main .caller-adds {
	padding-bottom: 12px
}

.layadmin-caller .caller-contar .caller-iconset i {
	margin: 0 5px
}

.layadmin-caller .caller-contar .caller-iconset i:first-child {
	margin-left: 0
}

.layadmin-caller .caller-contar button {
	margin-top: 22px
}

.layadmin-caller .caller-contar .caller-img {
	width: 40px;
	height: 40px;
	border-radius: 100%
}

/*** 个人中心样式end ***/

.layui-this li{
	height: 100px;
    text-align: center;
    background-color: ghostwhite;
    margin-left: 20px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.layui-this li a h3{
	font-size: 21px;
    margin-top: 20px;
}

/*** 流程图样式start ***/
.lct-toolBar{
	position: absolute;
	z-index: 10;
	height: 35px;
	border-bottom: 1px solid gainsboro;
}

.lct-toolBar ul{
	height: 100%;
	width: 100%;
	margin-left: 10px;
}

.lct-toolBar ul li{
	height: 100%;
	line-height: 100%;
	width: 35px;
    float: left;
}

.lct-toolBar ul li button{
	height: 100%;
	line-height: 100%;
	width: 100%;
	border: 0px;
}

.coverModel{
	margin-top: 35px;
}

@font-face {font-family: "iconfont";
  src: url('iconfont.eot?t=1542985580470'); /* IE9*/
  src: url('iconfont.eot?t=1542985580470#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAATAAAsAAAAAByQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAARAAAAFY8k0iFY21hcAAAAYAAAABcAAABlM3eNVNnbHlmAAAB3AAAANgAAADopAxsYGhlYWQAAAK0AAAAMQAAADYUXLTUaGhlYQAAAugAAAAgAAAAJAjgBIFobXR4AAADCAAAABAAAAAQEQH//WxvY2EAAAMYAAAACgAAAAoAigAmbWF4cAAAAyQAAAAfAAAAIAEPADpuYW1lAAADRAAAAUUAAAJtPlT+fXBvc3QAAASMAAAAMwAAAEi3GinzeJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2BkcWCcwMDKwMHUyXSGgYGhH0IzvmYwYuRgYGBiYGVmwAoC0lxTGByeyTwLZm7438AQw9zA0AgUZgTJAQD6YwyTeJztkMENgDAMAy9tQQgxAt0A8WKT/ngxfdYoacIYWLpYdn4GJiAbh1FAHoSh21rxPrN6Xzgtz+ZC0qqtd9A93CT2W9wzyWzm1+b3+lIeewVjW62B9y0gvYUsESZ4nGNgZGD4v5f5MLMzAxsDAyO7OCMQMh+apv7ntQKzqDqzkwaUxQAECLXMQI44ozrzIoU/cxSYnUAkSP7/3//1rCzMDQy6QI4eozofo6gYGzsfo7IakzoQsTEB2exscox2jPaMZkLmcoziYkLiRmbmdoysDIxqkrLKjLJaEjZqzilqug2V6/cbcQlzcYob6YtwSypNyTKNUTLsa7fPUAuWY5SSVGMEalCfZCIhysXI3X2IUZyd/1/ZQTUHYUkDYTFDJZ+JjFH8XD9rj/w7y6mhnXIVADeUMVl4nGNgZGBgAOKQvdpc8fw2Xxm4WRhA4IacRQ6M/v/3fz0rC3MDkMvBwAQSBQANBQo7AAAAeJxjYGRgYG7438AQw8rw/+//P6wsDEARFMACAKC9BmoEAAAABAAAAAQBAAAFAP/9AAAAAAAWACYAdAAAeJxjYGRgYGBh0GMA0QwMTEDMBYQMDP/BfAYADUsBSgB4nGWPTU7DMBCFX/oHpBKqqGCH5AViASj9EatuWFRq911036ZOmyqJI8et1ANwHo7ACTgC3IA78EgnmzaWx9+8eWNPANzgBx6O3y33kT1cMjtyDRe4F65TfxBukF+Em2jjVbhF/U3YxzOmwm10YXmD17hi9oR3YQ8dfAjXcI1P4Tr1L+EG+Vu4iTv8CrfQ8erCPuZeV7iNRy/2x1YvnF6p5UHFockikzm/gple75KFrdLqnGtbxCZTg6BfSVOdaVvdU+zXQ+ciFVmTqgmrOkmMyq3Z6tAFG+fyUa8XiR6EJuVYY/62xgKOcQWFJQ6MMUIYZIjK6Og7VWb0r7FDwl57Vj3N53RbFNT/c4UBAvTPXFO6stJ5Ok+BPV8bUnV0K27LnpQ0kV7NSRKyQl7WtlRC6gE2ZVeOEXpc0Yk/KGdI/wAJWm7IAAAAeJxjYGKAAC4G7ICFkYmRmZGFkZWBLz8vVTcnE0gkFhXll7OAmGyFpRWZiXkMDACdqwnoAA==') format('woff'),
  url('iconfont.ttf?t=1542985580470') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('iconfont.svg?t=1542985580470#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-one-line-arrow:before { content: "\e61c"; }
.icon-line:before { content: "\e653"; }
.icon-quxian:before { content: "\e61d"; }

@font-face {font-family: "iconfont";
  src: url('iconfont.eot?t=1543110763663'); /* IE9*/
  src: url('iconfont.eot?t=1543110763663#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAWAAAsAAAAACCwAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAARAAAAFY8d0gdY21hcAAAAYAAAABeAAABnLN9GtxnbHlmAAAB4AAAAZgAAAHcZqOybmhlYWQAAAN4AAAALAAAADYTXoaeaGhlYQAAA6QAAAAcAAAAJAfeA4VobXR4AAADwAAAAA4AAAAQEAAAAGxvY2EAAAPQAAAACgAAAAoBBAA2bWF4cAAAA9wAAAAfAAAAIAEUAIRuYW1lAAAD/AAAAUUAAAJtPlT+fXBvc3QAAAVEAAAAOgAAAFHQeYYUeJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2BkYWCcwMDKwMHUyXSGgYGhH0IzvmYwYuRgYGBiYGVmwAoC0lxTGByeMT7TZm7438AQw9zA0AAUZgTJAQDgawwPeJztkEEOgDAIBAeppjEe+o96ND7Iky/vNypQDz7CJUNgQzgsMANq7EYCuRFcl7kSvrKGnzhtz1YTNGml1d6/U0jiIsc0+WdZ+LVFP95NPbWBZ9zKIHKtA/QB3voSGgAAeJxtjcFOGlEUhs+9E2BBNNUOoomi3AE1Yc7AECKBuXOHGXHTF2gs+AZdVAlxoSZDG6Nv4HJIkO5JE8vKuGnShDcxbtnBpHdm0ZX/ybn5c8537g8UpJQX+gcUSAEU82t5Ilt5WfiKvwgUb/HM6f3ygX6SWMxmqIjZNADSFYIkkU8goRDOSZqkw3n4RlSiLl8JJTQM/06n02epyWQCyfh+RmewCQgefIavcCkz2f6BrFr9qC5IdSMrS00lU6tEYdGrbmRzpBrtavsHhhwaJIIFreZIRK7Sd7ns/4+SqXgYZRQjMBMlHVHaGbkOKxSY03p8GrlCkxLuqPNl6Njttu0Mfw1bvN3mreFpdzxgxaLmj3+PB1qhoA3GndNA8GPPFsEkcLjncSf4md8WTNOYYIeHmn2iMXsnTNR0IZ3QLdPApn3LLUSzYqDFb+0mGib1K1jq+Rc6ViqoX/i9klFeXplnlrgTVtc0u5a4t3lXcmUsfbs5L2FZmvPr2HxQscG/W019a/3jpt7/YTVQ3cvs6X3X5Q3chX/MzG3WeJxjYGRgYADiaxeKlOP5bb4ycLMwgMANBcVsZJqFgek0kOJgYALxAPzFB894nGNgZGBgbvjfwBDDwgACQJKRARWwAABHCgJteJxjYWBgYEHCAACwABEAAAAAAAAAFgA2AO4AAHicY2BkYGBgYahgYGMAASYg5gJCBob/YD4DABT4AZkAeJxlj01OwzAQhV/6B6QSqqhgh+QFYgEo/RGrblhUavdddN+mTpsqiSPHrdQDcB6OwAk4AtyAO/BIJ5s2lsffvHljTwDc4Acejt8t95E9XDI7cg0XuBeuU38QbpBfhJto41W4Rf1N2MczpsJtdGF5g9e4YvaEd2EPHXwI13CNT+E69S/hBvlbuIk7/Aq30PHqwj7mXle4jUcv9sdWL5xeqeVBxaHJIpM5v4KZXu+Sha3S6pxrW8QmU4OgX0lTnWlb3VPs10PnIhVZk6oJqzpJjMqt2erQBRvn8lGvF4kehCblWGP+tsYCjnEFhSUOjDFCGGSIyujoO1Vm9K+xQ8Jee1Y9zed0WxTU/3OFAQL0z1xTurLSeTpPgT1fG1J1dCtuy56UNJFezUkSskJe1rZUQuoBNmVXjhF6XNGJPyhnSP8ACVpuyAAAAHicY2BigAAuBuyAhZGJkZmRhZGVgTc5IzEvPQ2IKzLz0nkzUvPSczIhHF32ktL8ytLEPAYGABuaDdsAAA==') format('woff'),
  url('iconfont.ttf?t=1543110763663') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('iconfont.svg?t=1543110763663#iconfont') format('svg'); /* iOS 4.1- */
}

.icon-changfangxing:before { content: "\e601"; }
.icon-tuoyuan:before { content: "\e62b"; }

@font-face {font-family: "iconfont";
  src: url('iconfont.eot?t=1543114806922'); /* IE9*/
  src: url('iconfont.eot?t=1543114806922#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAPkAAsAAAAABigAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAARAAAAFY8gUf9Y21hcAAAAYAAAABLAAABcOcztctnbHlmAAABzAAAADAAAAAwwqMQ/2hlYWQAAAH8AAAALQAAADYTXqX+aGhlYQAAAiwAAAAcAAAAJAfeA4NobXR4AAACSAAAAAgAAAAICAAAAGxvY2EAAAJQAAAABgAAAAYAGAAAbWF4cAAAAlgAAAAeAAAAIAEOABRuYW1lAAACeAAAAUUAAAJtPlT+fXBvc3QAAAPAAAAAIQAAADQTJd3aeJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2BkYWCcwMDKwMHUyXSGgYGhH0IzvmYwYuRgYGBiYGVmwAoC0lxTGByecT/jZm7438AQw9zA0AAUZgTJAQDe3Qv5eJxjYGBgZWBgYAZiHSBmYWBgDGFgZAABP6AoI1icmYELLM7CoARWwwISf8b9/z+MBPJZwCQDIxvDKOABkzJQHjisIJiBEQBD0AmVAAACAAAAAAMVApUAAwAHAAAlCQIhFzcnAgD+7AEUART+CuLi4mwBFAEU/uzi4uIAAHicY2BkYGAAYufbC1fE89t8ZeBmYQCBGwqGZsg0CwPTVCDFwcAE4gEA+d0HewAAAHicY2BkYGBu+N/AEMPCAAJAkpEBFTABAEcIAmsEAAAABAAAAAAAAAAAGAAAeJxjYGRgYGBi4ABiBjCLgYELCBkY/oP5DAAJdgEjAAB4nGWPTU7DMBCFX/oHpBKqqGCH5AViASj9EatuWFRq911036ZOmyqJI8et1ANwHo7ACTgC3IA78EgnmzaWx9+8eWNPANzgBx6O3y33kT1cMjtyDRe4F65TfxBukF+Em2jjVbhF/U3YxzOmwm10YXmD17hi9oR3YQ8dfAjXcI1P4Tr1L+EG+Vu4iTv8CrfQ8erCPuZeV7iNRy/2x1YvnF6p5UHFockikzm/gple75KFrdLqnGtbxCZTg6BfSVOdaVvdU+zXQ+ciFVmTqgmrOkmMyq3Z6tAFG+fyUa8XiR6EJuVYY/62xgKOcQWFJQ6MMUIYZIjK6Og7VWb0r7FDwl57Vj3N53RbFNT/c4UBAvTPXFO6stJ5Ok+BPV8bUnV0K27LnpQ0kV7NSRKyQl7WtlRC6gE2ZVeOEXpc0Yk/KGdI/wAJWm7IAAAAeJxjYGKAAC4G7ICJkYmRmYErJzMvvQKIdZ0YGAAhjwPvAAAA') format('woff'),
  url('iconfont.ttf?t=1543114806922') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('iconfont.svg?t=1543114806922#iconfont') format('svg'); /* iOS 4.1- */
}

.icon-lingxing-B:before { content: "\e60b"; }

.s-line{
	width: 5px !important;
    font-size: 20px;
    color: gainsboro;
    padding-top: 6px;
}

@font-face {font-family: "iconfont";
  src: url('iconfont.eot?t=1543114437517'); /* IE9*/
  src: url('iconfont.eot?t=1543114437517#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAARcAAsAAAAABqgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAARAAAAFY9VkjSY21hcAAAAYAAAABLAAABcOgIuEpnbHlmAAABzAAAAKsAAACsKBuqg2hlYWQAAAJ4AAAALAAAADYTXqMIaGhlYQAAAqQAAAAcAAAAJAfeA4NobXR4AAACwAAAAAgAAAAICAAAAGxvY2EAAALIAAAABgAAAAYAVgAAbWF4cAAAAtAAAAAeAAAAIAENAEJuYW1lAAAC8AAAAUUAAAJtPlT+fXBvc3QAAAQ4AAAAJAAAADeqY1hQeJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2BkYWCcwMDKwMHUyXSGgYGhH0IzvmYwYuRgYGBiYGVmwAoC0lxTGByePXj2gLnhfwNDDHMDQwNQmBEkBwAANA2jeJxjYGBgZWBgYAZiHSBmYWBgDGFgZAABP6AoI1icmYELLM7CoARWwwISf/bg/38YCeSzgEkGRjaGUcADJmWgPHBYQTADIwBMyAzpAHicY2BkAALmPUyNDKYMDIzM7OJ8jOxApKSmrscIQcpq7GxAyMcoamxixyRuJiYuxyguJi5mbGRuZm7HaM68x+hzFYuIgIiaILOUqJACr4i2kKKftoayvLSOnKRYvJCejbKujwSHqrSUtJqGsa6CjIA4OyMLo9Z6Jl4jaQUlRlFFaXcNC08RVTVGIT5ZXW/nSgWx9FJ7RsZwT+kIHU0JRTUZPWlTMQYADoQXYQB4nGNgZGBgAGK3hSU74/ltvjJwszCAwA0F/aPINAsDUyOQ4mBgAvEAA9kILnicY2BkYGBu+N/AEMPCAAJAkpEBFTABAEcIAmsEAAAABAAAAAAAAAAAVgAAeJxjYGRgYGBiMGMA0SAWAwMXEDIw/AfzGQAN3QFQAAB4nGWPTU7DMBCFX/oHpBKqqGCH5AViASj9EatuWFRq911036ZOmyqJI8et1ANwHo7ACTgC3IA78EgnmzaWx9+8eWNPANzgBx6O3y33kT1cMjtyDRe4F65TfxBukF+Em2jjVbhF/U3YxzOmwm10YXmD17hi9oR3YQ8dfAjXcI1P4Tr1L+EG+Vu4iTv8CrfQ8erCPuZeV7iNRy/2x1YvnF6p5UHFockikzm/gple75KFrdLqnGtbxCZTg6BfSVOdaVvdU+zXQ+ciFVmTqgmrOkmMyq3Z6tAFG+fyUa8XiR6EJuVYY/62xgKOcQWFJQ6MMUIYZIjK6Og7VWb0r7FDwl57Vj3N53RbFNT/c4UBAvTPXFO6stJ5Ok+BPV8bUnV0K27LnpQ0kV7NSRKyQl7WtlRC6gE2ZVeOEXpc0Yk/KGdI/wAJWm7IAAAAeJxjYGKAAC4G7ICJkYmRmYG3sLQiMzEvC4hL8ksZGAA2DQWz') format('woff'),
  url('iconfont.ttf?t=1543114437517') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('iconfont.svg?t=1543114437517#iconfont') format('svg'); /* iOS 4.1- */
}

.icon-quxianjiantou:before { content: "\e6e0"; }

@font-face {font-family: "iconfont";
  src: url('iconfont.eot?t=1543117035527'); /* IE9*/
  src: url('iconfont.eot?t=1543117035527#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAARsAAsAAAAABsAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAARAAAAFY8q0llY21hcAAAAYAAAABWAAABhmXc0TdnbHlmAAAB2AAAAJgAAACY8ToyeGhlYWQAAAJwAAAALQAAADYVh7eZaGhlYQAAAqAAAAAeAAAAJAoHBv9obXR4AAACwAAAAAwAAAAMD3sAAGxvY2EAAALMAAAACAAAAAgALgBMbWF4cAAAAtQAAAAfAAAAIAEOACNuYW1lAAAC9AAAAUUAAAJtPlT+fXBvc3QAAAQ8AAAALwAAAEe9YBHeeJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2Bk1WScwMDKwMHUyXSGgYGhH0IzvmYwYuRgYGBiYGVmwAoC0lxTGByemT7zYm7438AQw9zA0AAUZgTJAQD0mwyMeJztkMERgCAMBDeAPBwL8eHXJqjAl+XTBl6CduHNbC65wCfAAmRxiAJ2Y7gupRZ5Zo28xJsqN1I/exsDPpdMuypP/s8qv7ao+zslv9Yk+jbBHshfD0IAAAABAAAAAAPAApIAFgAANy4BNjcBPgEfAQE+AR4BBwEOAS8BAQZqERgBDAE5Cx4NpAEXDCAaAQv+zwsgDaf+4gxvARkhDAEkCgEKiwEzDQEXIA3+rwwCCo7+9AsAAAEAAAAABikCxgAKAAABJxcJAhcJAhcGKPtn/r/+4/4vLAGlAR0BbWQCwwNr/r8BHf4wLQGk/uMBbWYAeJxjYGRgYADimjO9j+P5bb4ycLMwgMANBcvXyDSbJtMxIMXBwATiAQAuUgmiAAAAeJxjYGRgYG7438AQw17NAARsmgyMDKiAGQBWjQMVAAAEAAAABAAAAAd7AAAAAAAAAC4ATHicY2BkYGBgZhBnANEMDExAzAWEDAz/wXwGAArxATIAeJxlj01OwzAQhV/6B6QSqqhgh+QFYgEo/RGrblhUavdddN+mTpsqiSPHrdQDcB6OwAk4AtyAO/BIJ5s2lsffvHljTwDc4Acejt8t95E9XDI7cg0XuBeuU38QbpBfhJto41W4Rf1N2MczpsJtdGF5g9e4YvaEd2EPHXwI13CNT+E69S/hBvlbuIk7/Aq30PHqwj7mXle4jUcv9sdWL5xeqeVBxaHJIpM5v4KZXu+Sha3S6pxrW8QmU4OgX0lTnWlb3VPs10PnIhVZk6oJqzpJjMqt2erQBRvn8lGvF4kehCblWGP+tsYCjnEFhSUOjDFCGGSIyujoO1Vm9K+xQ8Jee1Y9zed0WxTU/3OFAQL0z1xTurLSeTpPgT1fG1J1dCtuy56UNJFezUkSskJe1rZUQuoBNmVXjhF6XNGJPyhnSP8ACVpuyAAAAHicY2BigAAuBuyAmZGJkZmRhYG9KiO1IjMxTxhKZwFxSX6pbnJ+QSUDAwCz7QsGAA==') format('woff'),
  url('iconfont.ttf?t=1543117035527') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('iconfont.svg?t=1543117035527#iconfont') format('svg'); /* iOS 4.1- */
}

.icon-zhexian:before { content: "\e64a"; }
.icon-zhexianjiantou-copy:before { content: "\e635"; }

/*** 流程图样式end ***/
/*** 折叠面板列表样式start ***/
/*** 折叠面板列表样式end ***/
.mar-left-5px{
	margin-left: 4.22222%;
}

.hr-title{
	font-size: 15px;
    font-style: oblique;
    color: #6379bb;
	margin: 10px 0px 0px 10px;
}

.detail-title{
	font-size: 18px;
	text-align: center;
    width: 100%;
    margin: 0 auto;
    display: block;
    color: black;
    font-weight: 600;
}

.talk-btn{
	height: 30px !important;
	background-color: rgba(0,0,0,0) !important;
    border: 0px !important;
    box-shadow: 1px 1px 50px rgba(0,0,0,0) !important;
    z-index: 99980001 !important;
}

.talk-mabal{
	margin-bottom: 40px!important;
	z-index: 99980001 !important;
}

.layui-history-right-menu{
	z-index: 99980002 !important;
}

.qq_32{
	height: 20px !important;
	width: 20px !important;
}

.talk-btn .layui-layer-content{
	overflow: hidden !important;
    padding: 0 !important;
    padding-top: 5px !important;
}

.state-new{
	color: blue !important;
}

.state-up{
	color: green !important;
}

.state-down{
	color: red !important;
}

.state-error{
	color: orange !important;
}

.state-success {
    color: #0e90d2 !important;
}

.zzc{
	width:100%;
    height:100%;
    background-color:#000;
    position:absolute;
    top:0;
    left:0;
    z-index:1000;
    opacity:0.3;
    /*兼容IE8及以下版本浏览器*/
    filter: alpha(opacity=30);
}

.ui-corner-all,.ui-corner-left{
	 -moz-border-radius: 0px; 
	 -webkit-border-radius: 0px; 
	 -khtml-border-radius: 0px; 
	 border-radius: 0px;
	 border: none;
}

.winui-load-mation-bg{
	width: 100%;
	height: 100%;
	z-index: 1000000000;
	position: absolute;
	background-color: white;
	-webkit-filter: blur(10px);
    -moz-filter: blur(10px);
    -ms-filter: blur(10px);
    filter: blur(10px);
}

.winui-load-mation{
	width: 100%;
	height: 100%;
    z-index: 1000000000;
    position: relative;
    opacity: 0.95;
}

.winui-load-mation-box{
	margin: auto !important;
	position: absolute;
    top: 25%;
    left: 0;
    right: 0;
}

.winui-load{
    text-align: center;
    width: 100%;
}

.load-title{
	width: 100%;
    height: 60px;
    text-align: center;
}

.load-title font{
	color: white;
    font-size: 34px;
    font-family: cursive;
}

.load-wait{
	width: 100%;
    height: 40px;
    text-align: center;
}

.load-wait font{
	color: white;
    font-size: 18px;
    font-family: cursive;
}

.page-load{
	width: 100%;
	height: 100%;
	top: 0;
    left: 0;
    position: fixed;
    background-color: aqua;
}

.page-icon{
    width: 100%;
    text-align: center;
    margin-top: 9%;
}

.page-icon-title{
	font-size: 66px;
}

.page-icon-load{
	width: 100%;
    text-align: center;
    margin-top: 25px;
    color: white;
}

.page-icon-title-load{
	
}

.page-load font{
	
}

.browser-optrare{
    min-height: 36px;
    padding-top: 3px;
    text-align: left;
    padding-left: 20px;
    min-width: 50px;
    width: 4%;
    float: left;
}

.browser-input-serach{
	width: 80%;
	float: left;
	min-height: 36px;
	padding-top: 5px;
}

.browser-input-serach-icon{
	position: absolute;
    top: 9px;
    font-size: 22px;
    right: 16%;
    color: darkgray;
    cursor: pointer;
}

.browser-icon{
	font-size: 17px;
    margin-top: 7px;
    color: RGB(90, 99, 104);
    cursor: pointer;
}

.browser-input{
    line-height: 30px;
    height: 30px;
    border-radius: 25px !important;
    width: 100%;
    padding-left: 15px;
    padding-right: 60px;
}

.browser-content{
	margin:auto 0px;
    height: calc(100vh - 36px);
}

.browser-content iframe{
	width: 100%;
	height: 100%;
}

.win-bg-vague{
	-webkit-filter: blur(10px); /* Chrome, Opera */
    -moz-filter: blur(10px);
    -ms-filter: blur(10px);    
    filter: blur(10px);
    background-position: center 0;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    -webkit-background-size: cover;
    background-color: gainsboro;
    opacity: 0.5;
}

.win-bg-img{
	width: 100%;
	height: 100%;
	position: absolute;
}

.slider-custom{
	width: 200px;
    padding-top: 15px;
}

.slider-custom .layui-slider-input{
	margin-top: 15px;
}

.ul-context-menu {
	list-style: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999;
	padding: 5px 0;
	min-width: 80px;
	margin: 0;
	display: none;
	font-family: "微软雅黑";
	font-size: 14px;
	background-color: #fff;
	border: 1px solid rgba(0, 0, 0, .15);
	box-sizing: border-box;
	border-radius: 4px;
	-ms-box-shadow: 0 10px 80px rgba(0,0,0,0.4);
	-o-box-shadow: 0 10px 80px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0 10px 80px rgba(0,0,0,0.4);
    -moz-box-shadow: 0 10px 80px rgba(0,0,0,0.4);
    box-shadow: 0 10px 80px rgba(0,0,0,0.4);
}

/*父列表 第一类样式*/
.ul-context-menu .ui-context-menu-item {
	margin: 0;
	padding: 0;
	height: 30px;
}

.ul-context-menu .ui-context-menu-item a {
	display: block;
	padding: 0 10px;
	color: #333;
	white-space: nowrap;
	text-decoration: none;
}

.ul-context-menu .ui-context-menu-item a:hover {
	text-decoration: none;
	color: #262626;
}

.ul-context-menu .ui-context-menu-item a i{
	width: 16px;
    height: 16px;
}

.ul-context-menu .ui-context-menu-item a .menu-right{
    float: right;
    line-height: 30px;
    width: 12px;
    height: 12px;
}

.ul-context-menu .ui-context-menu-item a span{
	margin-left: 10px;
}

.ul-context-menu .ui-context-menu-item a img{
	width: 16px;
    height: 16px;
}

.ul-context-menu .ui-context-menu-item .icon {
	width: 16px;
	height: 16px;
	margin-right: 8px;
	vertical-align: sub;
	border: 0;
}

/*父列表 第二类样式*/
.ul-context-menu .ui-context-mouse-menu-item {
	margin: 0;
	padding: 0;
	height: 30px;
}

.ul-context-menu .ui-context-mouse-menu-item a {
	display: block;
	padding: 0 10px;
	color: #333;
	white-space: nowrap;
	text-decoration: none;
}

.ul-context-menu .ui-context-mouse-menu-item a:hover {
	text-decoration: none;
	color: #262626;
}

.ul-context-menu .ui-context-mouse-menu-item a i{
	width: 16px;
    height: 16px;
}

.ul-context-menu .ui-context-mouse-menu-item a .menu-right{
    float: right;
    line-height: 30px;
}

.ul-context-menu .ui-context-mouse-menu-item a span{
	margin-left: 10px;
}

.ul-context-menu .ui-context-mouse-menu-item a img{
	width: 16px;
    height: 16px;
}

.ul-context-menu .ui-context-mouse-menu-item .icon {
	width: 16px;
	height: 16px;
	margin-right: 8px;
	vertical-align: sub;
	border: 0;
}

/*子列表*/
.child-context-menu {
	list-style: none;
	position: relative;
	top: -30px;
	z-index: 9999;
	padding: 5px 0;
	min-width: 80px;
	margin: 0;
	display: none;
	font-family: "微软雅黑";
	font-size: 14px;
	background-color: #fff;
	border: 1px solid rgba(0, 0, 0, .15);
	box-sizing: border-box;
	border-radius: 4px;
	-webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
	-ms-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
	-o-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.child-context-menu .ui-context-menu-item {
	margin: 0;
	padding: 0;
}

.child-context-menu .ui-context-menu-item a {
	display: block;
	padding: 0 10px;
	color: #333;
	white-space: nowrap;
	text-decoration: none;
}

.child-context-menu .ui-context-menu-item a:hover {
	text-decoration: none;
	color: #262626;
}

.child-context-menu .ui-context-menu-item a i{
	width: 12px;
    height: 12px;
}

.child-context-menu .ui-context-menu-item a .menu-right{
    float: right;
    line-height: 30px;
    width: 12px;
    height: 12px;
}

.child-context-menu .ui-context-menu-item a span{
	margin-left: 10px;
}

.child-context-menu .ui-context-menu-item .icon {
	width: 16px;
	height: 16px;
	margin-right: 8px;
	vertical-align: sub;
	border: 0;
}

.notice-remove{
	margin-right: 50px;
	float: right;
	cursor: pointer;
}

.notice-item-remove{
	margin-right: 50px;
	float: right;
	cursor: pointer;
}

.task-item-icon-box{
    width: 40px !important;
    padding: 3px 5px !important;
}

.title-icon-big{
    width: 25px;
    height: 25px;
    border-radius: 15px;
    font-size: 20px;
    line-height: 25px;
    margin-left: 3px;
}

.detail {
    background-color: #ffffff;
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    border: 1px solid #dddddd;
}


.optreat-box{
	width: 100%;
	height: 100%;
    position: absolute;
}

.optreat-win{
	width: 100%;
	height: 100%;
    position: absolute;
}

.win-sys-wicket{
	width: 100%;
	height: 100%;
    position: absolute;
    z-index: 99999900;
    display: none;
}

.optreat-fileconsole-bg, .optreat-filewrite-bg, .optreat-schedule-bg .optreat-forum-bg .optreat-blog-bg{
	-webkit-filter: blur(10px);
    -moz-filter: blur(10px);
    -ms-filter: blur(10px);
    filter: blur(10px);
}

.win-sys-wicket iframe{
	width: 100%;
    height: calc(100% - 40px);
    margin-top: 40px;
    border: 0px;
    overflow: hidden;
}

.schedule-write{
	width: 100%;
	margin-left: 0px;
	height: 100%;
	margin-top: 0px;
	overflow: hidden;
}

.win-file-switch{
    position: absolute;
    width: 100%;
    height: 40px;
    color: #ddd;
    margin-top: 0px;
    background-color: rgba(190,190,190,0.3);
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    border-bottom: 1px solid #ddd;
    border-bottom-color: transparent;
}

.show-hide-menu{
    float: left;
    height: 15px;
    border: 2px solid ghostwhite;
    width: 30px;
    margin-left: calc(50% - 16px);
    text-align: center;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    border-top: 0px;
    cursor: pointer;
}

.show-hide-menu i{
    color: ghostwhite;
    line-height: 10px;
}

.sys-logo{
	height: 100%;
    width: 200px;
    float: left;
}

.sys-logo .menu-logo{
	padding: 0px !important;
	width: 200px;
}

.switch-menu{
	height: 100%;
    width: calc(100% - 480px);
    float: left;
    white-space: nowrap;
	overflow-x: auto;
	overflow-y: hidden;
}

.switch-menu::-webkit-scrollbar{
	display:none;
}

.switch-menu .win-10-menu,
.sys-logo .win-10-menu{
    text-align: center;
    line-height: 40px;
    margin-left: 6px;
    cursor: pointer;
    padding: 0px 0.3em;
    border-top: none;
    border-bottom: none;
    outline: none;
    display: inline-block;
    margin-left: -1px;
    font-size: 14px;
    border: 1px solid #5074be;
    border-color: rgba(190,190,190,0.1);
}

.switch-menu .win-10-menu:HOVER{
	background: rgba(255,255,255,0.3);
}

.win-10-menu font{
	text-shadow: 0px 0px 0px #fff, 0px 0px 4px #000;
	padding: 0px 1.2em;
}

.win-10-menu font i{
	margin-right: 6px;
}

.switch-menu-scoolor{
	height: 100%;
	width: 30px;
	float: left;
	margin-left: 5px;
	visibility: hidden;
}

.switch-menu-scoolor .scoolor-btn{
	width: 40%;
	height: 80%;
	float: left;
	margin-top: 10%;
	border: 1px solid gainsboro;
	margin-left: calc(10% - 2px);
	cursor: pointer;
	text-align: center;
}

.switch-menu-scoolor .scoolor-btn:FIRST-CHILD{
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}

.switch-menu-scoolor .scoolor-btn:last-child{
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}

.switch-menu-scoolor .scoolor-btn i{
	line-height: 34px;
}

.switch-checked{
	background: rgba(255,255,255,0.3);
	color: white;
}

.user-main-mation{
	height: 100%;
	width: 160px;
	float: right;
}

.user-main-mation .layui-nav{
    padding: 0px 1.2em;
    height: 100%;
    background-color: rgba(190,190,190,0.3);
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    border-bottom: 1px solid #ddd;
    border-bottom-color: transparent;
    width: 100%;
}

.user-main-mation .layui-nav li{
	line-height: 40px;
	width: 100%;
}

.user-main-mation .layui-nav li a{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.user-main-mation .layui-nav li .layui-nav-child{
	top: 40px;
}

.user-main-mation .layui-nav li .layui-nav-child dd a{
    font-size: 1.1em;
    font-weight: inherit;
    color: #666;
}

.user-main-mation .layui-nav li .layui-nav-child dd a i{
	padding-right: 10px;
}

.file-write{
	width: 100%;
	margin-left: 0px;
	height: 100%;
	margin-top: 0px;
	overflow: hidden;
}

.file-write-left{
	width: 280px;
	height: 100%;
	float: left;
    border-right: 1px solid #e0e1e5;
    background-color: RGB(245, 245, 245);
}

.file-write-left .left-content{
	width: 100%;
	height: 100%;
	float: left;
	border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.file-write-center{
	width: 280px;
	float: left;
	height: 100%;
	border-right: 1px solid #e0e1e5;
}

.file-write-center .center-title{
    height: 50px;
    color: white;
    text-align: center;
    border-bottom: 1px solid #e0e1e5;
}

.file-write-center .center-title .input-fa{
    position: absolute;
    margin-top: 16px;
    color: gray;
    left: 290px;
}

.file-write-center .center-title input{
	width: calc(100% - 10px);
    background: rgba(234,234,234,0);
    border-radius: 20px;
    border: 1px solid gainsboro;
    float: left;
    height: 35px;
    padding-left: 25px;
    margin: 5px 5px;
}

.file-write-center .center-content{
	width: 100%;
	height: calc(100% - 50px);
	float: left;
	border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    overflow-y: auto;
}

.file-write-center .center-content .folder-item{
	width: calc(100% - 20px);
    float: left;
    padding: 10px;
	text-align: left;
    border-bottom: 1px solid #e0e1e5;
    cursor: pointer;
}

.file-write-center .center-content .folder-item:HOVER{
	background-color: #eaf0fb;
}

.file-write-center .center-content .select{
	background-color: #eaf0fb;
}

.file-write-center .center-content .folder-item .folder-item-title{
	width: 100%;
	float: left;
}

.file-write-center .center-content .folder-item .folder-item-title .folder-item-title-icon{
	width: 25px;
	float: left;
	padding-top: 4px;
    text-align: center;
}

.file-write-center .center-content .folder-item .folder-item-title .folder-item-title-icon img{
    width: 15px;
    height: 15px;
}

.file-write-center .center-content .folder-item .folder-item-title .folder-item-title-content{
	width: calc(100% - 30px);
	float: left;
	padding-top: 3px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font: 13px '\5FAE\8F6F\96C5\9ED1', 'Microsoft Yahei', Helvetica Neue, Hiragino Sans GB, '\5B8B\4F53', 'simsun', '\9ED1\4F53', Arial, sans-serif;
}

.file-write-center .center-content .folder-item .folder-item-desc{
	width: calc(100% - 10px);
	float: left;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-top: 10px;
    font-size: 12px;
    color: #82828c;
    word-wrap: break-word;
    margin-left: 10px;
}

.file-write-center .center-content .folder-item .folder-item-mation{
	width: calc(100% - 10px);
	float: left;
	margin-top: 10px;
    margin-left: 10px;
}

.file-write-center .center-content .folder-item .folder-item-mation .folder-item-mation-time{
	font-size: 12px;
    color: #c2c2c2;
}

.file-write-right{
	width: calc(100% - 575px);
	height: 100%;
	float: left;
}

.file-write-right .right-title{
	width: 100%;
    height: 50px;
    color: white;
    text-align: left;
    border-bottom: 1px solid rgba(234,234,234,0.15);
}

.file-write-right .right-title .note-title{
	width: calc(100% - 80px);
	height: 100%;
	float: left;
}

.file-write-right .right-title .note-title input{
	width: 100%;
    margin-top: 12px;
    background: rgba(234,234,234,0);
    border: 0px;
    float: left;
    height: 30px;
    margin-left: 5px;
}

.file-write-right .right-title .note-operator{
	height: 100%;
	float: right;
    text-align: center;
}

.file-write-right .right-title .note-operator button{
    height: 30px;
    line-height: 30px;
    margin-top: 10px;
    border-radius: 8px;
    cursor: not-allowed !important;
    border-color: #eee;
    background-color: #FBFBFB;
    color: #d2d2d2;
}

.file-write-right .right-title .note-operator .select{
    color: #01AAED;
    border-color: #01AAED;
    cursor: pointer !important;
}

.file-write-right .right-content{
	width: 100%;
	height: calc(100% - 50px);
	float: left;
	border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.file-write-right .right-content iframe{
	width: 100%;
    height: 100%;
    border: 0px;
    background-color: RGBA(246, 247, 249, 1);
}

.scheduleCalendar{
    width: 74%;
    height: 100%;
    border-radius: 5px;
    float: left;
}

.scheduleTitle{
	width: 100%;
    height: 40px;
    float: left;
    border-bottom: 1px solid rgba(153, 209, 255);
}

.scheduleTitle font{
    height: 100%;
    line-height: 40px;
    padding-left: 10px;
    float: left;
    font-weight: 700;
}

.scheduleContent{
	float: left;
	width: 100%;
	height: calc(100% - 40px);
}

.scheduleContent .fc-header-title{
	color: white;
	text-shadow: 0px 0px 0px #fff, 0px 0px 4px #000;
}

.scheduleContent .ui-widget-content{
	background: none !important;
	border: 1px solid lightgrey;
    overflow: hidden;
}

.right-schedule{
	width: 25%;
    height: 100%;
    float: left;
    border-left: 2px solid rgba(234,234,234,0.15);
}

.schedule-close{
    float: right;
    line-height: 40px;
    margin-right: 10px;
    color: white;
}

.scheduleIntroduce{
	float: left;
	height: 100%;
	margin-left: 10px;
}

.introduce-item{
	width: auto;
	float: left;
}

.introduce-item font{
	line-height: 40px;
	padding-left: 6px;
}

.introduce-color1{
	width: 10px;
	height: 10px;
	float: left;
	background-color: #63B8FF;
    margin-top: 15px;
    margin-left: 15px;
    border-radius: 5px;
}

.introduce-color2{
	width: 10px;
	height: 10px;
	float: left;
	background-color: #CD69C9;
    margin-top: 15px;
    margin-left: 15px;
    border-radius: 5px;
}

.introduce-color3{
	width: 10px;
	height: 10px;
	float: left;
	background-color: #54FF9F;
    margin-top: 15px;
    margin-left: 15px;
    border-radius: 5px;
}

.introduce-color4{
	width: 10px;
	height: 10px;
	float: left;
	background-color: #FF0000;
    margin-top: 15px;
    margin-left: 15px;
    border-radius: 5px;
}

.introduce-color5{
	width: 10px;
	height: 10px;
	float: left;
	background-color: #ADADAD;
    margin-top: 15px;
    margin-left: 15px;
    border-radius: 5px;
}

.schedule-search{
	float: left;
    width: calc(100% - 10px);
	margin-top: 10px;
    margin-left: 5px;
    margin-right: 5px;
}

.schedule-search label{
	padding: 5px !important;
	width: 70px !important;
	background-color: rgba(255, 255, 255, 0) !important;
	border-width: 0px !important;
}

.schedule-search .layui-input-block{
	margin-left: 70px;
}

.schedule-search input{
	height: 30px;
	padding-left: 5px!important;
	background: none;
    border: 1px solid rgba(234,234,234,0.23);
    box-shadow: inset 0px 0px 20px rgba(0,0,0,0.15);
}

.schedule-search .layui-form-select{
	color: black;
}

.schedule-all-list{
	float: left;
	width: 100%;
	height: calc(100% - 175px);
}

.schedule-list{
	float: left;
	width: 100%;
	height: calc(40% - 40px);
}

.schedule-list .layui-timeline{
	height: 100%;
    overflow-y: auto;
}

.schedule-detail{
	float: left;
	width: 100%;
	height: calc(60% - 40px);
	overflow-y: auto;
}

.schedule-all-list .layui-collapse{
    margin-left: 10px;
    margin-right: 10px;
    height: 100%;
    overflow-y: auto;
    border: 0px;
}

.schedule-all-list .layui-collapse .layui-colla-item{
    border: 1px solid white;
    border-radius: 5px;
    margin-top: 10px;
}

.schedule-all-list .layui-collapse .layui-colla-item .layui-colla-title{
	text-align: left;
	color: gray;
    background-color: transparent;
}

.schedule-all-list .layui-collapse .layui-colla-item .layui-colla-content{
	padding-left: 35px;
    padding-right: 35px;
}

.layui-timeline .layui-timeline-item .layui-timeline-content{
	cursor: pointer;
	text-align: left;
}

.layui-timeline .layui-timeline-item .layui-timeline-content h3{
	color: darkgray;
}

.scheduleTitle button{
	float: right;
	margin-top: 5px;
    margin-right: 10px;
}

.add-schedule-mation{
	z-index: 99999901 !important;
}

.update-password-html{
	z-index: 99980002 !important;
}

.msg-skin-message{
	z-index: 99999901 !important;
}

.schedule-item-color{
	width: 10px;
	height: 10px;
	float: right;
    border-radius: 5px;
    margin-top: 5px;
}

.schedule-list .layui-timeline{
    padding-left: 35px;
    padding-right: 35px;
}

.schrdule-del{
	float: right;
	display: none;
}

.schrdule-del:HOVER{
	color: red;
}

.layui-timeline-content:HOVER .schrdule-del{
	display: block;
}

.alone-title{
	text-align: center;
}

.context-menu-line{
	height: 0px;
    border: 0.5px solid gainsboro;
}

.win-left-right-menu{
	border: 1px solid gainsboro;
}

.top-message-mation{
	z-index: 99999901 !important;
}

.app-store-item{
	border: 2px solid gainsboro;
    padding-bottom: 10px;
    width: calc(25% - 24px);
    margin-left: 20px;
    border-radius: 5px;
    float: left;
    height: 200px;
}

.app-store-item-content{
    width: calc(100% - 20px);
    margin-left: 10px;
	height: 165px;
	margin-top: 10px;
	background: -webkit-gradient(linear,left top,right top,from(#D3DFE8),to(#EDF1F4));
	float: left;
}

.app-store-item-top{
	height: 100%;
    cursor: pointer;
    overflow: hidden;
}

.app-store-pic{
	-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.3);
    box-shadow: 0 0 10px 0 rgba(0,0,0,.3);
    margin: 0 auto;
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 100%;
}

.app-store-item-center{
    height: 30px;
    line-height: 30px;
    margin-top: 2px;
    width: calc(100% - 20px);
    margin-left: 10px;
    float: left;
}

.app-store-item-center p{
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    text-align: left;
    cursor: pointer;
    font-family: "Microsoft YaHei",arial;
}

.app-store-item-bottom{
    width: calc(100% - 20px);
    margin-left: 10px;
    height: 165px;
    margin-top: 10px;
    float: none;
    cursor: pointer;
}

.app-store-item-bottom-zz{
	background: #000;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.app-store-item-bottom-card{
	width: calc(100% - 20px);
    margin-left: 10px;
    height: 165px;
    margin-top: -165px;
    float: none;
    cursor: pointer;
    text-align: center;
    padding: 10px;
}

.sysExperience{
    margin-top: -50px;
    display: block;
    width: 45%;
    height: 35px;
    font-size: 1em;
    float: left;
}

.aysnMenu{
	margin-top: -50px;
    display: block;
    background-image: -webkit-gradient(linear,left top,right top,from(#17e66c),to(#10c55b));
    background-image: -webkit-linear-gradient(left,#17e66c,#10c55b);
    background-image: linear-gradient(to right,#17e66c,#10c55b);
    width: 45%;
    height: 35px;
    font-size: 1em;
    float: right;
}
 
.sysWinType{
	height: 45px;
    line-height: 45px;
    border: 2px solid gainsboro;
    font-size: 14px;
    cursor: pointer;
}

.store-cat-item{
	line-height: 26px;
    padding: 15px 0 0;
    float: left;
    width: 100%;
}

.store-cat-item span {
    float: left;
    font-size: 13px;
}

.store-cat-item ul {
    vertical-align: top;
    float: left;
    width: calc(100% - 120px);
}

.store-cat-item ul li {
    margin-right: 10px;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    font-size: 13px;
    float: left;
}

.store-cat-item ul li a{
	color: darkgray;
}

#sysFirstType li a:HOVER,
#sysSecondType li a:HOVER,
.chooseLiItem li a:HOVER{
	color: RGB(17, 202, 94);
}

#sysFirstType .active a,
#sysSecondType .active a,
.chooseLiItem .active a{
	color: RGB(17, 202, 94);
}

.middlepage-content{
	margin:auto 0px;
    height: 100vh;
}

.middlepage-content iframe{
	width: 100%;
	height: 100%;
	border: 0px;
}

.showgrid-active{
	background-color: var(--start-btn-color) !important;
    color: white !important;
}

.childWindow-title-input-box{
	width: 70%;
    height: 30px;
    display: none;
}

.childWindow-title-input-box>input{
	height: 100%;
    margin-top: 5px;
    width: 200px;
    background-color: transparent;
    color: white;
    float: left;
}

.childWindow-title-input-box>button{
	float: left;
	margin-top: 5px;
    margin-left: 10px;
}

.power-box{
	
}

.power-box>input{
	width: 200px;
    float: left;
}

.list-form-search{
	height: 28px;
    line-height: 28px;
    float: left;
}

.product-list {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 100;
    height: 520px;
    background: #fff;
    box-shadow: 0px 1px 5px rgba(0,0,0,0.15);
    overflow-y: auto;
    overflow-x: hidden;
}

.product-list .active{
	background-color: RGB(94, 186, 120);
}

.product-list .active a{
	color: white;
}

.product-list dl dd {
    display: inline-block;
    font-size: 16px;
    color: #666;
    border: 1px solid #f0f0f0;
    border-radius: 2px;
    line-height: 60px;
    width: 100%;
}

.product-list dl dd a {
    display: block;
    line-height: 32px;
    white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding-left: 5px;
    padding-right: 5px;
    font-family: PingFang SC,Hiragino Sans GB,Arial,Microsoft YaHei,Verdana,Roboto,Noto,Helvetica Neue,sans-serif !important;
    font-size: 12px;
}

.contentDiv{
	left: 30px;
    top: -40px;
}

.contentDiv img{
	max-width: 100% !important;
}

.common-footer {
    color: #eee;
    position: absolute;
    bottom: 0px;
    text-align: center;
    width: calc(100% - 20px);
    background: #444;
    background: rgba(0,0,0,0.2);
    padding: 10px;
}

.file-console{
	width: 100%;
	height: 100%;
	margin: 0 auto;
	background-color: #FCFCFC;
}

.file-console-left{
	position: relative;
	float: left;
	height: 100%;
    border-right: 1px solid rgba(242, 242, 242);
}

.left-top-is-tree{
	width: calc(100% - 5px);
	float: left;
	height: calc(100% - 85px);
	position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
}

.left-bottom-is-memory{
	width: calc(100% - 5px);
	float: left;
	height: 80px;
    background: rgba(221,221,221,0.02);
    border-right: none;
    border-top: 1px solid rgba(242, 242, 242);
    position: absolute;
    bottom: 5px;
    left: 0;
}

.left-bottom-is-memory .memory-top{
	width: 100%;
	height: 23px;
	float: left;
}

.left-bottom-is-memory .memory-top .memory-scolor{
	width: 100%;
	height: 6px;
	float: left;
}

.left-bottom-is-memory .memory-top .memory-num{
	width: calc(100% - 20px);
	height: 17px;
	float: left;
	color: gray;
    text-align: left;
    padding-left: 20px;
}

.left-bottom-is-memory .memory-buttom{
	width: 100%;
	height: calc(100% - 30px);
	float: left;
	padding-left: 20px;
	margin-top: 5px;
}

.left-bottom-is-memory .memory-buttom .memory-btn{
	background: rgba(221,221,221,0.02);
    color: gray;
    border: 1px solid rgba(234,234,234,0.05);
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    width: 65px;
    padding: 2px 5px 0px 5px;
    margin-right: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    border-radius: 3px;
    float: left;
    text-align: center;
    font-size: 12px;
    cursor: pointer;
}

.left-bottom-is-memory .memory-buttom .memory-btn:HOVER{
	background: rgba(204, 232, 255) !important;
    border: 1px solid rgba(153, 209, 255) !important;
}

.left-bottom-is-memory .memory-buttom .memory-btn i{
	display: block;
    font-size: 25px;
    padding-bottom: 0px;
    text-shadow: none;
    margin-top: 5px;
    
}

.left-bottom-is-memory .memory-buttom .memory-btn span{
    margin-top: 5px;
    float: left;
    width: 100%;
    margin-bottom: 5px;
}

.file-console-right{
	height: 100%;
	box-sizing: border-box;
	overflow: hidden;
}

.right-top-is-route{
	width: 100%;
	height: 50px;
	float: left;
	background: rgba(221,221,221,0.02);
    border-bottom: 1px solid rgba(234,234,234,0.05);
}

.right-top-is-route .history-doc{
	float: left;
    line-height: 50px;
    margin-left: 10px;
}

.right-top-is-route .history-doc .btn-custom{
	color: #fff;
    text-shadow: 0 0 0px #fff, 0 1px 3px #666666;
    background: rgba(234,234,234,0.1);
    border-color: rgba(234,234,234,0.23);
    width: 33px;
    height: 28px;
    margin-top: 10px;
}

.right-top-is-route .history-doc .btn-custom:FIRST-CHILD{
	border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.right-top-is-route .history-doc .btn-custom:last-CHILD{
	border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.right-top-is-route .history-doc .btn-custom i{
	padding: 0 5px;
    font-size: 20px;
}

.right-top-is-route .history-doc button.disable{
	box-shadow: inset 0 3px 6px rgba(0,0,0,0.1);
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.right-top-is-route .history-doc .btn-custom:HOVER{
	box-shadow: inset 0 3px 6px rgba(0,0,0,0.1);
	opacity: 0.5;
    filter: alpha(opacity=50);
}

.right-top-is-route .doc-op{
	float: left;
    line-height: 50px;
    margin-left: 10px;
    width: calc(100% - 190px);
}

.right-top-is-route .doc-op .btn-custom{
	color: #fff;
    text-shadow: 0 0 0px #fff, 0 1px 3px #666666;
    background: rgba(234,234,234,0.1);
    border: 1px solid rgba(234,234,234,1);
    width: 33px;
    height: 28px;
    margin-top: 10px;
    float: left;
}

.right-top-is-route .doc-op .btn-custom:HOVER{
	background: rgba(204, 232, 255) !important;
    border: 1px solid rgba(153, 209, 255) !important;
}

.right-top-is-route .doc-op .btn-custom:FIRST-CHILD{
	border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.right-top-is-route .doc-op .btn-custom:LAST-CHILD{
	border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.right-top-is-route .doc-op .doc-op-input-div{
    border-right-color: transparent;
    background: none;
    border: 1px solid rgba(234,234,234,0.23);
    box-shadow: inset 0px 0px 20px rgba(0,0,0,0.15);
    width: 80%;
    cursor: text;
    height: 26px;
    overflow: hidden;
    float: left;
    margin-top: 10px;
    font-size: 12px;
}

.right-top-is-route .doc-op .doc-op-input-div .yarnball{
    list-style: none;
    margin: 0;
    margin-top: -1px;
    padding: 0;
    position: relative;
    height: 100%;
}

.right-top-is-route .doc-op .doc-op-input-div .yarnball .yarnlet{
	display: inline-block;
    float: left;
    width: auto;
    height: 200%;
    line-height: 26px;
    padding: 0px;
}

.right-top-is-route .doc-op .doc-op-input-div .yarnball .first{
	
}

.right-top-is-route .doc-op .doc-op-input-div .yarnball .yarnlet a{
	height: 100%;
	width: auto;
    cursor: pointer;
    float: left;
    padding: 0 5px;
}

.right-top-is-route .doc-op .doc-op-input-div .yarnball .yarnlet a:HOVER{
	background: rgba(204, 232, 255) !important;
}

.right-top-is-route .doc-op .doc-op-input{
	border-right-color: transparent;
    background: none;
    border: 1px solid rgba(234,234,234,0.23);
    box-shadow: inset 0px 0px 20px rgba(0,0,0,0.15);
    width: 80%;
    cursor: text;
    height: 26px;
    overflow: hidden;
    float: left;
    margin-top: 10px;
    font-size: 12px;
    display: none;
    padding-left: 15px;
}

.right-top-is-route .doc-op .btn-custom i{
	padding: 0 5px;
    font-size: 13px;
}

.right-top-is-route .doc-search-op {
    float: right;
    line-height: 50px;
    margin-left: 10px;
    width: 160px;
    margin-right: 10px;
}

.right-top-is-route .doc-search-op .doc-search-input{
    border: 1px solid rgba(234,234,234,1);
    width: calc(100% - 50px);
    cursor: text;
    height: 26px;
    overflow: hidden;
    float: left;
    margin-top: 10px;
    font-size: 12px;
    padding-left: 10px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.right-top-is-route .doc-search-op .btn-custom{
	color: RGBA(128, 128, 128);
    background: rgba(234,234,234,0.1);
    border: 1px solid rgba(234,234,234,1);
    width: 33px;
    height: 28px;
    margin-top: 10px;
    float: left;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.right-top-is-route .doc-search-op .btn-custom:HOVER{
	background: rgba(204, 232, 255) !important;
    border: 1px solid rgba(153, 209, 255) !important;
}

.right-top-is-route .doc-search-op .btn-custom i{
	padding: 0 5px;
    font-size: 13px;
}

.right-top2-is-operation{
	width: 100%;
	height: 40px;
	float: left;
    border-bottom: 1px solid rgba(242, 242, 242);
    box-shadow: 1px 2px 15px rgba(0, 0, 0, 0.1);
}

.right-top2-is-operation .create-new {
	height: 100%;
	float: left;
	width: 140px;
	line-height: 40px;
	padding-left: 10px;
}

/******************************小圆点点击右下角弹出开始*************************************/
.layui-btn-dropdown{
	height: 24px;
	float: left;
    margin-top: 2px;
}

.layui-btn-dropdown button{
	width: 100%;
	height: 100%;
	color: RGBA(128, 128, 128);
    background: rgba(234,234,234,0.1);
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border: 1px solid rgba(234,234,234,1);
}

.layui-btn-dropdown button:HOVER{
	background: rgba(204, 232, 255) !important;
    border: 1px solid rgba(153, 209, 255) !important;
    box-shadow: inset 0 3px 6px rgba(0,0,0,0.1);
}

.layui-btn-dropdown button i{
	padding: 0 5px;
    font-size: 13px;
}

.layui-dropdown-menu{
	box-shadow: 0 10px 40px rgba(0,0,0,0.4);
    border-radius: 0;
    background: rgba(255,255,255,0.95);
    min-width: 190px;
    max-width: 190px;
    text-align: left;
    padding: 0px 0px !important;
    z-index: 99;
    display: none;
}

.layui-dropdown-menu li{
    height: 25px;
    line-height: 25px;
    padding: 0px;
    width: auto !important;
    margin: 5px 0px;
}

.layui-dropdown-menu li a{
	width: calc(100% - 20px);
    padding: 0px 10px;
	background: transparent;
	height: 25px !important;
	float: left;
	line-height: 26px;
}

.layui-dropdown-menu li a:HOVER{
	background-color: rgba(229, 243, 255) !important;
	text-decoration: none;
}

.layui-dropdown-menu li a i,
.layui-dropdown-menu li a img{
	width: 16px;
	height: 16px;
	margin-right: 10px;
	float: left;
}

.layui-dropdown-menu li a img{
	margin-top: 5px;
}

.layui-dropdown-menu .divider{
	height: 2px;
    line-height: 0;
    border-bottom: 1px solid #eee;
    margin: 2px 0 4px;
}
/******************************小圆点点击右下角弹出结束*************************************/

.right-top2-is-operation .create-new .btn-custom{
    background: rgba(234,234,234,0.1);
    border: 1px solid rgba(234,234,234,1);
    width: auto;
    height: 24px;
    margin-top: 10px;
    float: left;
    padding: 0px 5px;
    color: RGBA(128, 128, 128);
}

.right-top2-is-operation .create-new .btn-custom:FIRST-CHILD{
	border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.right-top2-is-operation .create-new .btn-custom:HOVER{
	background: rgba(204, 232, 255) !important;
    border: 1px solid rgba(153, 209, 255) !important;
}

.right-top2-is-operation .create-new .btn-custom i{
	padding: 0 5px;
    font-size: 13px;
    color: RGB(248, 198, 61);
}

.right-top2-is-operation .upload-file {
	height: 100%;
	float: left;
	width: 100px;
	line-height: 40px;
}

.right-top2-is-operation .upload-file .btn-custom{
    background: rgba(234,234,234,0.1);
    border: 1px solid rgba(234,234,234,1);
    width: auto;
    height: 24px;
    margin-top: 10px;
    float: left;
    padding: 0px 5px;
    color: RGBA(128, 128, 128);
}

.right-top2-is-operation .upload-file .btn-custom:FIRST-CHILD{
	border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.right-top2-is-operation .upload-file .btn-custom:HOVER{
	background: rgba(204, 232, 255) !important;
    border: 1px solid rgba(153, 209, 255) !important;
}

.right-top2-is-operation .upload-file .btn-custom i{
	padding: 0 5px;
    font-size: 13px;
    color: RGB(58, 155, 232);
}

.right-top2-is-operation .select-op-more {
	height: 100%;
	float: left;
	line-height: 40px;
}

.right-top2-is-operation .select-op-more .btn-custom{
    background: rgba(234,234,234,0.1);
    border: 1px solid rgba(234,234,234,1);
    padding: 0px 5px;
    height: 24px;
    margin-top: 10px;
    float: left;
}

.right-top2-is-operation .select-op-more .btn-custom:FIRST-CHILD{
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.right-top2-is-operation .select-op-more .btn-custom:LAST-CHILD{
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.right-top2-is-operation .select-op-more .btn-custom img{
	width: 16px;
	height: 16px;
	float: left;
}

.right-top2-is-operation .select-op-more .btn-custom span{
	float: left;
	margin-left: 5px;
	color: RGBA(128, 128, 128);
}

.right-top2-is-operation .select-op-more .btn-custom:HOVER{
	background: rgba(204, 232, 255) !important;
    border: 1px solid rgba(153, 209, 255) !important;
}

.right-top2-is-operation .select-op-more .btn-custom i{
	padding: 0 5px;
    font-size: 13px;
}

.right-top2-is-operation .select-optearor {
	height: 100%;
	float: right;
	width: auto;
	line-height: 40px;
}

.right-top2-is-operation .select-optearor .layui-btn-dropdown{
	margin-top: 0px;
}

.right-top2-is-operation .select-optearor .btn-custom{
	color: RGBA(128, 128, 128);
    background: rgba(234,234,234,0.1);
    border: 1px solid rgba(234,234,234,1);
    width: 33px;
    height: 24px;
    margin-top: 10px;
    float: left;
}

.right-top2-is-operation .select-optearor .btn-custom:HOVER{
	background: rgba(204, 232, 255) !important;
    border: 1px solid rgba(153, 209, 255) !important;
}

.right-top2-is-operation .select-optearor .btn-custom i{
	padding: 0 5px;
    font-size: 13px;
}

.right-center-is-content{
	width: calc(100% - 30px);
	height: calc(100% - 120px);
	float: left;
	padding: 10px 20px 0 10px;
	overflow-y: auto;
}

.file{
    float: left;
    height: 100px;
    margin-right: 10px;
    margin-bottom: 15px;
    position: relative;
    padding: 1px;
}

.right-center-is-content .active{
	filter: none;
    background: rgba(204, 232, 255) !important;
    border: 1px solid rgba(153, 209, 255) !important;
    padding: 0px;
}

.right-center-is-content .active .item-menu{
	display: block !important;
}

.right-center-is-content .active .item-select{
	display: block !important;
}

.right-center-is-content .active .ico .meta-info{
	right: 14px !important;
    top: 32px !important;
}

.right-center-is-content .file:HOVER{
	filter: none;
    background: rgba(229, 243, 255);
    border: 1px solid rgba(229, 243, 255);
    padding: 0px;
}

.right-center-is-content .file:HOVER .item-menu{
	display: block;
}

.right-center-is-content .file:HOVER .item-select{
	display: block;
}

.right-center-is-content .file:HOVER .ico .meta-info{
	right: 14px;
    top: 32px;
}

.file .item-select{
    display: none;
    position: absolute;
    width: 14px;
    height: 14px;
    box-sizing: content-box;
    text-align: center;
    cursor: pointer;
    z-index: 50;
    padding: 2px;
    left: 5px;
    border-radius: 50%;
    background: rgba(0,0,0,0.05);
    border: none;
    color: #fff;
    float: left;
    right: 4px;
    top: 4px;
}

.file .item-select .item-check{
    font-size: 10px;
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    font-size: 18px;
    font-size: 12px;
    text-shadow: none;
}

.file .item-menu{
	display: none;
    position: absolute;
    right: 4px;
    top: 4px;
    width: 14px;
    height: 14px;
    box-sizing: content-box;
    text-align: center;
    border: 1px solid #ddd;
    background: #fff;
    cursor: pointer;
    z-index: 50;
    border-radius: 2px;
    float: right;
}

.file .item-menu .layui-btn-dropdown .cert{
	width: 16px;
    height: 16px;
    margin-top: -2px;
}

.file .ico{
	padding-left: 5px;
    height: 61px;
    width: 61px;
    padding-top: 4px;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
}

.file .ico img{
    width: 50px;
    max-height: 50px;
}

.file .ico .meta-info{
	position: absolute;
    right: 15px;
    color: #fff;
    top: 33px;
    font-size: 15px;
    background-color: rgb(48, 220, 71);
    width: 20px;
    height: 20px;
    line-height: 20px;
    border-radius: 10px;
}

.file .filename{
	width: 71px;
	cursor: default;
    text-align: center;
    word-break: break-all;
    font-size: 0.9em;
    margin: 0 auto;
    line-height: 1.5em;
    padding-bottom: 5px;
    display: block;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    font-family: "Helvetica Neue", Helvetica, "Microsoft Yahei", 微软雅黑, "Lantinghei SC", STXihei, "WenQuanYi Micro Hei", Arial, sans-serif !important;
}

.file .filename span{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.file .filename .title.db-click-rename{
    cursor: text;
}

.file .filename-edit{
	width: 71px;
	cursor: default;
    text-align: center;
    word-break: break-all;
    font-size: .8em;
    margin: 0 auto;
    line-height: 1.5em;
    padding-bottom: 5px;
    display: none;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    color: white;
    font-family: "Helvetica Neue", Helvetica, "Microsoft Yahei", 微软雅黑, "Lantinghei SC", STXihei, "WenQuanYi Micro Hei", Arial, sans-serif !important;
}

.file .filename-edit img{
	float: right;
	width: 50%;
	width: 21px;
	cursor: pointer;
}

.right-bottom-is-num{
	width: 100%;
	height: 15px;
	float: left;
	text-align: left;
}

.right-bottom-is-num .item-num{
	background: rgba(0,0,0,0.2);
	margin-left: 10px;
	border-left: 3px solid rgba(200,200,200,0.3);
    border-right: 3px solid rgba(200,200,200,0.3);
    padding-left: 5px;
    padding-right: 5px;
    color: ghostwhite;
}

.wu-example {
    position: relative;
    padding: 0px 15px 15px;
    margin: 0;
    background-color: #fafafa;
    box-shadow: inset 0 3px 6px rgba(0, 0, 0, .05);
    border-color: #e5e5e5 #eee #eee;
    border-style: solid;
    border-width: 1px 0;
}

#uploader .queueList.filled {
    padding: 17px;
    margin: 0;
    border: 3px dashed transparent;
}

#uploader .statusBar {
    height: 63px;
    border-top: 1px solid #dadada;
    padding: 0 20px;
    line-height: 63px;
    vertical-align: middle;
    position: relative;
}

#uploader .placeholder {
    min-height: 350px;
    padding-top: 178px;
    text-align: center;
    background: url(../../../images/image.png) center 93px no-repeat;
    color: #cccccc;
    font-size: 18px;
    position: relative;
}

#uploader .filelist {
    list-style: none;
    margin: 0;
    padding: 0;
}

#uploader .filelist li {
    width: 110px;
    height: 110px;
    background: url(../../../images/bg.png) no-repeat;
    text-align: center;
    margin: 0 8px 20px 0;
    position: relative;
    display: inline;
    float: left;
    overflow: hidden;
    font-size: 12px;
}

#uploader .filelist li p.title {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    top: 5px;
    text-indent: 5px;
    text-align: left;
}

#uploader .filelist li p.imgWrap {
    position: relative;
    z-index: 2;
    line-height: 110px;
    vertical-align: middle;
    overflow: hidden;
    width: 110px;
    height: 110px;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webit-transition: 200ms ease-out;
    -moz-transition: 200ms ease-out;
    -o-transition: 200ms ease-out;
    -ms-transition: 200ms ease-out;
    transition: 200ms ease-out;
}

#uploader .filelist li p.progress {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    height: 8px;
    overflow: hidden;
    z-index: 50;
    margin: 0;
    border-radius: 0;
    background: none;
    -webkit-box-shadow: 0 0 0;
}

#uploader .filelist div.file-panel {
    position: absolute;
    height: 0;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#80000000', endColorstr='#80000000')\0;
    background: rgba( 0, 0, 0, 0.5 );
    width: 100%;
    top: 0;
    left: 0;
    overflow: hidden;
    z-index: 300;
}

#uploader .filelist li img {
    width: 100%;
}

#uploader .queueList {
    margin: 10px 5px;
    border: 3px dashed #e6e6e6;
}
#uploader .queueList.filled {
    padding: 17px;
    margin: 0;
    border: 3px dashed transparent;
}
#uploader .queueList.webuploader-dnd-over {
    border: 3px dashed #999999;
}

#uploader p {margin: 0;}

.element-invisible {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px,1px,1px,1px);
}

#uploader .placeholder {
    min-height: 90px;
    padding-top: 110px;
    text-align: center;
    background: url(../../../images/image.png) center 20px no-repeat;
    color: #cccccc;
    font-size: 13px;
    position: relative;
}

#uploader .placeholder .webuploader-pick {
    font-size: 13px;
    background: #00b7ee;
    border-radius: 3px;
    line-height: 30px;
    padding: 0 10px;
    *width: 120px;
    color: #fff;
    display: inline-block;
    margin: 0 auto 5px auto;
    cursor: pointer;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}

#uploader .placeholder .webuploader-pick-hover {
    background: #00a2d4;
}

#uploader .placeholder .flashTip {
    color: #666666;
    font-size: 12px;
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: 20px;
}
#uploader .placeholder .flashTip a {
    color: #0785d1;
    text-decoration: none;
}
#uploader .placeholder .flashTip a:hover {
    text-decoration: underline;
}

#uploader .filelist {
    list-style: none;
    margin: 0;
    padding: 0;
}

#uploader .filelist:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    overflow: hidden;
    clear: both;
}

#uploader .filelist li {
    width: 90px;
    height: 110px;
    background: url(../../../images/bg.png) no-repeat;
    text-align: center;
    margin: 0 8px 10px 0;
    position: relative;
    display: inline;
    float: left;
    overflow: hidden;
    font-size: 12px;
}

#uploader .filelist li p.log {
    position: relative;
    top: -45px;
}

#uploader .filelist li p.title {
    position: absolute;
    left: 0;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow : ellipsis;
    top: 90px;
    text-indent: 5px;
    text-align: left;
}

#uploader .filelist li p.progress {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    height: 8px;
    overflow: hidden;
    z-index: 50;
    margin: 0;
    border-radius: 0;
    background: none;
    -webkit-box-shadow: 0 0 0;
}
#uploader .filelist li p.progress span {
    display: none;
    overflow: hidden;
    width: 0;
    height: 100%;
    background: #1483d8 url(../../../images/progress.png) repeat-x;
    -webit-transition: width 200ms linear;
    -moz-transition: width 200ms linear;
    -o-transition: width 200ms linear;
    -ms-transition: width 200ms linear;
    transition: width 200ms linear;
    -webkit-animation: progressmove 2s linear infinite;
    -moz-animation: progressmove 2s linear infinite;
    -o-animation: progressmove 2s linear infinite;
    -ms-animation: progressmove 2s linear infinite;
    animation: progressmove 2s linear infinite;
    -webkit-transform: translateZ(0);
}

@-webkit-keyframes progressmove {
    0% {
       background-position: 0 0;
    }
    100% {
       background-position: 17px 0;
    }
}
@-moz-keyframes progressmove {
    0% {
       background-position: 0 0;
    }
    100% {
       background-position: 17px 0;
    }
}
@keyframes progressmove {
    0% {
       background-position: 0 0;
    }
    100% {
       background-position: 17px 0;
    }
}

#uploader .filelist li p.imgWrap {
    position: relative;
    z-index: 2;
    line-height: 90px;
    vertical-align: middle;
    overflow: hidden;
    width: 90px;
    height: 90px;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webit-transition: 200ms ease-out;
    -moz-transition: 200ms ease-out;
    -o-transition: 200ms ease-out;
    -ms-transition: 200ms ease-out;
    transition: 200ms ease-out;
}

#uploader .filelist li img {
    width: 100%;
}

#uploader .filelist li p.error {
    background: #f43838;
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 28px;
    line-height: 28px;
    width: 100%;
    z-index: 100;
}

#uploader .filelist li .success {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 40px;
    width: 100%;
    z-index: 200;
    background: url(../../../images/success.png) no-repeat right bottom;
}

#uploader .filelist div.file-panel {
    position: absolute;
    height: 0;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#80000000', endColorstr='#80000000')\0;
    background: rgba( 0, 0, 0, 0.5 );
    width: 100%;
    top: 0;
    left: 0;
    overflow: hidden;
    z-index: 300;
}

#uploader .filelist div.file-panel span {
    width: 24px;
    height: 24px;
    display: inline;
    float: right;
    text-indent: -9999px;
    overflow: hidden;
    background: url(../../../images/icons.png) no-repeat;
    margin: 5px 1px 1px;
    cursor: pointer;
}

#uploader .filelist div.file-panel span.rotateLeft {
    background-position: 0 -24px;
}
#uploader .filelist div.file-panel span.rotateLeft:hover {
    background-position: 0 0;
}

#uploader .filelist div.file-panel span.rotateRight {
    background-position: -24px -24px;
}
#uploader .filelist div.file-panel span.rotateRight:hover {
    background-position: -24px 0;
}

#uploader .filelist div.file-panel span.cancel {
    background-position: -48px -24px;
}
#uploader .filelist div.file-panel span.cancel:hover {
    background-position: -48px 0;
}

#uploader .statusBar {
    height: 50px;
    border-top: 1px solid #dadada;
    padding: 0 20px;
    line-height: 50px;
    vertical-align: middle;
    position: relative;
}

#uploader .statusBar .progress {
    border: 1px solid #1483d8;
    width: 198px;
    background: #fff;
    height: 18px;
    position: relative;
    display: inline-block;
    text-align: center;
    line-height: 20px;
    color: #6dbfff;
    position: relative;
    margin: 0 10px 0 0;
}
#uploader .statusBar .progress span.percentage {
    width: 0;
    height: 100%;
    left: 0;
    top: 0;
    background: #1483d8;
    position: absolute;
}
#uploader .statusBar .progress span.text {
    position: relative;
    z-index: 10;
}

#uploader .statusBar .info {
    display: inline-block;
    font-size: 12px;
    color: #666666;
}

#uploader .statusBar .btns {
    position: absolute;
    top: 10px;
    right: 0px;
    line-height: 27px;
}

#filePicker2 {
    display: inline-block;
    float: left;
}

#uploader .statusBar .btns .webuploader-pick,
#uploader .statusBar .btns .uploadBtn,
#uploader .statusBar .btns .uploadBtn.state-uploading,
#uploader .statusBar .btns .uploadBtn.state-paused {
    background: #ffffff;
    border: 1px solid #cfcfcf;
    color: #565656;
    padding: 0 10px;
    display: inline-block;
    border-radius: 3px;
    margin-left: 10px;
    cursor: pointer;
    font-size: 12px;
    float: left;
}
#uploader .statusBar .btns .webuploader-pick-hover,
#uploader .statusBar .btns .uploadBtn:hover,
#uploader .statusBar .btns .uploadBtn.state-uploading:hover,
#uploader .statusBar .btns .uploadBtn.state-paused:hover {
    background: #f0f0f0;
}

#uploader .statusBar .btns .uploadBtn {
    background: #00b7ee;
    color: #fff;
    border-color: transparent;
}
#uploader .statusBar .btns .uploadBtn:hover {
    background: #00a2d4;
}

#uploader .statusBar .btns .uploadBtn.disabled {
    pointer-events: none;
    opacity: 0.6;
}

.light-app-left{
    height: 100%;
    width: 160px;
    position: fixed;
    left: 0;
    background: #fff;
    border-right: 1px solid #f1f1f1;
}

.light-app-left .app-title span{
	text-align: left;
    color: #666;
    font-weight: 400;
    margin: 0;
    padding: 10px 0px 10px 20px;
    font-size: 28px;
    height: 50px;
    line-height: 50px;
    letter-spacing: 2px;
}

.light-app-left .setting{
    overflow-y: auto;
    height: 100%; 
}

.light-app-left .setting a.selected {
    background: #ddd;
    color: #000;
    border-left: 5px solid #EA533F;
    padding-left: 10px;
}

.light-app-left .setting a {
    height: 40px;
    line-height: 40px;
    text-decoration: none;
    box-sizing: border-box;
    text-indent: 8px;
    color: #666;
    display: block;
    overflow: hidden;
    cursor: pointer;
    text-transform: capitalize;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
    transition: all 0.2s;
    font-size: 15px;
}

.light-app-left .setting a span{
    width: calc(100% - 20px);
    float: left;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-align: left;
}

.light-app-left .setting a .new-state-point{
    height: 8px;
    width: 8px;
    position: relative;
    float: right;
    background-color: blue;
    top: 5px;
    margin-right: 5px;
    border-radius: 5px;
}

.light-app-left .setting a .up-state-point{
    height: 8px;
    width: 8px;
    position: relative;
    float: right;
    background-color: green;
    top: 5px;
    margin-right: 5px;
    border-radius: 5px;
}

.light-app-left .setting a .down-state-point{
    height: 8px;
    width: 8px;
    position: relative;
    float: right;
    background-color: red;
    top: 5px;
    margin-right: 5px;
    border-radius: 5px;
}

.light-app-right{
    height: calc(100% - 40px);
    width: calc(100% - 200px);
    float: right;
    padding: 20px;
}

.light-app-right .h1{
	border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    font-weight: 400;
    color: #666;
    margin: 0;
    font-size: 22px;
    font-family: "Helvetica Neue", "Helvetica", "Microsoft Yahei", "微软雅黑", "Lantinghei SC", "STXihei", "WenQuanYi Micro Hei", Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    text-align: left;
}

.light-app-right .app-list{
    margin-top: 10px;
    margin-right: -15px;
    padding: 10px 0 40px 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.light-app-right .app-list .flex-empty{
	margin: 0 15px 20px 0;
    width: 140px;
    height: 1px;
}

.light-app-right .app-list .app-li{
    list-style: none;
    cursor: pointer;
    text-align: center;
    float: left;
    margin: 0 15px 20px 0;
    width: 140px;
    height: 200px;
    color: #2196F3;
    position: relative;
    -webkit-transition: 0.16s all;
    -moz-transition: 0.16s all;
    -o-transition: 0.16s all;
    -ms-transition: 0.16s all;
    transition: 0.16s all;
    border-radius: 4px;
    background: none;
    border: 1px solid #dee5e7;
    box-shadow: 0 1px 2px rgba(0,0,0,0.1);
}

.light-app-right .app-list .app-li:HOVER{
	background:#fff;
	box-shadow:0px 20px 100px rgba(0,0,0,0.1), 0px 20px 30px rgba(0,0,0,0.05);
}

.light-app-right .app-list .app-li .icon{
	height: 90px;
    background-color: rgba(0,0,0,0.01);
    background-image: linear-gradient(to bottom,#def 0,#fff 100%);
    border-radius: 4px;
    line-height: 80px;
}

.light-app-right .app-list .app-li .icon img{
	max-width: 100%;
    max-height: 100%;
    width: 72px;
    border-radius: 10%;
}

.light-app-right .app-list .app-li .text{
	height: 50px;
}

.light-app-right .app-list .app-li .text .name{
	color: #444;
    font-weight: 800;
    margin: 10px 5px 0;
    max-height: 32px;
    overflow: hidden;
}

.light-app-right .app-list .app-li .text .copyright{
    color: #aaa;
    max-height: 32px;
    overflow: hidden;
}

.light-app-right .app-list .app-li .btn-group{
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.light-app-right .app-list .app-li .btn-group .btn{
	float: none;
    width: 80px;
    height: 22px;
    padding-left: 0;
    padding-right: 0;
}

.shareForm{
	width: 22%;
    height: 220px;
    margin-left: 38%;
    margin-top: 10%;
    border-radius: 4px;
    box-shadow: 0 0 10px rgba(171,198,235,.3);
    position: absolute;
}

.shareForm .top-share-div{
    background: url(../../../../assets/images/share_bg.png) no-repeat;
    background-size: 100% 100%;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    height: 80px;
}

.shareForm .top-share-div .layui-form-label{
	width: auto;
    height: 100%;
    line-height: 60px;
    margin-left: 20px;
}

.shareForm .top-share-div .layui-form-label img{
	width: 44px;
    height: 44px;
    overflow: hidden;
    border-radius: 22px;
}

.shareForm .top-share-div .layui-input-block{
    line-height: 80px;
    text-align: left;
    margin-left: 0px;
}

.shareForm .top-share-div .layui-input-block strong{
	color: white;
}

.shareForm .bottom-share-div{
    margin-top: 25px;
}

.shareForm .bottom-share-div .layui-form-label{
	width: 100%;
    text-align: left;
    margin-left: 20px;
}

.shareForm .bottom-share-div .layui-input-block{
    width: 100%;
    float: left;
    margin-left: 40px;
}

.shareForm .bottom-share-div .layui-input-block input{
    width: 60%;
    float: left;
}

.shareForm .bottom-share-div .layui-input-block button{
    float: left;
    margin-left: 15px;
}

.showFormNone{
    width: 40%;
    height: 500px;
    margin-left: 30%;
    margin-top: 80px;
    border-radius: 4px;
    box-shadow: 0 0 10px rgba(171,198,235,.3);
    position: absolute;
    text-align: center;
}

.showFormNone img{
	margin-top: 150px;
}

.showFormNone font{
	margin-top: 30px;
    float: left;
    text-align: center;
    width: 100%;
}

.corlor-36{
	background-color: RGB(244, 244, 244);
}

.share-file-title{
	width: 100%;
    height: 60px;
    border-radius: 4px;
    border-bottom: 1px solid #dee9f5;
    position: fixed;
    text-align: center;
    background-color: white;
    z-index: 2;
}

.share-file-title .sys-logo{
    width: 300px;
    height: 100%;
    float: left;
    line-height: 60px;
    font-size: 21px;
}

.share-file-title .sys-login-mation{
    width: 250px;
    height: 100%;
    float: right;
}

.share-file-title .sys-login-mation .login-btn{
    width: 100%;
    float: right;
    height: 100%;
    text-align: right;
}

.share-file-title .sys-login-mation .login-btn font{
	line-height: 60px;
    color: rgb(20, 174, 255);
    cursor: pointer;
    margin: 0 10px;
}

.share-file-title .sys-login-mation .login-btn img{
    width: 40px;
    height: 40px;
    border-radius: 20px;
}

.share-file-title .sys-logo img{
    height: 60%;
    margin-top: 5%;
}

.fileListForm{
	width: calc(100% - 40px);
    height: calc(100% - 80px);
    border-radius: 4px;
    border: 1px solid #dee9f5;
    position: absolute;
    margin-left: 20px;
    text-align: center;
    margin-top: 75px;
    background-color: white;
}

.fileListForm .share-file-list{
	height: 100%;
	width: calc(100% - 230px);
	float: left;
	box-shadow: 0 0 10px rgba(171,198,235,.3);
}

.fileListForm .share-file-list .share-file-mation{
	width: calc(100% - 40px);
	float: left;
	height: 120px;
	margin: 0px 20px;
    border-bottom: 1px solid #f6f6f6;
}

.fileListForm .share-file-list .share-file-mation .file-title{
    width: 50%;
    float: left;
    height: 90px;
    line-height: 90px;
    text-align: left;
    font-size: 16px;
    font-weight: 600;
}

.fileListForm .share-file-list .share-file-mation .file-title img{
	width: 25px;
    height: 25px;
    margin-right: 10px;
}

.fileListForm .share-file-list .share-file-mation .file-operator{
	width: 50%;
    float: left;
    height: 90px;
    line-height: 90px;
    text-align: right;
}

.fileListForm .share-file-list .share-file-mation .file-operator button{
	color: #09AAFF;
	border-color: #09AAFF;
}

.fileListForm .share-file-list .share-file-mation .share-time-validity{
	width: 100%;
    float: left;
    height: 20px;
    line-height: 20px;
}

.fileListForm .share-file-list .share-file-mation .share-time-validity .share-time{
    width: 135px;
    height: 100%;
    float: left;
    text-align: left;
    color: #666;
}

.fileListForm .share-file-list .share-file-mation .share-time-validity .share-validity{
    width: 170px;
    height: 100%;
    float: left;
    text-align: left;
    color: #666;
}

.fileListForm .share-file-list .share-file-list-path{
	float: left;
	width: calc(100% - 40px);
	height: 40px;
	margin: 0px 20px;
    line-height: 40px;
    text-align: left;
}

.fileListForm .share-file-list .share-file-list-path .layui-breadcrumb a{
	color: #09AAFF !important;
}

.fileListForm .share-file-list .share-file-list-mation{
	width: calc(100% - 40px);
	float: left;
	height: calc(100% - 160px);
	margin: 0px 20px;
}

.fileListForm .share-file-list .share-file-list-mation .file-list-title{
	width: 100%;
    height: 40px;
    border-bottom: 1px solid #f6f6f6;
}

.fileListForm .share-file-list .share-file-list-mation .file-list-title .check_box,
.fileListForm .share-file-list .share-file-list-mation .file-list-content .file-item .check_box{
	float: left;
	height: 100%;
	width: 50px;
	line-height: 40px;
}

.fileListForm .share-file-list .share-file-list-mation .file-list-title .check_box input,
.fileListForm .share-file-list .share-file-list-mation .file-list-content .file-item .check_box input {
	display: none;
}

.fileListForm .share-file-list .share-file-list-mation .file-list-title .check_box input +label,
.fileListForm .share-file-list .share-file-list-mation .file-list-content .file-item .check_box input +label{
    display: block;
    width: 15px;
    height: 15px;
    cursor: pointer;
    position: absolute;
    margin-top: 12px;
    margin-left: 20px;
    border: 1px solid gainsboro;
}

.fileListForm .share-file-list .share-file-list-mation .file-list-title .check_box input:checked +label::before,
.fileListForm .share-file-list .share-file-list-mation .file-list-content .file-item .check_box input:checked +label::before{
    display: block;
    content: "\2714";
    text-align: center;
    font-size: 16px;
    color: RGB(9, 168, 255);
    margin-top: -12px;
}

.fileListForm .share-file-list .share-file-list-mation .file-list-title .file_name,
.fileListForm .share-file-list .share-file-list-mation .file-list-content .file-item .file_name{
	float: left;
	height: 100%;
	width: calc(60% - 50px);
    text-align: left;
    line-height: 40px;
    cursor: pointer;
    color: #888;
    padding-left: 8px;
    font-size: 12px;
}

.fileListForm .share-file-list .share-file-list-mation .file-list-content .file-item .file_name img{
    width: 20px;
    height: 20px;
}

.fileListForm .share-file-list .share-file-list-mation .file-list-title .file_name:HOVER{
	background-color: RGB(246, 250, 255);
}

.fileListForm .share-file-list .share-file-list-mation .file-list-title .size,
.fileListForm .share-file-list .share-file-list-mation .file-list-content .file-item .size{
	float: left;
	height: 100%;
	width: 15%;
    text-align: left;
    line-height: 40px;
    cursor: pointer;
    color: #888;
    padding-left: 8px;
    font-size: 12px;
}

.fileListForm .share-file-list .share-file-list-mation .file-list-title .size:HOVER{
	background-color: RGB(246, 250, 255);
}

.fileListForm .share-file-list .share-file-list-mation .file-list-title .time,
.fileListForm .share-file-list .share-file-list-mation .file-list-content .file-item .time{
	float: left;
	height: 100%;
	width: 20%;
    text-align: left;
    line-height: 40px;
    cursor: pointer;
    color: #888;
    padding-left: 8px;
    font-size: 12px;
}

.fileListForm .share-file-list .share-file-list-mation .file-list-title .time:HOVER{
	background-color: RGB(246, 250, 255);
}

.fileListForm .share-file-list .share-file-list-mation .file-list-content{
	width: 100%;
	float: left;
	height: auto;
	min-height: 100px;
}

.fileListForm .share-file-list .share-file-list-mation .file-list-content .file-item{
	width: 100%;
	float: left;
	height: 40px;
	border-bottom: 1px solid #f2f6fd;
}

.fileListForm .share-file-list .share-file-list-mation .file-list-content .file-item:HOVER{
	background-color: RGB(244, 251, 255);
	border-top: 1px solid #cbedff;
    border-bottom: 1px solid #cbedff;
    margin-top: -1px;
}

.fileListForm .share-file-list .share-file-list-mation .file-list-content .file-item .size .download{
    position: absolute;
    margin-left: -40px;
    display: none;
    color: rgb(9, 196, 255);
    font-size: 15px;
}

.fileListForm .share-user-mation{
	height: 100%;
	width: 230px;
	float: left;
	background-color: rgb(244, 244, 244);
}

.fileListForm .share-user-mation .user-mation{
	width: 100%;
	height: 80px;
}

.fileListForm .share-user-mation .user-mation img{
    width: 60px;
    height: 60px;
    border-radius: 30px;
    float: left;
    margin: 10px 20px;
}

.fileListForm .share-user-mation .user-mation font{
	float: left;
    line-height: 80px;
}

.layui-table-init{
	text-align: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    color: white;
    background-color: rgba(190,190,190,0.3);
}

.layui-table-init i{
	font-size: 45px;
    top: calc(50% - 22px);
    position: absolute;
}

.zip-show{
	
}

.zip-show .layui-layer-title{
	height: 90px;
    padding: 0px;
    background-image: url(../../../../assets/images/fly.png);
    background-color: lightskyblue;
    color: white;
    font-size: 20px;
    font-weight: 600;
}

.zip-show .layui-layer-title .fly-img{
	width: 60px;
    height: 60px;
    margin-top: 15px;
    margin-left: 15px;
    margin-right: 20px;
}

.zip-show .layui-layer-content iframe{
	margin-top: -1px;
}

#jszip_utils{
	width: 100%;
    height: 100%;
    overflow-x: hidden;
}

#jszip_utils .title{
    width: 100%;
    height: 22px;
    float: left;
    border-bottom: 1px solid #CDC9C9;
    border-top: 1px solid #CDC9C9;
    line-height: 22px;
    background-color: #EBEBEB;
    color: #8B8386;
}

#jszip_utils .title .name{
	width: calc(100% - 260px);
    float: left;
    padding-left: 10px;
    border-right: 1px solid #CDC9C9;
}

#jszip_utils .title .size{
    width: 80px;
    float: left;
    padding-left: 10px;
    border-right: 1px solid #CDC9C9;
}

#jszip_utils .title .updateTime{
    width: 140px;
    float: left;
    padding-left: 10px;
}

.fileconsole-mask{
	width: 100%;
	height: 100%;
	position: absolute;
    z-index: 100;
    background: RGBA(169, 169, 169, 0.3);
}

.fileconsole-mask .cent{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
}

.fileconsole-mask .cent i{
    font-size: 40px;
    color: #808080;
}

.fileconsole-mask .cent font{
	color: #808080;
}

.item-select .item-check{
	float: left;
	height: 100%;
	width: 50px;
	line-height: 15px;
}

.item-select .item-check input{
	display: none;
}

.item-select .item-check input +label{
    display: block;
    width: 15px;
    height: 15px;
    cursor: pointer;
    position: absolute;
    border-radius: 8px;
}

.item-select .item-check input:checked +label::before{
    display: block;
    content: "\2714";
    text-align: center;
    font-size: 16px;
    color: white;
    background-color: RGB(9, 168, 255);
    border-radius: 8px;
    height: 15px;
    width: 15px;
}

.sys-mation-module-operator{
	height: 45px;
	background-color: rgba(255, 255, 255, 0.1);
}

.sys-mation-module-operator .sys-mation-module-operator-left{
	height: 100%;
	width: calc(60% - 10px);
	float: left;
	text-align: left;
	padding-left: 10px;
	color: white;
    font-size: 13px;
    line-height: 45px;
}

.sys-mation-module-operator .sys-mation-module-operator-right{
	height: 100%;
	width: calc(40% - 10px);
	float: left;
	text-align: right;
    padding-right: 10px;
}

.sys-mation-module-operator .sys-mation-module-operator-right font{
	color: white;
    margin-right: 10px;
    font-family: 宋体;
}

.sys-mation-module-operator .sys-mation-module-operator-right font .refreshMinute{
	color: wheat;
	margin: 0 5px;
}

.sys-mation-module-operator .sys-mation-module-operator-right button{
    width: 28px;
    height: 28px;
    line-height: 25px;
    margin-top: 8px;
    background: rgba(234,234,234,0.1);
    border-color: rgba(234,234,234,0.23);
    border-radius: 5px;
}

.sys-mation-module-operator button i{
	color: white;
}

.sys-mation-module-list{
	height: 120px;
}

.sys-mation-module-list li{
    background-color: rgba(255, 255, 255, 0.1);
}

.sys-mation-module-list li a{
	color: white;
}

.sys-statistics-list{
	width: 100%;
	height: calc(100% - 175px);
}

.sys-statistics-list .sys-statistics{
	height: 50%;
}

.sys-statistics-list .sys-statistics .sys-statistics-show{
	width: calc(100% - 20px);
	height: calc(100% - 20px);
    background-color: rgba(255, 255, 255, 0.1)!important;
    margin: 10px 10px;
}

.load-rotate{
    text-align: center;
    position: absolute;
    width: 100%;
    margin-top: 170px;
    font-size: 25px;
    color: white;
}

.email-box{
	width: 100%;
	height: 100%;
	position: absolute;
}

.email-top{
	width: 100%;
	float: left;
	height: 39px;
	line-height: 39px;
	text-align: left;
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
    border-bottom: 1px solid #ddd;
    border-bottom-color: transparent;
    background-image: radial-gradient(circle at 20% 20%, RGB(215, 234, 250), rgb(181, 204, 229));
}

.email-top button{
    margin-left: 10px;
}

.email-top button:HOVER{
	background-color: transparent;
}

.email-left{
    height: calc(100% - 40px);
    width: 160px;
    float: left;
    background: RGB(230, 235, 239);
    border-right: 1px solid #f1f1f1;
}

.email-left .email-setting a.selected {
    background: #ddd;
    color: #000;
    border-left: 5px solid #EA533F;
    padding-left: 10px;
}

.email-left .email-setting a {
    height: 40px;
    line-height: 40px;
    text-decoration: none;
    box-sizing: border-box;
    text-indent: 8px;
    color: #666;
    display: block;
    overflow: hidden;
    cursor: pointer;
    text-transform: capitalize;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
    transition: all 0.2s;
    font-size: 15px;
	text-align: left;
}

.email-center-right{
    height: calc(100% - 40px);
    width: 300px;
    float: left;
    padding: 0px;
    border-right: 1px solid #f1f1f1;
}

.email-center-right .h2 {
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    font-weight: 400;
    color: #666;
    margin: 0;
    font-size: 18px;
    font-family: "Helvetica Neue", "Helvetica", "Microsoft Yahei", "微软雅黑", "Lantinghei SC", "STXihei", "WenQuanYi Micro Hei", Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    text-align: left;
    padding-left: 10px;
    padding-top: 10px;
}

.email-center-right .app-list{
	height: calc(100% - 45px);
    overflow-x: hidden;
    overflow-y: auto;
}

.email-center-right .app-list .selected{
	background-color: RGB(110, 136, 161);
	color: white;
}

.email-center-right .app-list .email-desc-item{
	height: 60px;
    width: 100%;
    border-bottom: 1px solid gainsboro;
    float: left;
}

.email-center-right .app-list .email-desc-item .email-desc-box{
	width: 100%;
	height: 100%;
}

.email-center-right .app-list .email-desc-item .email-desc-box .desc-left{
	width: 20px;
	height: 100%;
	float: left;
	padding-left: 5px;
}

.email-center-right .app-list .email-desc-item .email-desc-box .desc-left font{
	width: 100%;
	height: 50%;
	float: left;
    line-height: 30px;
}

.email-center-right .app-list .email-desc-item .email-desc-box .desc-left font i{
	color: RGB(224, 232, 239);
}

.email-center-right .app-list .email-desc-item .email-desc-box .desc-left font .active{
	color: RGB(251, 211, 150);
}

.email-center-right .app-list .email-desc-item .email-desc-box .desc-center{
	width: calc(100% - 120px);
	height: 100%;
	float: left;	
    text-align: left;
    padding: 0px 5px;
}

.email-center-right .app-list .email-desc-item .email-desc-box .desc-center font{
	width: 100%;
	height: 50%;
	float: left;
    line-height: 30px;
    white-space:nowrap; 
    overflow:hidden; 
    text-overflow:ellipsis;
}

.email-center-right .app-list .email-desc-item .email-desc-box .desc-center font i{
	float: left;
    line-height: 30px;
    margin-right: 5px;
}

.email-center-right .app-list .email-desc-item .email-desc-box .desc-right{
	width: 80px;
	height: 100%;
	float: left;
	text-align: right;
    padding-right: 5px;
    font-size: 12px;
    color: darkgray;
}

.email-center-right .app-list .email-desc-item .email-desc-box .desc-right font{
	width: 100%;
	height: 50%;
	float: left;
    line-height: 30px;
}

.email-right{
	height: calc(100% - 40px);
    width: calc(100% - 462px);
    float: left;
    padding: 0px;
}

.email-left-icon{
    width: 16px;
    height: 16px;
    margin-top: -4px;
    margin-right: 7px;
}

.email-first-add{
    width: 40%;
    margin-left: 30%;
    margin-top: 20%;
}

.email-list-box{
	float: right;
	height: 39px;
	line-height: 39px;
}

.email-list-box .layui-nav{
    height: 100%;
    padding: 0px 3px;
    background-color: transparent;
}

.email-list-box .layui-nav .layui-nav-item{
    line-height: 39px;
}

.email-list-box .layui-nav .layui-nav-item a{
	color: black;
}

.email-list-box .layui-nav .layui-nav-item .layui-nav-child{
	top: 39px;
}

.load-box{
	height: calc(100% - 45px);
    overflow: hidden;
    background: rgba(190, 190, 190, 0.1);
}

.load-box .email-load-box{
    margin-top: calc(100% - 50px);
    height: 100px;
}

.load-box .email-load-box i{
	font-size: 21px;
}

.notice-process-box{
	height: 100%;
	width: 85px;
	float: left;
}

.layui-layedit-tool .layui-icon .layui-colorpicker{
	border: 0px;
}

.sysenclosure-console{
	width: 100%;
	height: calc(100% - 50px);
	margin: 0 auto;
}

.sysenclosure-console .sysenclosure-left{
	width: 270px;
	float: left;
	height: 100%;
    background: rgba(221,221,221,0.02);
    border-right: 1px solid beige;
}

.sysenclosure-console .sysenclosure-left .sysenclosure-left-title{
	height: 50px;
	float: left;
	width: 100%;
	color: gray;
    font-size: 12px;
    line-height: 25px;
}

.sysenclosure-console .sysenclosure-left .sysenclosure-left-content{
	height: calc(100% - 50px);
	float: left;
    width: 100%;
}

.sysenclosure-console .sysenclosure-right{
	width: calc(100% - 275px);
	float: left;
	height: 100%;
    margin-left: 2px;
}

.input-icon{
	position: absolute;
	top:8px;
	right: 8px;
	cursor: pointer;
	color: gray;
    height: 16px;
    width: 16px;
}

.sel-people-list{
	width: calc(50% - 25px);
	float: left;
	height: 100%;
	padding: 10px;
    overflow-y: auto;
    overflow-x: hidden;
    border-left: 1px solid gainsboro;
    border-bottom: 1px solid gainsboro;
}

.sel-people-list .sel-people-item{
    width: 100%;
    float: left;
    height: 20px;
    padding: 5px;
    border-radius: 5px;
    cursor: pointer;
}

.sel-people-list .sel-people-item .sel-people-item-title{
	width: 40%;
    height: 20px;
    line-height: 20px;
    float: left;
    font: 14px Microsoft YaHei,Helvetica;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sel-people-list .sel-people-item .sel-people-item-title img{
	margin-right: 5px;
}

.sel-people-list .sel-people-item .sel-people-item-email{
	width: 60%;
    height: 20px;
    line-height: 20px;
    float: left;
    font-size: 12px;
    color: grey;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sel-people-list .sel-people-item:HOVER{
	background-color: gainsboro;
}

.sel-people-list .active{
	background-color: gainsboro;
}

.enclosure-sel-list{
    margin-top: 35px;
}
.enclosure-sel-list a{
    width: 100%;
    float: left;
}

.check-month{
	width: 98%;
    height: 100%;
    margin-left: 1%;
}

.check-month-left{
	width: 70%;
	float: left;
	padding: 10px;
    border-radius: 5px;
    background-color: rgb(244, 244, 246);
}

.check-month-right{
	width: 25%;
    height: 100%;
    float: left;
    margin: 0 5px;
}

.check-month-clock{
	width: 100%;
	float: left;
	height: 150px;
}

.user-send-success{
    width: 100%;
    height: 100%;
    text-align: center;
    position: relative;
    margin: 0 auto;
}

.user-send-success .user-send-success-box{
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    top: 45%;
    width: 100%;
    height: 200px;
}

.checkwork-a{
	cursor: pointer;
}

.checkwork-a:link{
	text-decoration:none; 
	font-size:16px;
}

.checkwork-a:hover{
	text-decoration:underline;
	font-size:22px;
}

.operator-user-group{
    width: calc(100% - 20px);
    height: 30px;
    line-height: 30px;
    text-align: left;
    margin: 0 10px;
    border-bottom: 1px solid gainsboro;
}

.operator-user-group a{
    height: 30px;
    width: 30px;
    font-size: 15px;
    margin-right: 6px;
    cursor: pointer;
}

.task-launch-item{
    float: left;
    height: 100px;
    font-family:"SimSun";
    border-radius: 5px;
    margin: 10px;
    width: calc(20% - 20px);
    position: relative;
    background-color: white;
    cursor: pointer;
}

.task-launch-item .task-left-top{
	float: left;
    width: 20px;
    height: 8px;
}

.task-launch-item .icon{
    float: left;
    width: 30px;
    height: 30px;
    margin-top: 15px;
    margin-left: -20px;
}

.task-launch-item .hot-div{
    float: left;
    width: 30px;
    height: 30px;
    margin-top: 65px;
    margin-left: -30px;
    text-align: center;
}

.task-launch-item span{
    margin: 10px 5px;
    padding-bottom: 5px;
    width: calc(100% - 40px);
    line-height: 13px;
    font-size: 14px;
    font-weight: bold;
    border-bottom: 1px solid darkgray;
    position: absolute;
}

.task-launch-item .remark{
	position: absolute;
    line-height: 20px;
    margin: 10px 10px;
    margin-top: 35px;
    margin-left: 35px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    font-size: 12px;
    color: gray;
}

.task-launch-item-bk{
	width: 3px;
	height: 3px;
	position: absolute;
	z-index: 99;
	border-radius:10px;
}
.task-launch-item-bk_1{
	height: 0px;
	top: 0px;
	left: 0px;
}
.task-launch-item-bk_2 {
	width: 0px;
	bottom: -3px;
	left: 0px;
}
.task-launch-item-bk_3{
	height: 0px;
	bottom: 0px;
	right: 0px;
}
.task-launch-item-bk_4{
	width: 0px;
	top: -3px;
	right: 0px;
}

.insurance-table td{
    padding: 4px;
}

/******************************论坛开始*********************************/
.forum-console{
	width: 100%;
	height: 100%;
	float: left;
}

.forum-console .layadmin-caller .caller-contar{
    height: -webkit-fill-available;
}

.forum-console .forum-title{
	height: 40px;
	width: 100%;
	float: left;
	background-color: rgb(78, 81, 93);
}

.forum-console .forum-title .title-item{
	height: 40px;
    line-height: 40px;
    padding: 0px 20px;
    width: 80px;
    float: left;
    text-align: center;
}

.forum-console .forum-title .title-item a{
	color: gainsboro;
	cursor: pointer;
	font-size: 14px;
}

.forum-console .forum-title .title-item a:HOVER{
	color: white;
}

.forum-console .forum-search{
	height: 60px;
	float: left;
	margin: 10px 15%;
	width: calc(70%);
	text-align: center;
}

.forum-console .forum-search .layui-input{
	width: 50%;
	display: inline !important;
	height: 40px;
	border-radius: 4px 0px 0px 4px;
}

.forum-console .forum-search .layui-btn{
	width: 64px;
    height: 40px;
    cursor: pointer;
    border: none;
    background: #06ad3d;
    border-radius: 0 4px 4px 0;
    font-size: 16px;
    color: #fff;
    font-weight: 700;
    margin-left: -5px;
    margin-top: -2px;
}

.forum-console .main-content{
	float: left;
    margin: 10px 10%;
    width: calc(80%);
}

.forum-console .main-content .layui-a-tips{
	position: absolute;
    right: 15px;
    color: #01AAED;
    cursor: pointer;
}

.forum-console .main-content .hot-user-img{
	width: 24px;
    height: 24px;
    margin-right: 10px;
}

.forum-console .main-content .layuiadmin-card-text{
	background-color: #f8f8f8;
    color: #777;
    padding: 12px;
    height: 140px;
}

.forum-console .main-content .layuiadmin-card-text .layui-text-top a {
    line-height: 24px;
    font-size: 16px;
    vertical-align: top;
    cursor: pointer;
}

.forum-console .main-content .layuiadmin-card-text .layui-text-top a:HOVER{
	color: #01AAED;
}

.forum-console .main-content .layui-text-center{
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    cursor: pointer;
    height: 72px;
}

.forum-console .main-content .layui-text-center:HOVER{
    color: #01AAED;
}

.forum-console .main-content .layui-text-bottom{
    position: relative;
    min-height: 20px;
}

.forum-console .main-content .layui-text-bottom a{
	color: #777;
    font-size: 12px;
    text-overflow: ellipsis;
    word-break: break-all;
    cursor: pointer;
}

.forum-console .main-content .layui-text-bottom a:HOVER{
	color: #01AAED;
}

.forum-console .main-content .layui-text-bottom span{
	color: #CCC;
    font-size: 12px;
    position: absolute;
    right: 0;
}

.forum-console .main-content .active-user li{
	margin-top: 4px;
    margin-bottom: 5px;
    cursor: pointer;
}

.forum-console .main-content .active-user li .active-user-img{
	width: 45px;
    margin-left: calc(50% - 22px);
    height: 45px;
	float: left;
}

.forum-console .main-content .active-user li cite{
	width: 100%;
	float: left;
	text-align: center;
	font-size: 12px;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.forum-console .main-content .layuiadmin-card-status dd{
    height: 30px;
    line-height: 30px;
}

.forum-console .main-content .layuiadmin-card-status .layui-status-img{
	width: 20px;
	height: 20px;
	float: left;
	margin-right: 8px;
}

.forum-console .main-content .layuiadmin-card-status .layui-status-img img{
	width: 100%;
	height: 100%;
	border-radius: 5px;
}

.forum-console .main-content .layuiadmin-card-status dd div p{
	cursor: pointer;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.forum-console .main-content .layuiadmin-card-status dd div p:HOVER {
	color: #01AAED;
}

.forum-console .main-content .layuiadmin-card-link a{
    display: inline-block;
    color: #666;
    font-size: 14px;
    margin: 0px 10px;
    margin-bottom: 12px;
    border: 1px solid #C9C9C9;
    padding: 0px 8px;
    min-height: 20px;
}

.forum-console .main-content .layuiadmin-card-link a:HOVER {
	color: #01AAED;
}

.forum-console .forum-detail{
    width: 100%;
    float: left;
    min-height: 100%;
}
.forum-console .forum-detail .forum-reback{
    width: calc(100% - 20px);
    padding: 0 10px;
    float: left;
    height: 40px;
    background-color: white;
    margin-top: 10px;
    line-height: 40px;
    text-align: left;
    color: grey;
}
.forum-console .forum-detail .forum-reback span{
    cursor: pointer;
}
.forum-console .forum-detail .forum-reback span i{
    margin-right: 5px;
}
.forum-console .forum-detail .main-content .forum-content-detail{
    width: 100%;
    margin-right: 8px;
    float: left;
    min-height: 200px;
    background-color: white;
}
.forum-console .forum-detail .main-content .forum-content-detail .user-title-img{
    width: 80px;
    float: left;
    text-align: center;
}
.forum-console .forum-detail .main-content .forum-content-detail .user-title-img img{
    width: 40px;
    height: 40px;
    margin-top: 5px;
    border-radius: 20px;
}
.forum-console .forum-detail .main-content .forum-content-detail .item-content{
    float: left;
    width: calc(100% - 100px);
    margin-left: 10px;
    min-height: 170px;
}
.forum-console .forum-detail .main-content .forum-content-detail .item-content .user-title-name{
    width: 100%;
    float: left;
    text-align: left;
    height: 20px;
    line-height: 20px;
    font-weight: 800;
    font-size: 14px;
    cursor: pointer;
}
.forum-console .forum-detail .main-content .forum-content-detail .item-content .forum-item-send-time{
    width: 100%;
    float: left;
    text-align: left;
    height: 25px;
    line-height: 30px;
    color: #c6c1cc;
    font-size: 12px;
}
.forum-console .forum-detail .main-content .forum-content-detail .item-content .forum-item-content{
    width: 100%;
    float: left;
    word-wrap: break-word;
}

.forum-console .forum-detail .main-content .forum-content-detail .item-content-operator{
    width: 100%;
    float: left;
    height: 30px;
}
.forum-console .forum-detail .main-content .forum-content-detail .item-content-operator .operator-item{
    width: calc(25% - 1px);
    float: left;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    color: grey;
    cursor: pointer;
    border-top: 1px solid gainsboro;
    border-right: 1px solid gainsboro;
}
.forum-console .forum-detail .main-content .forum-content-detail .item-content-operator .operator-item i{
    margin-right: 5px;
}
.forum-console .forum-detail .main-content .forum-content-comment-box{
    width: 100%;
    margin-right: 8px;
    float: left;
    min-height: 200px;
    background-color: white;
    margin-top: 10px;
    margin-bottom: 10px;
}
.forum-console .forum-detail .main-content .forum-content-comment-box .comment-title{
    margin: 0 10px;
    float: left;
    text-align: left;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    font-weight: 800;
    width: calc(100% - 20px);
    border-bottom: 1px solid gainsboro;
}
.forum-console .forum-detail .main-content .forum-content-comment-box .comment-list{
    margin: 0 20px;
    width: calc(100% - 40px);
    float: left;
}
.forum-console .forum-detail .main-content .forum-content-comment-box .comment-list .first-comment-item{
    width: 100%;
    float: left;
    margin: 8px 0px;
    border-bottom: 1px solid #d9d9d9;
}
.forum-console .forum-detail .main-content .forum-content-comment-box .comment-list .first-comment-item .people-photo{
    width: 35px;
    height: 35px;
    float: left;
    margin-right: 5px;
}
.forum-console .forum-detail .main-content .forum-content-comment-box .comment-list .first-comment-item .people-photo img{
    width: 100%;
    height: 100%;
}
.forum-console .forum-detail .main-content .forum-content-comment-box .comment-list .first-comment-item .comment-text{
    width: calc(100% - 40px);
    float: left;
}
.forum-console .forum-detail .main-content .forum-content-comment-box .comment-list .first-comment-item .comment-text .people-name{
    width: 100%;
    float: left;
    text-align: left;
}
.forum-console .forum-detail .main-content .forum-content-comment-box .comment-list .first-comment-item .comment-text .people-name span{
    float: left;
    font-size: 12px;
    line-height: 20px;
}
.forum-console .forum-detail .main-content .forum-content-comment-box .comment-list .first-comment-item .comment-text .people-name .name-span{
    float: left;
    color: #ee6583;
    cursor: pointer;
}
.forum-console .main-content .caller-contar .caller-item .people-name .name-span {
    color: #ee6583;
    cursor: pointer;
}
.forum-console .forum-detail .main-content .forum-content-comment-box .comment-list .first-comment-item .comment-text .people-name .operator-box{
    width: 100%;
    float: left;
    margin-top: 5px;
}
.forum-console .forum-detail .main-content .forum-content-comment-box .comment-list .first-comment-item .comment-text .people-name .operator-box .comment-time{
    float: left;
    width: 40%;
    color: #808080;
}
.forum-console .forum-detail .main-content .forum-content-comment-box .comment-list .first-comment-item .comment-text .people-name .operator-box .operator-btn{
    float: right;
    width: 50%;
}
.forum-console .forum-detail .main-content .forum-content-comment-box .comment-list .first-comment-item .comment-text .people-name .operator-box .operator-btn span{
    font-size: 12px;
    float: right;
    margin-right: 5px;
    cursor: pointer;
}
.forum-console .forum-detail .main-content .forum-content-comment-box .comment-list .first-comment-item .comment-text .people-name .operator-box .operator-btn span:HOVER{
    color: #ee6583;
}
.forum-console .forum-detail .main-content .forum-content-comment-box .comment-list .first-comment-item .comment-text .second-comment-item{
    width: calc(100% - 20px);
    float: left;
    background-color: rgb(242, 242, 242);
    padding: 10px;
    margin: 8px 0px;
}
.forum-console .forum-detail .main-content .forum-content-comment-box .comment-list .first-comment-item .comment-text .second-comment-item .se-comment-text{
    width: 100%;
    float: left;
    border-bottom: 1px solid #d9d9d9;
}
.forum-console .forum-detail .main-content .forum-content-comment-box .comment-list .first-comment-item .comment-text .second-comment-item .se-comment-text .se-people-name{
    width: 100%;
    float: left;
    text-align: left;
}
.forum-console .forum-detail .main-content .forum-content-comment-box .comment-list .first-comment-item .comment-text .second-comment-item .se-comment-text .se-people-name span{
    float: left;
    line-height: 20px;
    font-size: 12px;
}
.forum-console .forum-detail .main-content .forum-content-comment-box .comment-list .first-comment-item .comment-text .second-comment-item .se-comment-text .se-people-name .se-name-span{
    float: left;
    color: #ee6583;
    cursor: pointer;
}
.forum-console .forum-detail .main-content .forum-content-comment-box .comment-list .first-comment-item .comment-text .second-comment-item .se-comment-text .se-people-name .se-operator-box{
    float: left;
    width: 100%;
    margin-top: 5px;
}
.forum-console .forum-detail .main-content .forum-content-comment-box .comment-list .first-comment-item .comment-text .second-comment-item .se-comment-text .se-people-name .se-operator-box .se-comment-time{
    float: left;
    width: 40%;
    color: #808080;
}
.forum-console .forum-detail .main-content .forum-content-comment-box .comment-list .first-comment-item .comment-text .second-comment-item .se-comment-text .se-people-name .se-operator-box .se-operator-btn{
    float: right;
    width: 50%;
}
.forum-console .forum-detail .main-content .forum-content-comment-box .comment-list .first-comment-item .comment-text .second-comment-item .se-comment-text .se-people-name .se-operator-box .se-operator-btn span{
    font-size: 12px;
    float: right;
    margin-right: 5px;
    cursor: pointer;
}
.forum-console .forum-detail .main-content .forum-content-comment-box .comment-list .first-comment-item .comment-text .second-comment-item .se-comment-text .se-people-name .se-operator-box .se-operator-btn span:HOVER{
    color: #ee6583;
}
.forum-console .forum-detail .main-content .center-top{
    width: calc(100% - 20px);
    padding: 10px;
    float: left;
    height: 110px;
    background: rgba(255, 255, 255, 1);
    margin-top: 15px;
}
.forum-console .forum-detail .main-content .center-top .show-content{
    height: 60px;
    width: 100%;
    float: left;
    margin-top: 8px;
}
.forum-console .forum-detail .main-content .center-top .show-content textarea{
    min-height: auto;
    height: 100%;
    resize: none;
}
.forum-console .forum-detail .main-content .center-top .show-content-btn{
    height: 35px;
    width: 100%;
    float: left;
    margin-top: 8px;
}
.forum-console .forum-detail .main-content .center-top .show-content-btn .file-type-item{
    height: 35px;
    line-height: 35px;
    float: right;
    margin-right: 15px;
    cursor: pointer;
}
.forum-console .forum-detail .main-content .center-top .show-content-btn .file-type-item button{
	
}

.suspension-menu{
    position: fixed;
    top: 80px;
    left: 30px;
}

.suspension-menu .suspension-menu-icon{
	width: 35px;
    height: 35px;
    border-radius: 25px;
    cursor: pointer;
}

.suspension-menu .drop-down-menu{
	display: block;
	background-color: white;
	border-radius: 5px;
    width: 100px;
    padding-left: 5px;
}

.suspension-menu .drop-down-menu .down-menu-item{
    height: 30px;
    line-height: 30px;
    margin: 5px 3px;
    cursor: pointer;
    border-bottom: 1px solid beige;
}

.suspension-menu .drop-down-menu .down-menu-item img{
	width: 16px;
    height: 16px;
    border-radius: 8px;
}

.suspension-menu .drop-down-menu .down-menu-item a{
	font-size: 12px;
}

.suspension-menu .drop-down-menu .down-menu-item a:HOVER {
	color: #01AAED;
}

.rotate1{
	transform: rotate(45deg);
	transtion: all .3s linear;
	-webkit-transform: rotate(45deg);
	-webkit-transtion: all .3s linear;
}
.rotate{
	transform: rotate(0);
	transtion: all .3s linear;
	-webkit-transform: rotate(0);
	-webkit-transtion: all .3s linear;
}

.layadmin-caller .caller-contar .caller-item .forum-main{
	width: calc(100% - 50px);
    margin-left: 10px;
}

.layadmin-caller .caller-contar .caller-item .forum-main .forum-desc {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    margin-top: 8px;
    line-height: 20px;
    cursor: pointer;
}

.layadmin-caller .caller-contar .caller-item .forum-main .forum-desc:HOVER{
	color: #01AAED;
}

.layadmin-caller .caller-contar .caller-item .forum-main p em{
	cursor: pointer;
}

.layadmin-caller .caller-contar .caller-item .forum-main p em:HOVER{
	color: #01AAED;
}

.layadmin-caller .caller-contar .caller-item .forum-main p strong{
    border: 1px solid #01AAED;
    padding: 2px 6px;
    color: #01AAED;
    cursor: pointer;
    margin-left: 2px;
}

.layadmin-caller .caller-contar .caller-item .hi-list{
	margin-top: 8px;
	margin-left: 50px;
}

.layadmin-caller .caller-contar .caller-item .hi-list em{
	padding: 0px 5px;
	color: gray;
	cursor: pointer;
}

.layadmin-caller .caller-contar .caller-item .hi-list em i{
	margin-right: 4px;
}

.layadmin-caller .caller-contar .caller-item .send-forum-time{
	margin-top: 8px;
}

.layadmin-caller .caller-contar .caller-item .my-forum-main{
	width: calc(100% - 10px);
    margin-left: 10px;
}

.layadmin-caller .caller-contar .caller-item .my-forum-main .forum-state{
	margin-left: 20px;
}

.layadmin-caller .caller-contar .caller-item .my-forum-main .forum-desc {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    margin-top: 8px;
    line-height: 20px;
    cursor: pointer;
}

.layadmin-caller .caller-contar .caller-item .my-forum-main .forum-desc:HOVER{
	color: #01AAED;
}

.layadmin-caller .caller-contar .caller-item .my-forum-main p strong{
    border: 1px solid #01AAED;
    padding: 2px 6px;
    color: #01AAED;
    cursor: pointer;
    margin-left: 2px;
}

.layadmin-caller .caller-contar .caller-item .my-forum-main p em{
	cursor: pointer;
}

.layadmin-caller .caller-contar .caller-item .my-forum-main p em:HOVER{
	color: #01AAED;
}

.layadmin-caller .caller-contar .caller-item .my-hi-list{
	margin-top: 8px;
	margin-left: 5px;
}

.layadmin-caller .caller-contar .caller-item .my-hi-list em{
	padding: 0px 5px;
	color: gray;
	cursor: pointer;
}

.layadmin-caller .caller-contar .caller-item .my-hi-list em i{
	margin-right: 4px;
}

.layadmin-caller .caller-contar .caller-item .my-operator-list{
    float: right;
    right: 0px;
    margin-top: -20px;
}

.layadmin-caller .caller-contar .caller-item .my-operator-list a{
	cursor: pointer;
	color: #01AAED;
}

/******************************论坛结束*********************************/

.notice-title-click{
    color: cornflowerblue;
    cursor: pointer;
    text-decoration: underline;
}

.plan-type-btn:HOVER {
	color: white;
	background-color: rgb(3, 154, 223);
	border-color: rgb(3, 154, 223);
}

.plan-select{
	color: white;
	background-color: rgb(3, 154, 223);
	border-color: rgb(3, 154, 223);
}

.plan-data-box{
	margin: auto 10px; 
	min-height: calc(100% - 120px);
}

.plan-data-box .plan-data-left-box{
	width: 180px; 
	float: left; 
	border-right: 1px solid #F5F6F7;
    height: calc(100% - 160px);
    position: absolute;
}

.plan-data-box .plan-data-right-box{
	width: calc(100% - 190px); 
	float: right;
}

.plan-data-box .plan-choose{
	height: 100%;
    overflow-y: auto;
    width: calc(100% - 10px);
}

.plan-data-box .plan-choose li{
	height: 35px;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
}

.plan-data-box .plan-choose li span{
	font-size: 12px;
	color: darkgrey;
}

.plan-data-box .plan-choose li:HOVER {
	background-color: #dadada;
}

.plan-data-box .plan-choose .active{
	background-color: #dadada;
}

.choosetag .layui-form-checkbox{
    margin: 5px;
}

/*************************传统风格界面样式start*****************************/
.tradition-left{
	width: 218px;
	height: 100%;
	float: left;
}

.tradition-left .tradition-left-top{
	width: 100%;
	height: 50px;
	background-color: #20222A !important;
	text-align: center;
	overflow: hidden;
    font-weight: 300;
    background-repeat: no-repeat;
    background-position: center center;
}

.tradition-left .tradition-left-top span{
	line-height: 50px;
	color: rgba(255, 255, 255, 0.8);
	font-size: 16px;
}

.tradition-left .tradition-left-center{
    width: 100%;
    height: calc(100% - 120px);
    background-color: RGB(56, 66, 86);
}

.tradition-left .tradition-left-center .layui-nav-item a img{
	width: 18px;
	height: 18px;
}

.tradition-left .tradition-left-bottom{
	width: 100%;
    height: 70px;
    background-color: RGB(56, 66, 86);
}

.tradition-left .tradition-left-bottom .other-item{
    width: 23%;
    margin: 0px 1%;
	float: left;
	height: 100%;
	text-align: center;
	cursor: pointer;
}

.tradition-left .tradition-left-bottom .other-item .other-item-img{
	width: 45px;
	height: 45px;
	margin: 0px calc(50% - 22px);
	float: left;
}

.tradition-left .tradition-left-bottom .other-item .other-item-img i{
	margin-top: 15px;
    font-size: 19px;
    color: whitesmoke;
}

.tradition-left .tradition-left-bottom .other-item .other-item-title{
	width: 100%;
	float: left;
	color: whitesmoke;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

.tradition-left .tradition-left-bottom .other-item .other-item-title font{
    font-size: 12px;
}

.tradition-right{
	width: calc(100% - 220px);
	height: 100%;
	float: right;
}

.tradition-right .tradition-right-top{
	border-bottom: 1px solid #f6f6f6;
	height: 50px;
}

.tradition-right .tradition-right-top .layui-nav .layui-nav-item a{
	color: black;
}

.tradition-right .tradition-right-top .layui-nav .layui-nav-item .layui-input-search{
	height: 50px;
    border: 0px;
}

.tradition-right .tradition-right-top .layui-nav .layui-nav-item .layui-input-search:HOVER{
	border-color: white !important;
}

.tradition-right .tradition-right-top .layui-nav .layui-nav-item .layui-input-search:FOCUS {
	border-color: white !important;
	outline: 0;
	box-shadow: 0 0 0 0rem rgba(0, 123, 255, 0) !important;
}

.tradition-right .tradition-right-top .layui-nav li .layui-nav-child dd a i{
	margin-right: 7px;
	width: 15px;
    text-align: center;
}

.tradition-right .tradition-right-top .desktop-menu-box{
	color: black;
	margin-left: 60px;
	width: calc(100% - 530px);
	height: 50px;
	overflow-x: auto;
	overflow-y: hidden;
    padding: 0 5px;
}

.tradition-right .tradition-right-top .desktop-menu-box ul .select{
	background-color: rgb(242, 242, 242);
}

.tradition-right .tradition-right-top .desktop-menu-box::-webkit-scrollbar{
	width: 10px;
    height: 2px;
}

.tradition-right .tradition-right-top .desktop-menu-box ul{
	height: 100%;
}

.tradition-right .tradition-right-top .desktop-menu-box ul li{
	height: 50px;
    line-height: 50px;
	margin: 0px;
    float: left;
}

.tradition-right .tradition-right-top .desktop-menu-box ul li:HOVER{
	background-color: rgb(242, 242, 242);
	cursor: pointer;
}

.tradition-right .tradition-right-top .desktop-menu-box ul li a i{
	margin-right: 5px;
}

.tradition-right .tradition-right-center{
	border-bottom: 1px solid #f6f6f6;
	height: 40px;
}

.tradition-right .tradition-right-center .layadmin-pagetabs{
	
}

.tradition-right .tradition-right-center .layadmin-pagetabs .m-icon{
	height: 40px;
    width: 40px;
    float: left;
    text-align: center;
    line-height: 45px;
    cursor: pointer;
    border-left: 1px solid #f6f6f6;
}

.tradition-right .tradition-right-center .layadmin-pagetabs .m-icon:HOVER{
	background-color: RGB(246, 246, 246);
}

.tradition-right .tradition-right-center .layadmin-pagetabs .m-icon i{
	font-size: 20px;
}

.tradition-right .tradition-right-center .layadmin-pagetabs .m-icon .layui-nav{
	padding: 0px;
    height: 100%;
}

.tradition-right .tradition-right-center .layadmin-pagetabs .m-icon .layui-nav .layui-nav-item a{
	width: 40px;
	height: 40px;
	padding: 0px;
}

.tradition-right .tradition-right-center .layadmin-pagetabs .m-icon .layui-nav .layui-nav-item a .layui-nav-more{
	left: 15px;
    top: 40%;
}

.tradition-right .tradition-right-center .layadmin-pagetabs .m-icon .layui-nav .layui-nav-item .layui-nav-child{
    width: 125px;
    top: 40px;
    left: auto;
    right: 0;
}

.tradition-right .tradition-right-center .layadmin-pagetabs .m-icon .layui-nav .layui-nav-item .layui-nav-child dd a{
	width: 100%;
}

.tradition-right .tradition-right-center .layadmin-pagetabs .layui-tab-title li{
    min-width: 30px;
    padding: 0 10px;
    border-right: 1px solid #f6f6f6;
}

.tradition-right .tradition-right-center .layadmin-pagetabs .layui-tab-title li:HOVER{
	color: white;
	background-color: rgb(130, 182, 122);
}

.tradition-right .tradition-right-center .layadmin-pagetabs .layui-tab-title li span{
	margin-left: 8px;
}

.tradition-right .tradition-right-center .layadmin-pagetabs .layui-tab-title li .close-i{
	margin-left: 5px;
}

.tradition-right .tradition-right-center .layadmin-pagetabs .layui-tab-title .layui-this{
	color: white;
    background-color: rgb(130, 182, 122);
}

.tradition-right .tradition-right-center .layadmin-pagetabs .layui-tab-title li img{
	width: 18px;
	height: 18px;
    margin-right: 5px;
}

.tradition-right .tradition-right-bottom{
	width: 100%;
	height: calc(100% - 120px);
}

.tradition-right .tradition-right-bottom .layui-tab-item{
	height: 100%;
}

.tradition-right .tradition-right-bottom .layui-tab-item iframe{
	height: 100%;
	width: 100%;
}

.tradition-right .tradition-right-bottom-copyright{
	width: 100%;
	height: 40px;
	line-height: 25px;
    text-align: center;
    color: gray;
}

.tradition-right .tradition-right-center .layadmin-pagetabs .rightmenu{
    background-color: white;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .12);
    border: 1px solid #d2d2d2;
    z-index: 100;
    border-radius: 2px;
    white-space: nowrap;
    font-size: 14px;
}

.tradition-right .tradition-right-center .layadmin-pagetabs .rightmenu li{
	height: 36px;
    line-height: 36px;
    padding: 0px 15px;
    font-size: 14px;
    cursor: pointer;
}

.tradition-right .tradition-right-center .layadmin-pagetabs .rightmenu li:HOVER{
	background-color: rgb(242, 242, 242);
}

.tradition-right .tradition-right-center .layadmin-pagetabs .layui-tab-title li:nth-child(1) .layui-tab-close{
	display: none;
}

.tradition-username{
    text-overflow: ellipsis;
    white-space: nowrap;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    float: left;
    width: 80px;
}

/*************************传统风格界面样式end*****************************/

/*************************多选下拉框样式start******************************/
select[multiple]+.layui-form-select>.layui-select-title>input.layui-input{ border-bottom: 0}
select[multiple]+.layui-form-select dd{ padding:0;text-align: left;}
select[multiple]+.layui-form-select .layui-form-checkbox[lay-skin=primary]{ margin:0 !important; display:block; line-height:36px !important; position:relative; padding-left:26px;width: 100%;text-align: left;}
select[multiple]+.layui-form-select .layui-form-checkbox[lay-skin=primary] span{line-height:36px !important; float:none;}
select[multiple]+.layui-form-select .layui-form-checkbox[lay-skin=primary] i{ position:absolute; left:10px; top:0; margin-top:9px;}
.multiSelect{ line-height:normal; height:auto; padding:4px 10px; overflow:hidden; min-height: 30px;  margin-top: -30px; left:0; z-index:99;position:relative;background:none;}
.multiSelect a{ padding:0px 5px; background:#908e8e; border-radius:2px; color:#fff; display:block; line-height:20px; height:20px; margin:2px 5px 2px 0; float:left;}
.multiSelect a span{ float:left;}
.multiSelect a i {float:left;display:block;margin:2px 0 0 0px;border-radius:2px;width:8px;height:8px;padding:8px;position:relative;-webkit-transition:all .3s;transition:all .3s}
.multiSelect a i:before, .multiSelect a i:after {position:absolute;left:8px;top:2px;content:'';height:12px;width:1px;background-color:#fff}
.multiSelect a i:before {-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.multiSelect a i:after {-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.multiSelect a i:hover{ background-color:#545556;}
.multiOption{display: inline-block; padding: 0 5px;cursor: pointer; color: #999;}
.multiOption:hover{color: #5FB878}

@font-face {font-family: "iconfont"; src: url('data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAaoAAsAAAAACfwAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAARAAAAFZW7kokY21hcAAAAYAAAABwAAABsgdU06BnbHlmAAAB8AAAAqEAAAOUTgbbS2hlYWQAAASUAAAALwAAADYR+R9jaGhlYQAABMQAAAAcAAAAJAfeA4ZobXR4AAAE4AAAABMAAAAUE+kAAGxvY2EAAAT0AAAADAAAAAwB/gLGbWF4cAAABQAAAAAfAAAAIAEVAGhuYW1lAAAFIAAAAUUAAAJtPlT+fXBvc3QAAAZoAAAAPQAAAFBD0CCqeJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2Bk/s04gYGVgYOpk+kMAwNDP4RmfM1gxMjBwMDEwMrMgBUEpLmmMDgwVLwwZ27438AQw9zA0AAUZgTJAQAokgyoeJzFkTEOgCAQBOdAjTH+wtbezvggKyteTPyFLpyFvsC9DNnbHIEA0AJRzKIBOzCKdqVW88hQ84ZN/UBPUKU85fVcrkvZ27tMc17FR+0NMh2/yf47+quxrtvT6cVJD7pinpzyI3l1ysy5OIQbzBsVxHicZVM9aBRBFJ43c7szyeV2s/97m9zP3ppb5ZID72+9iJfDnyIiGImCMZWFXaKdaSyuESJYCFZpRZBUCpaJcCCKaexsRVHQytrC2/Pt5ZSIy+z3vvnemwfvY4ZIhAw/s33mEoMcJyfJebJCCMgVKCk0B37YqNIKWL5kOabCwiD0eVCqsjPglGTTrrUaZUfmsgoK5KHu11phlYbQbHToaajZOYDsjLeqz83q7BFMumH+fnyRPgGrEMyqnYV4eX7JrBUNsTWl61ldfyhkSRKUplQFNh17QpqYlOOnkupZ+4UTtABT2dC7tJYpzug3txu3c3POBECvB8ZMUXm2pHkarnuebehZPp0RrpcJjpmw9TXtGlO58heCXwpnfcVes7PExknPkVWctFxSIUxANgs4Q9RaglYjjIKwCqGvANfy4NQtBL8DkYaipAVVaGqNVuTnoQBYg8NzHzNaJ7HAdpjFXfF2DSEjxF2ui7T8ifP2CsBiZTCsLCbxCv4UDvlgp+kFgQcHXgAQP64s0gdQdOOKWwSM8CGJz4V4c11gQwc70hTlH4XLv12dbwO052OotGHMYYj8VrwDJQ/eeSXA2Ib24Me42XvX993ECxm96LM+6xKdBCRCNy6TdfSDoxmJFXYBaokV5RL7K/0nOHZ9rBl+chcCP7kVMML6SGHozx8Od3ZvCEvlm5KQ0nxPTJtiLHD7ny1jsnxYsAF7imkq8QVEOBgF5Yh0yNkpPIenN2QAsSdMNX6xu85VC/tiE3Mat6P8JqWM73NLhZ9mzjBy5uAlAlJYBiMRDPQleQ+9FEFfJJImGnHQHWIEmm/5UB8h8uaIIzrc4SEPozByel3oDvFcN+4D+dU/uou/L2xv/1mUQBdTCIN+jGUEgV47UkB+Aw7YpAMAAAB4nGNgZGBgAGLbQwYd8fw2Xxm4WRhA4HrO20sI+n8DCwOzE5DLwcAEEgUAPX4LPgB4nGNgZGBgbvjfwBDDwgACQJKRARWwAgBHCwJueJxjYWBgYH7JwMDCgMAADpsA/QAAAAAAAHYA/AGIAcp4nGNgZGBgYGWIYWBjAAEmIOYCQgaG/2A+AwASVwF+AHicZY9NTsMwEIVf+gekEqqoYIfkBWIBKP0Rq25YVGr3XXTfpk6bKokjx63UA3AejsAJOALcgDvwSCebNpbH37x5Y08A3OAHHo7fLfeRPVwyO3INF7gXrlN/EG6QX4SbaONVuEX9TdjHM6bCbXRheYPXuGL2hHdhDx18CNdwjU/hOvUv4Qb5W7iJO/wKt9Dx6sI+5l5XuI1HL/bHVi+cXqnlQcWhySKTOb+CmV7vkoWt0uqca1vEJlODoF9JU51pW91T7NdD5yIVWZOqCas6SYzKrdnq0AUb5/JRrxeJHoQm5Vhj/rbGAo5xBYUlDowxQhhkiMro6DtVZvSvsUPCXntWPc3ndFsU1P9zhQEC9M9cU7qy0nk6T4E9XxtSdXQrbsuelDSRXs1JErJCXta2VELqATZlV44RelzRiT8oZ0j/AAlabsgAAAB4nGNgYoAALgbsgJWRiZGZkYWRlZGNgbGCuzw1MykzMb8kU1eXs7A0Ma8CiA05CjPz0rPz89IZGADc3QvXAAAA') format('woff')}
.iconfont {font-family:"iconfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.icon-fanxuan:before { content: "\e837"; }
.icon-quanxuan:before { content: "\e623"; }
.icon-qingkong:before { content: "\e63e"; }
/*************************多选下拉框样式end******************************/

.mask-req-str{
	width: 100%;
	height: 100%;
	position: fixed;
    z-index: 9999999;
    top: 0px;
    background: rgba(255, 255, 255, 0.3);
}

.mask-req-str .cent{
    position: absolute;
    top: calc(50% - 50px);
    left: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
}

.mask-req-str .cent i{
    font-size: 40px;
    color: darkgray;
}

.mask-req-str .cent font{
	color: darkgray;
}

.layui-input-block .demo-slider{
    padding-top: 15px;
    margin-left: 7px;
}

.violation{
	border: 1px solid burlywood !important;
    color: burlywood !important;
}

.disheader{
	width: 80%;
    margin-left: 10%;
    float: left;
    font-size: 18px;
    font-weight: 600;
}

.disdesc{
	width: 80%;
    margin-left: 10%;
    float: left;
    padding: 5px 5px;
    color: grey;
}

.discontent{
	width: 80%;
    margin-left: 10%;
    float: left;
}

.disreplay{
	width: 80%;
    margin-left: 10%;
    float: left;
}

.disreplay .disreplay-left{
	width: 100%;
	float: left;
	margin-top: 10px;
}

.disreplay .disreplay-right{
	width: 100%;
	float: left;
	margin-top: 10px;
}

.disreplay .user-info{
	width: 90px;
	height: 80px;
	float: left;
}

.disreplay .user-info .user-photo{
	width: 100%;
	height: 70px;
	float: left;
	text-align: center;
}

.disreplay .user-info .user-photo img{
	width: 60px;
	height: 60px;
	margin-top: 5px;
}

.disreplay .user-info .user-name{
	width: 100%;
	height: 10px;
	float: left;
	text-align: center;
}

.disreplay .replay-content{
	width: calc(100% - 190px);
	float: left;
	height: auto;
	min-height: 80px;
    padding: 8px;
	background: rgb(255, 255, 224);
	margin-right: 10px;
	border: 1px solid #f3e5ab;
}

.disreplay .replay-content .replay-time{
	width: 100%;
	float: left;
	border-bottom: 1px solid #f3e5ab;
    margin-bottom: 8px;
    color: grey;
    font-size: 12px;
    padding: 5px;
}

.disreplay .equal-user-photo{
	width: 70px;
	height: 80px;
	float: left;
}

#extendMationBox .extendMation{
    border: 1px solid rgba(100, 100, 100, 0);
    border-radius: 5px;
}

#extendMationBox .extendMation .close-btn{
    position: absolute;
    z-index: 100;
    left: 8px;
    color: brown;
    display: none;
    top: 5px;
    cursor: pointer;
    width: 15px;
    height: 15px;
    line-height: 15px;
}

#extendMationBox .extendMation:HOVER {
	border: 1px solid lightgray!important;
}

#extendMationBox .extendMation:HOVER .close-btn{
	display: block;
}

#extendMationBox .extendMation .layui-input-block{
	min-height: 35px;
}

#extendMationBox .extendMation .layui-input-block input{
	margin-top: 5px;
}

@-webkit-keyframes hue {
	from {
		-webkit-filter: hue-rotate(0deg);
		-moz-filter: hue-rotate(0deg);
	}
	to {
		-webkit-filter: hue-rotate(-360deg);
		-moz-filter: hue-rotate(-360deg);
	}
}

.input-group {
    position: relative;
    display: table;
    border-collapse: separate;
    width: 100%;
}
.input-group .form-control, .input-group-addon {
    display: table-cell;
}
.input-group-addon {
    padding: 0px 5px;
    text-align: center;
    background-color: #eee;
    border-radius: 2px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.input-group .form-control:first-child{
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.btn-icon{
	width: 16px;
	height: 16px;
	margin-right: 3px;
}

.header-right-top {
	position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -9px;
}

.layuiadmin-big-font {
    font-size: 36px;
    color: #666;
    line-height: 36px;
    padding: 5px 0 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    white-space: nowrap;
}

.layuiadmin-card-status li h3 {
    padding-bottom: 5px;
    font-weight: 700;
    cursor: pointer;
}

.layuiadmin-card-status li h3:HOVER{
	color: #01AAED
}

.layuiadmin-card-status li p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    cursor: pointer;
}

.layuiadmin-card-status li p:HOVER{
	color: #01AAED
}

.layuiadmin-card-status li>span {
    color: #999;
}

.layuiadmin-card-status li {
    position: relative;
    padding: 10px 0;
    border-bottom: 1px solid #EEE;
}

.share-file-content{
	overflow-y:auto; 
	margin: 0 auto; 
	width: 800px; 
	top: 90px; 
	position: absolute; 
	margin-left: calc(50% - 400px);
	padding: 10px;
	background-color: white;
	z-index: 1;
	min-height: calc(100% - 130px);
	overflow-x: hidden;
}

.share-file-content .content #luckysheet{
	top: 90px !important;
}

.layui-title-icon{
	width: 21px;
    margin: 5px;
}

.db {
	display: block;
}

.weixinAudio {
	line-height: 1.5;
}

.audio_area {
	display: inline-block;
	width: 100%;
	vertical-align: top;
	margin: 0px;
	font-size: 0;
	position: relative;
	font-weight: 400;
	text-decoration: none;
	-ms-text-size-adjust: none;
	-webkit-text-size-adjust: none;
	text-size-adjust: none;
}

.audio_wrp {
	border: 1px solid #ebebeb;
	background-color: #fcfcfc;
	overflow: hidden;
	padding: 12px 20px 12px 12px;
}

.audio_play_area {
	float: left;
	margin: 9px 22px 10px 5px;
	font-size: 0;
	width: 18px;
	height: 25px;
	cursor: pointer;
}

.playing .audio_play_area .icon_audio_default {
	display: block;
}

.audio_play_area .icon_audio_default {
	background: transparent url(../../../../assets/images/iconloop.png) no-repeat 0 0;
	width: 18px;
	height: 25px;
	vertical-align: middle;
	display: inline-block;
	-webkit-background-size: 54px 25px;
	background-size: 54px 25px;
	background-position: -36px center;
}

.audio_play_area .icon_audio_playing {
	background: transparent url(../../../../assets/images/iconloop.png) no-repeat 0 0;
	width: 18px;
	height: 25px;
	vertical-align: middle;
	display: inline-block;
	-webkit-background-size: 54px 25px;
	background-size: 54px 25px;
	-webkit-animation: audio_playing 1s infinite;
	background-position: 0px center;
	display: none;
}

.audio_area .pic_audio_default {
	display: none;
	width: 18px;
}

.tips_global {
	color: #8c8c8c;
}

.audio_area .audio_length {
	float: right;
	font-size: 14px;
	margin-top: 3px;
	margin-left: 1em;
}

.audio_info_area {
	overflow: hidden;
}

.audio_area .audio_title {
	font-weight: 400;
	font-size: 17px;
	margin-top: -2px;
	margin-bottom: -3px;
	width: auto;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
}

.audio_area .audio_source {
	font-size: 14px;
}

.audio_area .progress_bar {
	position: absolute;
	left: 0;
	bottom: 0;
	background-color: #0cbb08;
	height: 2px;
}

.playing .audio_play_area .icon_audio_default {
	display: none;
}

.playing .audio_play_area .icon_audio_playing {
	display: inline-block;
}

.layadmin-setTheme-color{
	
}

.layadmin-setTheme-color .layadmin-setTheme-color-scheme{
	position: relative;
    display: inline-block;
    vertical-align: top;
    width: 80px;
    height: 50px;
    margin: 0 15px 15px 0;
    background-color: #f2f2f2;
    cursor: pointer;
    font-size: 12px;
    color: #666;
}

.layadmin-setTheme-color .layadmin-setTheme-color-scheme .layadmin-setTheme-header{
	position: relative;
    z-index: 10;
    height: 10px;
    border-top: 1px solid #f2f2f2;
    border-right: 1px solid #f2f2f2;
}

.layadmin-setTheme-color .layadmin-setTheme-color-scheme .layadmin-setTheme-side{
	position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 100%;
    z-index: 11;
    box-shadow: 1px 0 2px 0 rgba(0,0,0,.05);
}

.layadmin-setTheme-color .layadmin-setTheme-color-scheme .layadmin-setTheme-side .layadmin-setTheme-logo{
	position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 10px;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.15);
}

.layadmin-setTheme-color li:after{
	content: '';
	position: absolute;
	z-index: 20;
	top: 50%;
	left: 50%;
	width: 1px;
	height: 0;
	border: 1px solid #f2f2f2;
	transition: all .3s;
	-webkit-transition: all .3s;
	opacity: 0
}
.layadmin-setTheme-color li.layui-this:after,
.layadmin-setTheme-color li:hover:after{
	width: 100%;
	height: 100%;
	padding: 4px;
	top: -5px;
	left: -5px;
	border-color: #5FB878;
	opacity: 1
}

.method-POST{
	background-color: rgb(236, 246, 235);
	border: 1px solid rgb(144, 190, 119);
}

.method-GET{
	background-color: rgb(234, 240, 247);
	border: 1px solid rgb(120, 150, 107);
}

.method-DELETE{
	background-color: rgb(241, 232, 232);
	border: 1px solid rgb(159, 87, 79);
}

.method-PUT{
	background-color: rgb(225, 218, 206);
	border: 1px solid rgb(205, 134, 25);
}

.method-color-POST{
	color: rgb(99, 166, 34);
}

.method-color-GET{
	color: rgb(63, 105, 183);
}

.method-color-DELETE{
	color: rgb(138, 33, 28);
}

.method-color-PUT{
	color: rgb(203, 129, 20);
}

@-webkit-keyframes audio_playing {
	30% {
		background-position: 0px center;
	}
	31% {
		background-position: -18px center;
	}
	61% {
		background-position: -18px center;
	}
	61.5% {
		background-position: -36px center;
	}
	100% {
		background-position: -36px center;
	}
}

/*******************************************自定义样式end********************************************/

.act-model-li{
    text-align: center;
    padding: 15px 0px;
}

.act-model-li:hover{
    cursor: pointer;
}

.act-model-li .icon{
    height: 30px;
    line-height: 30px;
}

.act-model-li .title{
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}