@CHARSET "UTF-8";
body,html{
	margin:0px;
	padding:0px;
	font-size:13px;
	color:#333;
	font-family: "Helvetica Neue", Helvetica, Microsoft Yahei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif;
	overflow:hidden;
}
.mind-container{
	position: relative;
	overflow: auto;
}
.mind-container::-webkit-scrollbar{height: 0; }
.mind-designer{
	position: relative;
	/*设置背景图屏蔽*/
	/*background-attachment:fixed !important;*/
	/*transition:all 200ms;*/
	-moz-transition:all 200ms; /* Firefox 4 */
	/*-webkit-transition:all 200ms; !* Safari 和 Chrome *!*/
	-o-transition:all 200ms; /* Opera */
}
.mind-structrue{font-size:15px !important;vertical-align:0px !important;color:#666;}
.topic-container{
	-webkit-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none;
}
.topic-container.summary{
	transform:translate(0, -50%);
	-webkit-transform:translate(0, -50%);
	-moz-transform:translate(0, -50%);
}
.topic-container.summary-con{
	display:flex;
	align-items:center;
}
.topic-container.summary-con.part_left{
	flex-direction: row-reverse;
}
.topic-container.summary-con > div:last-child{
	margin-left:30px;
}
.topic-container.summary-con.part_left > div:last-child{
	margin-left:0px;
	margin-right:30px;
}
.topic-container.org .summary-con > div:last-child{
	margin-left:0px;
}
.topic-container.summary-con > div:first-child{
	/* outline:2px solid #a4d7e1; */
}
.left-float-menu{
	position: absolute;
	top: 50%;
	left: 20px;
	transform: translateY(-50%);
	background: #FFFFFF;
    box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    border: 1px solid #E8E8E8;
	padding: 0 5px;
	margin: 0;
}
.left-float-menu .menu-item{
    display: block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    box-sizing: border-box;
    /* padding: 0px 8px; */
    margin: 6px 0 12px;
    border-radius: 2px;
    transition: all 0.1s ease-in-out;
	cursor: pointer;
	position: relative;
}
.left-float-menu .menu-item:after{
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	position: absolute;
	top: 36px;
	left: 0;
	background-color: #B4B6B8;
	transform: scaleY(0.4);
}
.left-float-menu .menu-item:last-child{
	margin: 6px 0;
}
.left-float-menu .menu-item:last-child::after{
	display: none;
}
.left-float-menu .menu-item:hover{
	background-color: rgb(0,0,0,.05);
}
.left-float-menu .menu-item .ol-icons{
	font-size: 18px;
	color: #666;
}

.topic-moving{
	position:fixed;
	cursor:default;
	opacity:0.6;
	filter:alpha(opacity=60);
	z-index:2;
	pointer-events: none;
	border:1px solid #666;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	top:-99999px;
}
.topic-moving-target{
}
.topic-moving-target:before{
	content:"";
	position: absolute;
	left:-2px;
	top:-2px;
	width:100% !important;
	height:100%;
	border:2px solid rgb(252, 126, 0) !important;
	border-radius: 5px;
}
.topic-insert{
	position: absolute;
	width:100%;
	left:0px;z-index:9;
}
.topic-insert.before{
	height:14px;
	top:-14px;
/* 	background: red;opacity:.4 */
}
.topic-insert.before.selected{
	background: rgb(252, 126, 0);opacity:.7
}
.topic-insert.in{
	height:100%;
	top:0px;
/* 	background: black;opacity:.4 */
}
.topic-insert.after{
	height:14px;
	bottom:-14px;
/* 	background: blue;opacity:.4 */
}
.topic-insert.after.selected{
	background: rgb(252, 126, 0);opacity:.7;
}
/*org style*/
.topic-container.org .topic-insert.before,.mind-designer > .topic-container.tree > .topic-box > .topic-insert.before{
	height:100%;
	width:40%;
	left:-20%;top:0px;
/* 	background: red;opacity:.4; */
}
.topic-container.org .topic-insert.after,.mind-designer > .topic-container.tree > .topic-box >  .topic-insert.after{
	height:100%;
	width:40%;top:0px;
	right:-20%;left:inherit;
/* 	background: black;opacity:.4; */
}
.topic-container.org .topic-insert.in,.mind-designer > .topic-container.tree > .topic-box >  .topic-insert.in{
	height:100%;
	top:0px;
/* 	background: blue;opacity:.4; */
/* 	width: 60%; */
/*  left: 20%; */
}

.topic-container.topic-moving-related{
	opacity:0.5;
	filter:alpha(opacity=50);
}
.topic-image{
	/* margin-bottom:8px; */
	position: absolute;
	text-align: left;
}
.topic-image img{
/* 	max-width:900px; */
/* 	max-height:620px; */
}
.topic-image .img-btn.del{
	width:20px;height:20px;position: absolute;cursor:pointer;text-align:center;
	top:-5px;right:-5px;z-index:9;background:#2EB5E5;border-radius:50%;
}
.topic-image .img-btn .mind-icons{
	color:#fff;display:inline-block;vertical-align:22px;font-size:14px;
}
.topic-image img.active{
	box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.6);
}
.topic-image .img-dot{
	position: absolute;
	width:13px;
	height:13px;
	border:1px solid #2EB5E5;
	display: inline-block;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	background: #2EB5E5;
	z-index: 4;
	display: none;
	cursor: se-resize;
}
.topic-note{
	/*background-color: #eac449;*/
	display: inline-block;
	cursor: pointer;
	position: relative;
	vertical-align: -1px;
}
.topic-note.right{
	margin-left: 6px;
}
.topic-note.left{}
.topic-note.mind-icons{
	opacity:.9;
	font-size: 14px;
/* 	transition: all 200ms; */
	width:16px;
	height: 16px;
	vertical-align:middle;
	display:inline-block;
	margin-left:6px;
	font-weight: 400;
}
.topic-note.mind-icons:hover{
	color:#eac449;
}
.topic-selected{
	position:absolute;
	pointer-events:none;
	border:0px;
	left:50%;top:50%;
	/* transform:translate(-50%,-50%); */

}
.topic-selected::before{
	position:absolute;
	pointer-events:none;
/* 	border:2px solid #63abf7; */
	border-radius:4px;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	content:"";
	outline:2px solid #63abf7;
}
.topic-tags{
/* 	text-align: left; */
	margin-top:2px;
	line-height: 0px;
	min-height:16px;
}
.topic-tags.right{
	text-align: right;
}
.topic-tags.left{
	text-align: left;
}
.topic-tags .topic-tag{
	display: inline-block;
	border-radius: 3px;
	padding:2px 4px;
	background:#d6f0f8;
	color:#276F86;
	margin:0px;
	font-size: 12px;
	height:16px;
	line-height:16px;
	margin-right:3px;
	margin-top:2px;
}
.topic-link{
	text-decoration: none;
	vertical-align: -6px;
	height:17px;
/* 	transition: all 200ms; */
}
.topic-link.right{
	margin-left:5px;
}
.topic-link.left{
/* 	margin-right:5px; */
	margin-left:5px;
}
.topic-link.mind-icons{
	font-size:16px;
	color:inherit;color:#0072fc;
	width:20px;
	display:inline-block;
	vertical-align:middle;
}
.topic-link.mind-icons:hover{
	color:#63abf7;
}
.topic-icons{
	display:inline-block;
	min-width:25px;height:25px;
	font-weight:normal;vertical-align: top;
}
.topic-icons .mind-icons{
	opacity:.9;
	margin-right:5px;
	cursor: pointer;
/* 	transition: all 200ms; */
	font-size:16px;
	vertical-align: middle;
}
.topic-icons .mind-icon-url{
	vertical-align: -1px;
	display:inline-block;
	width:20px;
	height:21px;
}
.topic-icons .mind-icon-url img{width:100%;height:100%;}
.topic-icons .mind-icons:last-child{
	margin-right:0px;
}
.topic-icons .mind-icons[n=completion]{
	font-size:17px;display:inline-block;transform:scale(0.95);
}
.topic-icons .mind-icons[ico="24"]{font-size:18px;}

.topic-icons .mind-icons:hover{
}
.topic-icons .mind-icons:active{
	color:#63abf6;
}
.topic-icons .mind-icons.selected{
	color:#63abf6;
}
.topic-task{
	min-height:16px;
	line-height: 16px;
	font-size:13px;
	display: block;
	position: relative;
/* 	margin-top:2px; */
}
.topic-task span{
	font-size:.6em;
	pointer-events:none;
}
.topic-task span.mind-icons{
	font-size:16px;
	margin-right:4px;
}
.topic-task span:last-child{}
.mind-brash-tip{
	margin-left: 0px; display: block; bottom: 30px; left: 25px; top: initial;
}
/*点击图标后显示弹框*/
#mind-icons-box{
	position: absolute;
	max-width:380px;
	padding:12px 12px 8px 12px;
}
#mind-icons-box > div{
	min-height:36px;
}
#mind-icons-box .mind-icons{
	margin-right:0px;
	font-size: 28px;
	opacity:.9;
	float: left;
	cursor: pointer;border-radius: 3px;padding: 0px 2px 1px 2px;border: 2px solid transparent;
}
#mind-icons-box .mind-icons-color{
	padding-top:12px;
	margin-top:4px;
	border-top:1px solid #dfdfdf;
	clear:both;
}
#mind-icons-box .mind-icons-color span{
	display: inline-block;
	width:24px;
	height:24px;
	margin-right:6px;
	border-radius:3px;
	cursor: pointer;
}
#mind-icons-box .mind-icons-color span:hover{
	opacity:.8;
}
#mind-icons-box .mind-icons:hover{
	color:#50c28b;box-shadow:0px 0px 1px #bbb inset;
}
#mind-icons-box .mind-icons.selected{
/* 	color:#50c28b; */
	border: 2px solid #50c28b;


}
/*外框*/

.resize-boundary-box {
	position: absolute;
	top: 0;
	left: 0;
	border: 1px solid #63abf7;
	border-radius: 3px;
	pointer-events: none;
}
.topic-container.boundary-con {
    display: flex;
    align-items: center;
}
.resize-boundary-bar{
	width: 36px;
	height: 10px;
	line-height: 10px;
	position:absolute;
	top: 0;
	left: 0;
	background: #63abf7;
	border-radius: 3px;
	text-align: center;
	cursor: ns-resize;
}
.resize-boundary-bar .mind-icons {
	color: #fff;
	pointer-events: none;
}
.resize-boundary-box:last-child{
	top: auto;
	bottom: -10px;
}
/*点击图标后显示弹框*/
#mind-tags-box{
	margin: 0px;
	padding:0px;
	height:auto;
}
#mind-task{
	display:none;
}
#mind-task-box{
 	margin: 0px;
	padding:0px;
	height:auto;
	width:283px;
}
#mind-tags-box > div{
	margin-bottom:10px;
}
#mind-tags-box .mind-tags-curr{padding-top:10px;}
#mind-tags-box .mind-tags-curr > div:last-child{
	margin-top:10px;
}
#mind-tags-box .mind-tags-input input{padding:6px !important;margin-bottom:6px;}
#mind-tags-box .tags{
	padding:2px 6px;border-radius:3px;margin-right:4px;color:#fff;display:inline-block;
	cursor:pointer;border:2px solid transparent;margin-bottom:6px;
}
#mind-tags-box .tags.active{
	border:2px solid #000;
}
#mind-tags-box .tags:hover{
	opacity:.9;box-shadow:1px 1px 1px #aaa;
}
#mind-tags-box .tags .mind-icons{
	margin-left:5px;
	vertical-align:1px;
}
#mind-tags-box .mind-icons{
	font-size: 12px;
	opacity:.9;
	cursor: pointer;
}
#mind-tags-box .mind-tags-color{
	clear:both;
}
#mind-tags-box .mind-tags-color span{
	display: inline-block;
	width:20px;
	height:20px;
	margin-right:4px;
	border-radius:3px;
	cursor: pointer;
}
#mind-tags-box .mind-tags-color span:hover{
	opacity:.8;
}

#mind-topic-tags{
	margin-bottom:5px;
}
#mind-topic-tags span{
	display: inline-block;
	padding:2px 25px 3px 5px;
	margin:3px 2px;
	font-size:12px;
	background:#d6f0f8;
	color:#276F86;
	border-radius: .28571429rem;
	border: 0 solid transparent;
	cursor:pointer;
	position:relative;
}
#mind-topic-tags .mind-icons{
	font-size:12px;
	color:#aaa;
	cursor:pointer;
	position:absolute;
	top:50%;
	margin-top:-8px;
	right:5px;
	-webkit-transform:scale(0.8);
	transform:scale(0.8);
}
.topic-container .topic-box{
	display:inline-block;
	/*max-width: 900px;*/
	min-width: 20px;
	position: relative;
	vertical-align: middle;
	clear:right;
 }
 .topic-container .topic-box.search-select{
	background-color: rgb(167, 195, 228);
 }
 .topic-container .topic-box.summary{padding: 3px 6px !important;}
 .topic-box:hover:before{
	display:block;
	position:absolute;
	right:-18px;
	background:transparent;
	content:"";
	height:100%;
	top:0px;width:18px;
}
.topic-box:hover:after{
	display:block;
	position:absolute;
	left:-18px;width:100%;
	background:transparent;
	content:"";
	height:100%;
	top:0px;width:18px;
}
.topic-lock {
	position: absolute;
	left: -14px;
	top:50%;
	margin-top: -12px;
	font-size: 16px;
	z-index: 1;
	cursor: pointer;
	background-color: rgba(255, 255, 255, .7);
}
.topic-lock.mind-icons {
	background: rgba(0, 0, 0, .7);
	font-size: 13px;
	padding: 4px;
	box-sizing: border-box;
	border-radius: 4px;
	color: #fff;
	border: 1px solid #fff;
}
.topic-summary-resize{
	position:absolute;border:2px solid #63abf7;border-radius:3px;
	z-index:2;
}
.topic-summary-resize > span:active{
	opacity:.9;
}
.topic-summary-resize > span:first-child{
	position:absolute;left:50%;top:-10px;background:#63abf7;border-radius:3px;
	transform:translate(-50%, 0);height:10px;width:30px;cursor:n-resize;text-align:center;
}
.topic-summary-resize > span:last-child{
	position:absolute;left:50%;bottom:-10px;background:#63abf7;border-radius:3px;
	transform:translate(-50%, 0);height:10px;width:30px;cursor:s-resize;text-align:center;
}
.topic-summary-resize > span > i{
	color:#fff;line-height:10px;pointer-events:none;
}

.sresize{
	cursor:s-resize !important;
}
.nresize{
	cursor:n-resize !important;
}


.topic-container .cut_related{
	opacity:0.4;
	filter:alpha(opacity=40);
}
.topic-container .topic-box.selected{
/* 	border-color:transparent !important; */
}
.topic-container .topic-box.selected:before{
}
.topic-container .topic{
	/*text-align: left;*/
	/*font-weight: normal;*/
	/*font-family: 微软雅黑,黑体;*/
	word-break: break-all;
	word-wrap: break-word;
	display: inline-block;
	max-width:900px;
	max-height:none;
	vertical-align: middle;
	line-height:140%;
	min-width: 30px;
	min-height: 18px;
}
.topic-container .topic h1,
.topic-container .topic h2,
.topic-container .topic h3,
.topic-container .topic h4,
.topic-container .topic h5,
.topic-container .topic h6,
.topic-container .topic span,
.topic-container .topic b,
.topic-container .topic i,
.topic-container .topic u,
.topic-container .topic strike,
.topic-container .topic ul,
.topic-container .topic ol,
.topic-container .topic li,
.topic-container .topic font{
	pointer-events:none;
}
.topic-container svg{
	position: absolute;
	left:0px;
	top:0px;
	z-index: 0;
	pointer-events: none;
}
#selecting_box{
	position:absolute;
	z-index:2;
	border:1px solid #6EB1EB;
	background:rgba(22, 145, 232, 0.1);
	pointer-events:none;
}
.topic-container.part_left{
	text-align: right;
}
.topic-container .topic-children, .topic-container .topic-children-summary{
	display:inline-block;
	vertical-align: middle;
}
.topic-container .topic-children .topic-container:first-child:not(.topic-children-boundary){
	margin-top:0px !important;
}
.topic-container .topic-children-summary .topic-container:first-child:not(.topic-children-boundary){
	margin-top:0px !important;
}
/* .topic-container.summary-con > div:first-child .topic-container:last-child{
	margin-bottom:0px !important;
} */
/* .topic-container .topic-children-summary > .topic-container{
	position:absolute;width:100%;
} */
.topic-box:hover .expand_box{
	opacity:1;
}
/* 节点交互优化 start */
.topic-box .insert_node_con{
	opacity: 0;
	position: absolute;
	top: 50%;
	transform: translateY(-61%);
	-webkit-transform: translateY(-61%);
	-moz-transform: translateY(-61%);
	z-index: 7;
	width: 14px;
	height: 14px;
	font-size: 14px;
	border-radius: 50%;
}
.topic-box .insert_node_con.fish{
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
}
/* 组织结构图 */
.topic-container.org .topic-box .insert_node_con{
	position: absolute;
	width: 14px;
	height: 14px;
	font-size: 14px;
	color:#999;
	z-index:8;
	left:50%;
	margin-left:-7px;
	border-radius:50%;
	font-weight:normal;
	top:inherit;
	bottom:-35px;
	right: auto;
}
/* 树状图 */
.topic-container.tree .topic-box .insert_node_con{
	position: absolute;
	width: 14px;
	height: 14px;
	font-size: 14px;
	color: #999;
	z-index: 8;
	left: 3px;
	border-radius: 50%;
	font-weight: normal;
	transform: scale(0.9);
	top: inherit;
	bottom: -35px;
	right: auto;
}
.topic-box .insert_node_con .mind-icons {
	cursor: pointer;
}
.topic-box .insert_node_con .insert_node{
	position: absolute;
	top: -1px;
	left: 0px;
}
.topic-box .insert_node_con:hover .append-topic{
	/* display: block; */
}
.topic-box .insert_node_con .append-topic{
	display: none;
	position: absolute;
	top: -28px;
	left: -46px;
	width: 110px;
	z-index: 10;
	height: 26px;
	line-height: 28px;
	background: #FFFFFF;
	box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.1);
	border-radius: 2px;
	border: 1px solid rgba(0, 0, 0, 0.12);
}
.append-topic .append_node{
	padding: 2px;
	margin: 4px 8px 0 8px;
	height: 15px;
	text-align: center;
	line-height: 17px;
	color: #797979;
}
.append_node:hover{
	background: #F3F4F5;
	border-radius: 2px;
}
.append_tips{
	opacity: 0;
	width: 62px;
	height: 20px;
	line-height: 19px;
	position: absolute;
	top: -28px;
	left: 26px;
	font-size: 12px;
	color: #797979;
	text-align: center;
	background: #FFFFFF;
	box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.1);
	border-radius: 2px;
	border: 1px solid rgba(0, 0, 0, 0.12);
}

.child_node:hover span{
	opacity: 1;
	left: -19px;
}

.with_node:hover span{
	opacity: 1;
	left: 26px;
}

.parent_node:hover span{
	opacity: 1;
	left: 58px;
}
/* 节点交互优化 end */
.topic-container .expand_box{
	position: absolute;
	right: -18px;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	width: 14px;
	height: 14px;
	font-size: 14px;
	opacity: 0;
	color: #999;
	z-index: 1;
	border-radius: 50%;
}
.topic-container .expand_box.hide{
	opacity: 1;
	display: block;
	right: -24px;
	width: 18px !important;
	height:18px !important;
	line-height: 18px;
	text-align: center;
	opacity: 1;
	border: 1px solid #ccc;
	border-radius: 50%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.topic-container .hide.icon_slight::after{
	content: attr(data-sub);
	position: absolute;
	left: -1px;
	top: 0;
	width: 18px;
	height: 18px;
	line-height: -webkit-calc(18px * 0.9);
	line-height: calc(18px * 0.9);

	font-family: Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,STHeitiSC-Light,Microsoft YaHei,SimSun,sans-serif;
	font-size: 13px;
	transform: scale(.9);
	-webkit-transform: scale(.9);
	-moz-transform: scale(.9);

}
.topic-container .expand_box:hover{
	opacity:1;
}

.topic-container .expand_box.icon-add1{
	opacity:1;
}
.topic-container .expand_box.left{
	left:-28px;
}
#switch-mult-topic {
	width:110px;
	height:45px;
	z-index: 2;
	border-radius: 4px;
	cursor: pointer;
}
#switch-mult-topic:hover #splitTopic-btn{
	background: rgba(247,247,247,1);
}
#switch-mult-topic:hover #splitTopic-btn::before{
	border-color: transparent transparent rgba(247,247,247,1);
}
#splitTopic-btn {
	position: relative;

	margin-top: 6px;
	margin-top: 6px;
	height: 38px;
	line-height: 38px;
	color: #666666;
	text-align: center;
	border-radius: 4px;
	font-size: 13px;
	background:rgba(255,255,255,1);
	box-shadow:0px 3px 6px -2px rgba(0,0,0,0.12);
	border:1px solid rgba(204,204,204,1);
}
#splitTopic-btn:after{
	content: "";
	position: absolute;
    width: 0px;
    height: 0px;
    left: 50%;
    top: -12px;
    margin-left: -6px;
    border-width: 6px;
    border-bottom: 6px;
    border-style: solid;
    border-color: transparent transparent rgba(204,204,204,1);
}
#splitTopic-btn::before{
	content: "";
    position: absolute;
    width: 0px;
    height: 0px;
    left: 50%;
    top: -11px;
    margin-left: -6px;
    border-width: 6px;
    border-bottom: 6px;
    z-index: 1;
    border-style: solid;
    border-color: transparent transparent #ffffff;
}
.topic-container.org{
	text-align:center;display:inline-block;vertical-align: top
}
.topic-container.org .topic-box{
/* 	max-width:200px; */
/*text-align:center !important;*/
}
.topic-container.org .summary-con{
	flex-direction: row;
	display:inline-block;
}
.topic-container.org .topic{

}
.topic-container.org .textarea_topic{
/* 	max-width:220px; */
}
.topic-container.org #textarea_topic_temp{
/* 	max-width:220px; */
}
.topic-container.org .topic-box .expand_box{
	position: absolute;
	width:13px;
	height:15px;
	font-size:13px;
	color:#999;
	z-index:1;
	left:50%;
	margin-left:-7px;
	border-radius:50%;
	font-weight:normal;
	transform:scale(.9);
	top:inherit;
	bottom:-17px;
}
.topic-container.org .topic-children{
	text-align:center;display:block;
}
.topic-container.org .topic-children .topic-container{
	margin-left:15px;
}
.topic-container.org .topic-children .topic-container:first-child{
	margin-top:40px !important;
	margin-left:0px;
}
.topic-container.org .topic-children .topic-container.summary-con:first-child{
	margin-top:0px !important;
	margin-left:0px;
}
.topic-container.org .topic-children-summary .topic-container:first-child{
	margin-top:40px !important;
	margin-left:0px;
}
/***tree***/
.topic-container.tree{
	text-align:left;display:block;
}
.topic-container.tree .topic-children{
	text-align:left;display:block;margin-top:24px;
}
.topic-container.org .topic-children-summary{
	margin-top:0px;text-align:center;display:block;
}
.topic-container.tree .topic-box .expand_box{
	position: absolute;
	width:13px;
	height:15px;
	font-size:13px;
	color:#999;
	z-index:1;
	left:2px;
	border-radius:50%;
	font-weight:normal;
	transform:scale(.9);
	top:inherit;
	bottom:-16px;
}
/*******鱼骨图节点位置 start*********/
.topic-container.bone {
  display: block;
  vertical-align: top;
}
.topic-container.bone.part_left .topic-box[sub]:not(.free) {
  margin-left: auto;
}
.topic-container.bone .topic-box[sub]:not(.free) {
  display: block;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
}
.topic-container.bone .topic-box[sub]:not(.free) > .expand_box,
.topic-container.bone .topic-box[sub]:not(.free) > .expand_box.hide {
  top: inherit;
  bottom: -20px;
  left: 50%;
  right: auto;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
}
.topic-container.bone .topic-box[sub]:not(.free) > .expand_box.left,
.topic-container.bone .topic-box[sub]:not(.free) > .expand_box.hide.left {
  top: -6px;
}
/*******鱼骨图节点位置 end*********/
/*******时间轴节点位置 start*********/
.topic-container.timeline {
  display: block;
  vertical-align: top;
}
.topic-container.timeline.part_left .topic-box[sub]:not(.free) {
  margin-left: auto;
}
.topic-container.timeline .topic-box[sub]:not(.free) {
  display: block;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
}
.topic-container.timeline .topic-box[sub]:not(.free) > .expand_box,
.topic-container.timeline .topic-box[sub]:not(.free) > .expand_box.hide {
  top: -6px;
  left: 50%;
  right: auto;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
}
.topic-container.timeline .topic-box[sub]:not(.free) > .expand_box.left,
.topic-container.timeline .topic-box[sub]:not(.free) > .expand_box.hide.left {
  top: inherit;
  bottom: -20px;
}
.topic-container.timeline .topic-box[sub]:not(.free).up .topic-insert.in {
  height: 14px;
  top: -14px;
}
.topic-container.timeline .topic-box[sub]:not(.free).down .topic-insert.in {
  height: 14px;
  top: auto;
  bottom: -14px;
}
.topic-container.timeline .topic-box[sub]:not(.free) .topic-insert.after {
  height: 100%;
  left: auto;
  right: -14px;
  top: 0;
  width: 14px;
}
.topic-container.timeline .topic-box[sub]:not(.free) .topic-insert.before {
  height: 100%;
  left: -14px;
  top: 0;
  width: 14px;
}
/*******时间轴节点位置 end*********/
.topic-height-con{
	clear:both;
	position: relative;
	background: red;
}
.topic-height-item{
	float:left;
	display: block;
	width:100px;
}
.connection-svg{
	position: absolute;
	z-index: 1;
	pointer-events: none;
}
.connection-line{
	/*transition: all 120ms ease-in-out;*/
}
.temp-path:hover{
	cursor: pointer;
}
.connection_line {
	position: absolute;
	width: 1px;
	opacity: 0.5;
	background: rgb(113, 203, 45);
	z-index: 3;
}
.connection_point {
	position: absolute;
	width: 12px;
	height: 12px;
	border: 1px solid rgb(113, 203, 45);
	background: white;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	cursor: default;
	z-index: 4;
	transform: translate(-50%, -50%);
}
.mind-connection-con{
	position: absolute;
	z-index: 3;
	transform:translate(-51.1%, -51.1%);
	-webkit-transform:translate(-51.1%, -51.1%);
	-moz-transform:translate(-50%, -50%);
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}
.mind-connection-label{
	font-size:13px;
	padding:6px 8px;
	max-width:200px;
	text-decoration: none;
	outline:0px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	cursor:text;color:#fff;
	line-height: 140%;
}
.summary-dot, .boundary-dot{
	position: absolute;
	display: none;
	cursor: pointer;font-size:17px;
	top:-23px;color:rgb(80, 194, 139);
	left:8px;width:16px;height:16px;
}
.summary-dot.left,
.boundary-dot.left{left:inherit;right:8px;}
.summary-dot .mind-icons,
.boundary-dot .mind-icons{
	vertical-align:top;
}
.mind-connection-con .mind-icons{
	position: absolute;
	right:-12px;
	top:-12px;
	color:rgb(80, 194, 139);
	cursor: pointer;
	display: none;
	transition: .3s all;
}
.textarea_topic{
	outline:none;
	max-width:900px;
	word-break: break-all;
    word-wrap: break-word;
    text-decoration: none;
    position: absolute;
    opacity: 0;
    z-index:-1;
    border:1px solid #ccc;
    background: #fff;
    color:#444;
    min-height:17px;
    display: inline-block;
	text-align: left;
	top:50%;
	transform: translate(0, -50%);
	height:auto;
	-webkit-user-select:text;
	-moz-user-select:text;
	-o-user-select:text;user-select:text;
    /*overflow-y:hidden;*/
}
.textarea_topic.tip1::after{box-shadow:1px 1px 0px #ddd;position:absolute;content:"Shift+Enter 换行";right:-102px;top:-2px;z-index:9;font-size:12px;background:#fff;padding:3px;border-top:1px solid #ddd;border-radius:3px;}
.textarea_topic.tip2::after{box-shadow:1px 1px 0px #ddd;position:absolute;content:"Ctrl+V 粘贴截图";right:-102px;top:-2px;z-index:9;font-size:12px;background:#fff;padding:3px;border-top:1px solid #ddd;border-radius:3px;}
#textarea_topic_temp{
	position:absolute;
	left:-1000px;
	top:-1000px;
	display:inline-block;
	max-width:700px;
	word-break: break-all;
    word-wrap: break-word;
	text-align: left;
	opacity:0;
/* 	user-select:text !important; */
}
.topic-menu{
	position: absolute;
	top:-14px;
	right:-14px;
	transition:all 0.3s ease-in-out;
	color:#2EB5E5;
	display: none;
	font-size:20px !important;
	z-index:1;
}
.textarea_topic p{margin:0px;display:inline-block;}
.textarea_topic h1,.textarea_topic h2,.textarea_topic h3,.textarea_topic h4,.textarea_topic h5,.textarea_topic h6{margin:0px;}
.textarea_topic ul,.textarea_topic ol{padding-left:20px;margin:0px;}
.topic p{margin:0px;display:inline-block;}
.topic h1,.topic h2,.topic h3,.topic h4,.topic h5,.topic h6{margin:0px;}
.topic ul,.topic ol{padding-left:20px;margin:0px;list-style: inherit;}
.topic ol{list-style: decimal;}

header{
	width:100%;
	height:44px;
	/*background:#ffffff;*/
	background:rgba(255,255,255,0.9);
	left:0px;
	padding: 0;
	position: fixed;
	top:0px;
	z-index: 8;
	/*闪烁问题*/
	/*opacity:.9;*/
	border-bottom: 1px solid #e5e5e5;
    box-shadow: 0 3px 2px -2px rgba(200,200,200,.15);
    display:table-cell;
    vertical-align:middle;
    min-width:950px;
    display:flex;
    justify-content:space-between;
}
header.middle .header-item.icon{
	padding-left:8px;padding-right:8px;
}
header .user-box{
	cursor:pointer;
	white-space:nowrap
}

header .user-box .user-logo{
	display:inline-block;vertical-align:middle;
}
header .user-box img{
	width: 30px;height: 30px;float: left;border-radius: 50%;float: left;margin-right: 0px;cursor:inherit;
}
header .user-box label{height: 30px;line-height: 30px;display: inline-block;vertical-align:middle;cursor:inherit;}
header .user-box .mind-icons{
	vertical-align:-4px;font-size:21px;
}
header .header-left{
	display:flex;justify-content:flex-start;align-items:center;
}
header .header-right{
	display:flex;justify-content:flex-end;align-items:center;
}
header .brainpower{
	color: #333;
	cursor: pointer;
	padding: 5px;
}
header .brainpower:hover {
    background: #f4f4f4;
}
header .brainpower .mind-icons{
	color: #000;
	margin-right: 3px;
}
.header-item{
	display:inline-block;
	position:relative;
	text-decoration:none;
}
.header-item.seb{
	width:0px;
	height:21px;
	margin:0px 3px;
	top:0px;
    border-left: 1px solid #e8e8e8;
    border-right: 1px solid #fefefe;
}
.header-item .button{
 	background:rgb(80, 194, 139);
 	color:#fff;padding:5px 10px;
 	border-radius:3px;
 	vertical-align:-3px;
 }
.header-item .button:active{
 	background:rgb(50, 164, 109);
 }
.header-item .mind-icons{
	text-decoration: none;
}


.header-item.icon{
	text-align:center;padding:4px 6px;margin-left:8px;margin-right:8px;
	cursor: pointer;transition:all 200ms;font-size:18px;border-radius:2px;
}
.header-item.nomargin{margin:0px;}
.header-item.margin_l{margin-left:7px;}
.header-item.icon:hover{
	background:#f4f4f4;
}
.header-item.icon.mind-disable:hover{
	background:#fff;
}

.header-item.icon.down{
	width:15px;
	padding-left:5px;
	padding-right:5px;
}
.header-item.icon.active{
	background:#f0f0f0;
}
.header-item.icon > span{
	/* transition: 50ms all; */
}
.header-item:hover .back{
	color:#444;
}
.header-item .va_1{
	font-size: 18px;color:#333;vertical-align:-1px;
}
.header-item.label{
	font-size: 13px;color:#333;margin-left:0px;margin-right:15px;padding:4px;
}
.header-item.label:hover{
	color:#50c28b;
}
.header-item #savetip{font-size:12px;color:#888;margin-left:6px;white-space: nowrap}
.header-item .title{
	font-size:16px;
	background:transparent;
	line-height:24px;
	max-width: 250px;
	width:auto;
	overflow: hidden;
	white-space:nowrap;
	border:0px;outline:none;
	spellcheck:false;
	user-modify: read-write-plaintext-only;
	-webkit-user-modify: read-write-plaintext-only;
	border-bottom:1px solid transparent;
}
.header-item .title:hover{
	border-bottom:1px solid #eee;
}
.header-item #offline_btn{border-right:0px;}
#btnsave .mind-icons{
	transition: all 100ms ease-in-out;
}
.mind-icons.icon{
	font-size: 16px;
	color:#222;
}
.mind-icons.icon.big{
	font-size: 20px;
}

.mind-icon-help{
	position:fixed;
	left:10px;
	top:55px;
	z-index:9;
}
.mind-icon-help .mind-icons{
	font-size:26px;
	cursor:pointer;
	color:#555;
}

.mind-topic-focus{
	position: fixed;
	top:53px;
	height:35px;
	left:11px;
	display:flex;
	box-shadow: 0 1px 2px rgba(0,0,0,.15);
	align-items:center;
	background:#fff1a8;
	padding:0px 6px;
}
.mind-topic-focus > div{
	padding:0px 5px;
	cursor:pointer;
	max-width:120px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space: nowrap;opacity:.8;
	word-break: keep-all;
	height:18px;line-height:18px;
}
.mind-topic-focus > div:hover{
	text-decoration:underline;
}
.mind-topic-focus > div.active{
	font-weight:700;opacity:1;
}
.mind-topic-focus > div.active:hover{
	text-decoration:none;cursor:default;
}
.mind-topic-focus .close{
	cursor:pointer;
	margin-left:8px;
}

.mind-dock-lb{
	position: fixed;
	left:10px;
	bottom:18px;
	width:40px;
	height:40px;
	text-align: center;
	line-height: 40px;
	z-index: 3;
	background:#fff;
	box-shadow: 0 4px 3px rgba(0,0,0,.15);
	border-radius: 3px;
	cursor:pointer;
	display:none;
}

.mind-connecting-dlg{
	width:400px;
}
.mind-connecting-dlg [tit]{
	line-height:24px;
}
.mind-connecting-dlg [tit] label{
	float:right;color:#666;font-size:12px;
}
.mind-connecting-dlg [tit] .mind-icons{
	vertical-align:-1px;
}

#history-container{
	height:calc(100% - 140px);
	height:-webkit-calc(100% - 140px);
}
#shortcut-container{
	height:calc(100% - 62px);
	height:-webkit-calc(100% - 62px);
}
#history-container #history-none-tip{
	position:absolute;
	top:40%;width:100%;
}
#history-container ul{
	margin:0px;
	padding:0px;
	position: relative;
}
#history-container li{
	list-style:none;
	padding: 9px 16px;
	cursor:pointer;
	position:relative;
	border-bottom: 1px solid #f8f8f8;
}
#history-container li.active{
	background:#fafafa;
}
#history-container li:hover{
	border-bottom: 1px solid #f0f0f0;color:#333;
}
#history-container li:hover .mind-icons,#history-container li.active .mind-icons{
	display: inline-block;
}
#history_more{
	margin: 0 auto;
    display: block;
    width: 60px;position:relative;
}
#history_more .icons{
	position:absolute;right:-20px;top:8px;display:inline-block;font-size:12px;
}
.history_remark {
	font-size: 14px;
	margin-top: 4px;
	line-height: 20px;
	max-height: 32px;
	position: relative;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-weight: 600;
	overflow-y: hidden;color: #666;
	letter-spacing:0.5px;
}
.history_remark .revert{
	position: absolute;
	right: 28px;
	top: 1px;
}
.history_remark .del{
	position: absolute;
	right: 0px;
	top: 1px;font-size:17px !important;
}
.history_num {
	font-size:15px;
	font-weight:bold;
    position: absolute;
    top: 8px;
}
.history_remark .mind-icons{
	font-size:14px;
	color:#999;
	display:none;
}
.history_remark .mind-icons:hover{
	color: rgb(80, 194, 139);
}
.history_info {
	margin-top:6px;color:#999;font-size:13px;
}
.version_time {
	font-size:12px;
	color:#999;
	margin-right: 13px;
	letter-spacing: 0.5px;
}
.mind-history-delete {
	position:absolute;
	left:0px;
	top:0px;
	background:#e9e9e9;
	width:100%;
	height: 100%;
}
.mind-history-delete > .text{
	padding:15px 15px 4px 18px;
}
.mind-history-delete > .btns{
	cursor:default;
}
.mind-history-delete .mind-button{
	display:inline-block;
	padding:2px 5px;
	font-size:12px;
	margin-right:4px;
}
#btn-history-restore{
	display:inline-block;
	font-size:18px;
	float:right;
	margin-right:28px;
	cursor:pointer;
	color:#333;
	transform:rotate(180deg);
}
#btn-history-clear{
	display:inline-block;
	font-size:18px;
	float:right;
	margin-right:8px;
	cursor:pointer;
	color:#333;
	transform:rotate(0deg);
}
#btn-history-restore.active{
	color:#63abf7;
}
#btn-history-clear.active{
	color:#63abf7;
}
.mind-pop{
	position: fixed;
	width:30px;
	padding:0px;
	margin:0px;
	box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);
	border-top:1px solid #eee;
	left:16px;background:#fff;
	height:30px;cursor:pointer;
}
.mind-colla-add{
	top:152px;text-align:center;line-height:30px;
}
.mind-colla-add:hover{box-shadow: 0 1px 1px 0 rgba(0,0,0,0.5);}
.mind-colla-add .mind-icons{font-size:20px;color:#444;}
.mind-colla-add:hover .mind-icons{color:#000;}
.mind-dock-left > div.mind-icons{
	height:28x;
	text-align:center;
	line-height:28px;
	cursor:pointer;
}
.mind-dock-left > div.mind-icons:hover{
	color:rgb(80, 194, 139);
}
.mind-dock-left .mind-zoomtxt{
	font-size:12px;text-align:center;height:22px;line-height:22px;
	border-top:1px solid #eee;border-bottom:1px solid #eee;color:#aaa;cursor:default;
}

.mind-colladd-dlg{
    max-height: calc(100% - 40px);
    overflow: hidden;
    overflow-y: auto;
}



/*clear float*/
.clear{clear:both;}
.link{text-decoration:underline;font-size:12px;color:#63abf7;text-align:right;}
.topic .link,.textarea_topic .link{font-size:inherit;text-align:inherit;}
.seb{height:1px;background:#eee;margin:5px 10px;}
.seb1{height:1px;background:#eee;margin:3px 0px;padding:0px !important;}
.text-tip{font-size:12px;color:#999;}
.text-tip.error{color:#f00;}
.va1{vertical-align:1px;}
.font154{font-size:14px !important;}
.font15{font-size:15px !important;}
.font17{font-size:17px !important;}
.font18{font-size:18px !important;}
.font13{font-size:13px !important;}
.mt10{margin-top:10px;}
/*dialog start*/
.mind-dlg{
	position:absolute;
	background:#fff;
	box-shadow: 0 1px 6px rgba(0,0,0,0.3);
	display:none;
	border-radius:3px;
	left:50%;
	top:50%;
	transform:translate(-50%, -50%);
	-webkit-transform:translate(-50%, -50%);
	z-index:11;
}
.mind-dlg .mind-dlog-close{
	color:#999;cursor:pointer;
	position: absolute;
    right: 17px;
    top: 5px;z-index:2;
}
.mind-dlg .mind-dlog-close:hover{
	color:#333;
}
.mind-dlg > h3{
	font-size:18px;margin:18px 0;padding:0px 15px;position: relative;color:#5A5A5A;font-weight:normal;
}
.streamer {
	float: right;
	height: 24px;
	vertical-align: middle;
}
.mind-dlg > h4{
	padding: 0px 20px;
    font-size: 16px;
    margin: 17px 0px;
}
.mind-dlg .mind-dlg-left{
	padding: 15px 0px;border-top:1px solid #ddd;display:inline-block;
	position:absolute;width:159px;
}
.mind-dlg .mind-dlg-left a{
	display:block;
	padding-left:15px;
	width:140px;
	line-height:30px;
	margin-bottom:8px;
	border-left:4px solid transparent;
	cursor:default;
}
.mind-dlg .mind-dlg-left a:hover{
	background:#f0f0f0;
}
.mind-dlg .mind-dlg-left a.active{
	border-color: rgb(80, 184, 129);
    color: rgb(80, 184, 129);
    font-weight: bold
}
.mind-dlg .mind-dlg-right{
	margin-left:159px;
	border-left: 1px solid #e5e5e5;
	border-top:1px solid #ddd;;
}
.mind-dlg .mind-dlg-container{
	margin:15px;
}
.mind-dlg .mind-dlg-content{
	padding:0px 18px;
}
.mind-dlg ul,li{
	margin:0px;
	padding:0px;
}
.mind-dlg .mind-dlg-ul{
	margin-top:10px;
}

.mind-dlg li{
	list-style:none;
	padding:5px 0px;
	margin-top:5px;
}
.mind-dlg li span{
	vertical-align:top;
	display:inline-block;
}
.mind-dlg li input,textarea,select{
	vertical-align:top;
	display:inline-block;
    border-radius: 2px;
    padding: 8px 8px;
    border: 0px;
    background: transparent;
}
.mind-dlg .tags-tip{
	margin-left:62px;
	margin-top:4px;
	font-size:12px;
	color:#666;
}
.mind-dlg .mind-dlg-buttons{
	text-align:right;
	margin-top:20px;
	font-size:12px !important;
	padding:4px 0px 4px 10px;
}
.mind-dlg h2{
	font-size:25px;
}
.mind-dlg .mind-button{
	display:inline-block;font-size:12px;
	padding:5px 12px 7px;
}
.mind-dlg .mind-dlg-tabs{
	border-bottom:1px solid #ddd;padding: 0px 18px
}
.mind-dlg .mind-dlg-tabs span{
	padding:8px 18px;
	color:#aaa;
	border:1px solid transparent;
	border-bottom:0px;
	display:inline-block;
	cursor:pointer;
	    line-height: 18px;
}
.mind-dlg .mind-dlg-tabs span.selected{
	background:#f0f0f0;color:#333;border-radius:3px 3px 0px 0px;
	border:1px solid #ddd;border-bottom:0px;
}
.mind-dlg .mind-dlg-tabs-content{
	min-height:160px;padding: 5px 0px;
}
.mind-dlg .mind-dlg-tabs-content .seb{
	height:1px;background:#f0f0f0;margin:24px 0px 15px;position: relative;
}
.mind-dlg .mind-dlg-tabs span:first-child{
}
.mind-dlg .mind-dlg-tabs span:last-child{
}

.mind-download-dlg{
	width:530px;
}
.mind-download-dlg .mind-download-dlg-item{
	padding:7px 0px;
}
.mind-download-dlg label{
	font-size:13px;vertical-align:-1px;color:#5A5A5A;
}
.mind-download-dlg label span{
	font-size:12px;color:#929292;
}
.mind-download-dlg .mind-button{
	display:inline-block;
	min-width:80px;
	font-size:12px;
}
.mind-save-dlg{
	position:fixed;
	background:#fff;
	box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);
	width:280px;
	min-height:100px;
	opacity:0;
	display:none;
	transition: all 120ms ease-in-out;
	border-radius:3px;
	top:0px;
	z-index:9;
}
.html-ele-before{
	position:absolute;
	background:#fff;
	left:50%;
	z-index:9;
	border:8px solid transparent;
	border-bottom:8px solid #fff;
	top:-8px;
	content:"";
	width:0px;
	height:0px;
	transform:rotate(45deg);
	-ms-transform:rotate(45deg); 	/* IE 9 */
	-moz-transform:rotate(45deg); 	/* Firefox */
	-webkit-transform:rotate(45deg); /* Safari 和 Chrome */
	-o-transform:rotate(45deg); 	/* Opera */
}
.mind-callback-dlg{
	height:306px;
}
#feedback_message{
	width:366px;height:93px;border:1px solid #ddd;outline:none;resize:none;
}
.mind-save-dlg h3{
	padding:0px 13px;
	margin:15px 0px 10px 0px;
}
.mind-save-dlg h3 label:last-child{
	font-size:18px;color:#F1753F;font-weight:bold;
}
.mind-save-dlg h3 label:first-child{
	font-size:13px;
}
.mind-save-dlg h3 .mind-icons{
	position:absolute;
	font-size:17px;
	color:#888;
	display:none;
}
.mind-save-dlg .mind-button{
	font-size:12px !important;
}
.mind-save-dlg .tip2{
	float:right;margin-top:2px;
}
/*publish*/
.mind-publish-dlg{
	width:718px;overflow:hidden;
	padding-bottom:24px;
	max-height: calc(100% - 50px);
	overflow-y: auto;
}
.pub-explain{
	font-size: 14px;
	margin-bottom: 20px;
	line-height: 25px;
	color: #888;
	letter-spacing: 0.5px;
}
.mind-publish-dlg .form .title {
    display: inline-block;
    width: 15%;
    vertical-align: top;
    line-height: 20px;
    color: #333;
}
.mind-publish-dlg .form .textarea,.mind-publish-dlg .form input{
	outline: none;
}
.mind-publish-dlg .form .textarea{
	min-height: 80px;border:1px solid #ddd;
}
.mind-dlg-content .form .textarea:focus{
	outline: 1px solid #4386F5;
}
#tag_input {
    min-width: 80%;
    background: transparent;
}
.setprice-btn{
	background: transparent!important;
}
.feedTags {
    border: 1px solid #D9D9D9;
    border-top: 1px solid silver;
    display: inline-block;
    padding: 8px;
    height: 50px;
    overflow-y: auto;
    border-radius: 2px;
    width: 437px;
    cursor: text;
}
.feedTags .tag-txt {
    width: 190px;
    height: 18px;
    margin: 0;
    padding: 0;
    line-height: 18px;
    border: 0 none;
}

.feedTags .tagitem {
    position: relative;
    display: inline-block;
    margin: 0px 5px 5px 0;
    padding: 1px 5px 0px 5px;
    border-radius: 2px;
    font-size: 12px;
    height: 25px;
    line-height: 25px;
    white-space: nowrap;
    cursor: default;
    text-align: center;
    background-color: rgb(80, 184, 129); /*#4386f5*/
    color: #fff;
}
.feedTags .tagitem .close-tag {
    float: right;
    margin-left: 3px;
    margin-top: -2px;
    font-size: 12px;
    cursor: pointer;
}

.mind-dlg-content .form .content {
    display: inline-block;
    line-height: 25px;

}
.label-exp{
	display: inline-block;
	vertical-align: middle;
	float: right;
	font-size: 12px;
	color: #888;margin-right:-12px;
}
.pubpo-tab .form .content label[for]{
	color: #333;
	margin-left: 5px;
}
.pubpo-tab .form .textarea, .form .feedTags,.form .content{
	width: 81%!important;
	background: transparent;
}
.clone-price{
	display: none;
}
.content .setprice-btn{
	width: 50%!important;border:1px solid #ddd;
}
.bot-line{
	padding: 13px 0 16px;
}
.agreement-group{
	margin-top: 12px;
	margin-right:20px;
}
.pub-btn.mind-button{
	margin-left: 10px;
}
.agreement-detail{
	color: #008cff;
	display: inline-block;
	margin-left: 5px;
	cursor: pointer;
}
#mind-publish-dlg .mind-dlg-content h3{
	display: inline-block;
	color:#333;
}
#exposure{
	float: left;
	color:rgb(80, 184, 129);
	font-size:13px;
	cursor: pointer;
	line-height: 36px;
	height: 36px;
}
#exposure:hover img{
	display: block;
}
#exposure img{
	display: none;
	position: absolute;
	width: 100%;
	padding: 0 20px;
	left: 0;
	right: 0;
	margin: auto;
	bottom: 62px;
	z-index: 2;
	box-sizing: border-box;
}
#exposure:before{
	content:'\e7c9';
	font-size: 16px;
	padding-right:5px;
	font-family: "icons";
}
.exposure-intro{
	display: none;
	position: absolute;
	top:40px;
	right:0;
	width:500px;
	text-align: left;
	padding:10px 10px 10px 30px;
	background: #fff;
	z-index: 2;
	box-shadow: 0 5px 15px 0 rgba(0,0,0,0.2);
	border-radius: 2px;
	font-size: 12px;
}
.exposure-intro li{
	list-style:disc
}
#exposure:hover .exposure-intro{
	display: block;
}
#mind-publish-dlg .file-list-item .title .icons {
	margin-right: 6px;
	vertical-align: -1px;
}
#mind-publish-dlg .noitem{
	bottom:20%
}
#mind-publish-dlg .dialog-win-con .form-row{
	margin-top:10px;
}
#mind-publish-dlg .dialog-win-con .form .text{
	width:12%;
	display: inline-block;
}
#mind-publish-dlg .dialog-win-con .form  .txt, #mind-publish-dlg .form  textarea, .publish_addtags{
	height: 36px;
	border-radius: 5px;
	border:1px solid #dbdbdb;
	width:88%!important;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding:9px 14px;
}
#mind-publish-dlg .dialog-win-con .form  .txt:focus, #mind-publish-dlg .form  textarea:focus{
	border: 1px solid #4386F5;
	background:#fff
}
.feedTags .tagitem{
	border-radius: 14px;
	padding: 1px 6px 0px 8px;
}
#mind-publish-dlg .dialog-win-con .form .textarea{
	height:65px;
	padding:14px;
	outline: none;
}
#publish_addtags{
	height:auto!important;
	vertical-align: middle;
}
#publish_addtags .tag-txt{
	width:220px;
	background: none;
	min-width:auto;
}
#mind-publish-dlg #setprice{
	width:100%;
	height:100%;
	padding:0 14px;
	appearance: none;
	-webkit-appearance: none;
	background:none;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border:0;
	border-radius: 5px;
}
#mind-publish-dlg #setprice:focus{
	background:#fff;
	border: 1px solid #4386F5;
	color:#333
}
#publish_toedit.dialog-win-con{
	padding-right:24px;
}
.change-tags{
	display: inline-block;
	color:#666;
	cursor: pointer;
	margin-top:18px;
	float:right;
	vertical-align: middle;
}
.change-tags:hover{
	color:#333
}
.change-tags:after{
	content:'\e6b9';
	font-size: 13px;
	padding-left:5px;
	font-family: "icons";
}
.pro-tags{
	width:530px;
	margin-top:0px!important;
	padding-top:12px !important;
	margin-left:12%!important;
	display: inline-block;
	height:29px;
	overflow: hidden;
}
.pro-tags li{
	display: inline-block;
	padding:0 9px;
	height: 27px;
	line-height: 27px;
	border-radius: 14px;
	border: 1px solid #EEEEEE;
	font-size:12px;
	color:#999;
	margin:0 12px 0 0;
	cursor:pointer ;
}
.pro-tags li.hot {
	position: relative;
}
.pro-tags li.hot:after {
	content: 'HOT';
	position: absolute;
	top: -10px;
	right: -10px;
	font-size: 12px;
	transform: scale(0.8);
	display: inline-block;
	line-height: 8px;
	color: #fff;
	font-weight: 400;
	padding: 3px 5px;
	border-radius: 7px 7px 7px 0px;
	background: linear-gradient(142deg, #FFBB1B 0%, #FF9239 100%, #FFDF3A 100%);
}
.pro-tags li:before{
	content:'\e63c';
	font-family: "icons";
	color:#bbb;
	padding-right:3px;
}
#mind-publish-dlg .radio-btn-group{
	display: inline-block;
	margin-right:25px;
}
#mind-publish-dlg .radio-btn-group input{
	margin:0 8px 0 0;
	vertical-align: middle;
}
#mind-publish-dlg .radio-btn-group span{
	color:#999
}
#mind-publish-dlg .radio-btn-group label{
	vertical-align: middle;
	display: inline-block;
	color:#333;
}
#mind-publish-dlg .selece-price{
	width:88%;
	display: inline-block;
	margin:0
}
#mind-publish-dlg .selece-price .select-price-item{
	width: 55px;
	height: 36px;
	line-height: 36px;
	border-radius: 5px;
	border: 1px solid #F0F0F0;
	padding:0;
	margin:0;
	margin-right:16px;
	color:#333;
	font-size: 14px;
	display: inline-block;
	text-align: center;
}
#mind-publish-dlg .selece-price .select-price-item:hover{
	background:#F0F0F0
}
#mind-publish-dlg .selece-price .select-price-item:nth-of-type(1):hover{
	background:none
}
#mind-publish-dlg .selece-price .select-price-item:nth-of-type(1):hover input{
	color:#333
}
#mind-publish-dlg .selece-price .select-price-item.active{
	background:rgb(80, 184, 129);
	border: 1px solid rgb(80, 184, 129);
	color:#fff;
}
#mind-publish-dlg .selece-price .select-price-item.active #setprice{
	color:#fff;
	text-align: center;
	background:rgb(80, 184, 129);
	border: 1px solid rgb(80, 184, 129);
}
.feedTags .tag-txt{
	width:60%
}
.select-box{
	position:relative;
	width:220px;
	display: inline-block;
}
.select-box:after{
	content:'\e61a';
	font-family: "icons";
	color:#bbb;
	position: absolute;
	display: inline-block;
	right:10px;
	top:8px;
	font-size: 18px;
}
.select-box .select{
	width: 220px;
	height: 36px;
	border-radius: 5px;
	padding:0 14px;
	border: 1px solid #dbdbdb;
	cursor: pointer;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.select-box ul{
	display: none;
	position: absolute;
	top:100%;
	left:0;
	background:#fff;
	width:100%;
	z-index:2;
	height:250px;
	overflow: auto;
	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
}
.select-box ul li{
	height:36px;
	line-height: 36px;
	padding:0 14px;
	cursor: pointer;
}
.select-box ul li:hover{
	background:#F4F4F4
}

/*审核中*/
.publish-content > .item-seq {
    width: 40px;
    line-height: 70px;
}
.publish-content .icons {
    display: block;
    font-size: 60px;
    margin-bottom: 8px;
    color: #888;
}
.publish-content > div {
    font-size: 13px;
    width: 150px;
    display: inline-block;
    height: 100px;
    cursor: pointer;
    position: relative;
    vertical-align: top;
    text-align: center;
}
.toedit-des{
	font-size: 16px;
	text-align: center;
	margin-top: 80px;
	color: #000;
}
.pubpo-tab .publish-content{
	text-align: center;
	padding: 70px 0;
}

.publish-content .mind-icons {
    display: block;
    font-size: 50px;
    margin-bottom: 8px;
    color: #888;
}
/*
分享
*/
.mind-share-dlg{
	width: 700px;
	overflow: hidden;
}
.mind-dialog-left {
	display: inline-block;
	width: 160px;
	position: absolute;
	height: 84%;
	left: 0;
	border-top: 1px solid #ddd;
	border-right: 1px solid #ddd;
	padding-top: 10px;
}
.mind-dialog-left li {
	display: block;
	padding: 0 0 0 15px;
	line-height: 27px;
	border-left: 5px solid transparent;
	margin-top: 10px;

}
.mind-share-dlg .mind-dialog-left li{
	cursor: pointer;
	color: #888;
}
.mind-share-dlg .mind-dialog-left li.active {
	border-left: 4px solid rgb(80, 184, 129);
	font-weight: bold;
	color: #444;
}
.mind-dialog-left li:first-child {
	margin-top: 0;
}
.mind-dialog-right {
    margin-left: 162px;
    border-radius: 3px;
    overflow-y: auto;
    padding: 15px 15px 0 15px;
    position: relative;
    min-width: 450px;
    border-top: 1px solid #ddd;
    min-height: 300px;
}

.mind-dialog-right h3{
	font-size: 15px;
	line-height: 130%;
	margin: 0;
	color: #5B636B;
	font-weight: 200;
	letter-spacing: 1px;
}
.txt-input{
	border: 1px solid #D9D9D9;
	border-top: 1px solid silver;
	padding: 9px 5px;
	width: 180px;
	background-color: #FFFFFF;
	border-radius: 2px;
	color: rgba(0,0,0,.87);
	line-height: 1em;
	-webkit-tap-highlight-color: rgba(255,255,255,0);
}
.txt-input:focus{
	border:1px solid #63abf7;
	box-shadow:0px 0px 5px #93c4f7;
	-webkit-transition:border linear 0.2s, box-shadow linear 0.2s;
	-moz-transition:border linear 0.2s, box-shadow linear 0.2s;
	-o-transition:border linear 0.2s, box-shadow linear 0.2s;
	transition:border linear 0.2s, box-shadow linear 0.2s;
}
.mind-dialog-right .mind-button{
	padding: 8px 12px;
}
.new-form-switch {
	display: inline-block;
	margin-bottom: -10px;
}
.switchbutton.gray {
	background: #e5e5e5;
}
.switchbutton {
	display: inline-block;
	border-radius: 18px;
	position: relative;
	cursor: pointer;
	font-size: 13px;
	width: 110px;
	height: 30px;
	line-height: 20px;
}
.switchbutton.fl{
	float: left;
}
.switchbutton.green {
	background: #4ebc79;
	color: #fff;
}
.switchbutton .switch {
	position: absolute;
	border-radius: 50%;
	top: 4px;
	cursor: pointer;
	text-align: center;
	width: 22px;
	height: 22px;
	background: #fff;
}
.switchbutton .switch.right {
	right: 5px;
}
.switchbutton .switch.left{
	left: 5px;
}
.switchbutton .switch-left {
	position: absolute;
	left: 10px;
	top: 5px;
	display: none;
	background: none;
	font-size: 12px;
	font-weight: 100;
}
.switchbutton .switch-right {
	position: absolute;
	right: 10px;
	top: 5px;
	color: #9E9E9E;
	font-size: 12px;
	font-weight: 100;
}
.shareopt-group{
	display: none;
}
.shareopt-group h3{
	margin: 28px 0 7px;
}
.shareopt-group .mind-icons{
	font-size: 30px;
	margin-right: 12px;
	text-decoration: none;
}
.weixin-con {
	z-index: 99999;
	font-size: 12px;
	text-align: center;
	display: none;
	position: absolute;
	width: 200px;
	height: 215px;
	background: #fff;
	border: 1px solid #d0d0d0;
}
.weixin-con img {
	width: 180px;
	height: 180px;
	margin-top: 10px;
}
.embed-left {
	overflow: auto;
	height: 250px;
	position: relative;
	border: 1px solid #999;
	width: 99%;
}
.embed-preview-wrap {
	position: absolute;
	top: 50%;
	left: 50%;
}
.embed-preview {
	margin: auto;
}
.embed_attributes {
	margin-top: 10px;
	position: relative;
}
.embed-size{
	margin-top: 15px;
}
.embed-size .title {
	font-weight: bold;
	margin: 0px 5px;
	display: inline-block;
}

.embed-size .txt-input {
	width: 35px;
	padding: 3px;
	margin-right: 5px;
	display: inline-block;
}


/* 协作 colla end*/

.mind-theme-dlg{
	max-width:422px;
	padding: 15px 0 !important;
}
.mind-theme-dlg li{
	position: relative;
	display: inline-block !important;
	float: left !important;
	padding: 0px !important;
	width: 120px;
	height: 60px;
	margin-right: 10px;
	margin-bottom: 10px;
	border-radius: 2px;
	cursor: pointer;
	overflow: hidden;
}
.mind-theme-dlg li:nth-child(3n) {
	margin-right: 0;
}
.mind-theme-dlg li:active{
	background-color: #f5f5f5 !important;
}
.mind-theme-dlg li div{
	width:120px;height:60px;
	text-align: center;
}
.mind-theme-dlg li div.active{
	background:#f5f5f5;
}
.mind-theme-dlg li [tit] img{
	width:120px;
	height:60px;
	border:1px solid #ddd;
	border-radius:3px;
	overflow: hidden;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.mind-theme-dlg li [tit] img:hover{border: 2px solid #DEDEDE;}
.mind-theme-dlg li.selected [tit] img,
.mind-theme-dlg li [tit] img:active{border:2px solid rgba(90,193,140,1);}
.mind-theme-dlg li > .theme_vip {
	width: 46px;
	position: absolute;
	bottom: 0;
	left: 0;
}
.mind-theme-dlg li > .theme_new {
	width: 24px;
	position: absolute;
	top: 4px;
	right: 4px;
}
.mind-theme-customise-dlg{
	width:780px;
}
.mind-theme-customise-dlg .customise-item{
	margin:8px 0px 8px;
	font-size:12px;color:#666;
	    line-height: 16px;
}
.mind-theme-customise-dlg .customise-item.lc{
	border:0px;color:#333;
	font-weight:bold;font-size:13px;
}
.mind-theme-customise-dlg .customise-item-des{
	padding:2px 0px;
	font-size:12px;
	color:#aaa;
	    line-height: 16px;
}
.mind-theme-customise-dlg .mind-customise-prev{
	background:#f0f0f0;height:260px;width:300px;
	position:relative;margin-right:40px;
	text-align:center;border: 1px dashed #ccc;
}
.mind-theme-customise-dlg .mind-customise-prevtp{
	display:inline-block;
	margin-top:95px;
}
.mind-theme-customise-dlg .mind-customise-prevline{
	position:absolute;
	left:0px;
	bottom:7%;
	width:100%;
	display:none;
}
.mind-theme-customise-dlg .theme-item{
	position:relative;width:344px;padding:10px;border-radius:3px;border:1px solid #eee;
	margin-top: 12px;height:40px;
}
.mind-theme-customise-dlg .theme-item:hover{
	box-shadow:1px 1px 3px #f0f0f0;
}
.mind-theme-customise-dlg .theme-item-title{
	font-size:15px;color:#555;
	border:0px;outline:none;width:130px;
	border:1px dashed transparent;
}
.mind-theme-customise-dlg .theme-item-title:hover{border:1px dashed #ddd;}
.mind-theme-customise-dlg .theme-item-title:focus{border:1px solid #bbb;}
.mind-theme-customise-dlg .theme-item-date{
	font-size:12px;color:#888;padding-left:10px;
	display:inline-block;margin-top: 2px;
}
.theme-item-op{
	position: absolute;
    right: 7px;top:19px;display:inline-block;
}
.theme-item-op .mind-icons{
	font-size:15px;
	margin-right:10px;
	color:#666;
	cursor:pointer;padding: 2px 10px 5px 10px;
}
.mind-theme-customise-dlg #mind-customise-themes-list{
	display:flex;justify-content:space-between;
	flex-wrap:wrap;align-content:flex-start;
}

.mind-theme-customise-dlg .theme-item > .mind-icons{
	font-size:32px;
	display:inline-block;
	cursor:pointer;
}

.mind-dropdown{
	position:absolute;
	background:#fff;
	box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);
	display:none;
	opacity:0;
	transition: all 160ms;
	border-radius:3px;
	z-index:9;
	transform:scale(0.8);
	transform-origin:center top;
	padding:8px 0px;
}
.mind-dropdown.visible{
	display:block !important;
	opacity:1;
	transform:scale(1);
}
.mind-dropdown .dropdown-item{
	padding:6px 10px;cursor:default;font-size:14px;position:relative;
	white-space:nowrap;color:#666;display:block;text-decoration:none;
}
.noover{white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;}
.mind-dropdown .seb{height:1px;background:#eee;margin:5px 0px;}
.mind-dropdown .dropdown-item.nobg{
	margin-bottom:-4px;
}
.mind-dropdown .dropdown-item.nobg:hover{
	background:#ffffff;
}
.mind-dropdown .dropdown-item:hover{
	background:#f3f3f3;
}
.mind-dropdown .dropdown-item:hover > .dropdown-children{
	display:block;
}
.mind-dropdown .dropdown-item .mind-icons{
	font-size:18px;margin-right:8px;vertical-align: -2px;
}
.mind-dropdown .dropdown-item a{color:#666;text-decoration:none;width:160px;overflow:hidden;display:inline-block;white-space:nowrap;
	text-overflow:ellipsis;}
.mind-dropdown .dropdown-item .right{
	font-size:15px;margin-top:2px;color:#777;
	position: absolute;right: 10px;
}
.mind-dropdown .dropdown-children{
	position:absolute;top:0px;left:99%;background:#fff;box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);border-radius:3px;
	padding:4px 0px;
	display:none;
}
.mind-dropdown .dropdown-children > .dropdown-item{
	padding:5px 12px;font-size:13px;
}
.mind-dropdown .dropdown-children > .dropdown-item.active{
	background:#f6f6f6;
}
.mind-offline-dlg.hidden{
	opacity:.1;
}
.mind-offline-dlg:hover{
	opacity:1 !important;
}
.mind-offline-dlg{
	position:fixed;
	background:#fff1a8;
	border:1px solid #fff1a8;
	width:180px;text-align:center;
	display:none;left:50%;top:0px;
	opacity:0;color:#555;
	transition: all 200ms ease-in-out;
	border-radius:3px;font-size:13px;
	z-index:9;margin-left:-90px;
	-webkit-box-shadow:0 1px 3px rgba(0,0,0,.2);
	box-shadow:0 1px 3px rgba(0,0,0,.2);
}
.mind-offline-dlg .closeoff{
	cursor:pointer;font-size:12px;margin-left:8px;display:inline-block;text-decoration:underline;
}
.mind-offline-dlg .closeoff:hover{opacity:.9}
.mind-slider-dlg{
	width:240px;
	left:inherit;
	right:7px;
	top:50px;
	transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
}
.mind-slider-dlg > div{
	text-align:center;
}
.mind-slider-dlg .mind-icons{
	font-size: 60px;color:#666;
    margin-left: 7px;
    margin-top: 2px;
}
.mind-slider-show{
	border:1px solid #ddd;width:80px;height:80px;display:inline-block;border-radius:50%;text-align:center;

}
.mind-slider-show:hover{
	border:1px solid #aaa;
}
.mind-slider-show:hover .mind-icons{
	color:#333;
}
.mind-slider-close{
	margin-bottom:20px;margin-top:18px;display:block;text-decoration:none;
}
.mind-share-network{
	position:fixed;
	right:16px;
	bottom:18px;
	width:40px;
	height:78px;
	background:#fff;
	box-shadow: 0 2px 5px rgba(0,0,0,.1);
	cursor:pointer;
	border-radius:3px;
	border:1px solid #ededed;
	z-index:2;
}
.mind-share-network .mind-icons{
	text-align: center;
    padding: 7px 9px;
    display: inline-block;
    font-size:20px;
}
.mind-share-network-con{
	width:200px;
	right:-200px;
	overflow-y:auto;
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right;
    transition: all .1s linear;
    font-weight: 400;
    opacity:0;
    bottom:18px;
    position:fixed;
    min-height:110px;
    background:#fff;
    z-index:1;
    padding-bottom:10px;
    box-shadow: 0 2px 5px rgba(0,0,0,.1);
    border:1px solid #ededed;
}
.mind-share-network-con > div{
	padding:6px 12px;
	cursor:pointer;
}
.mind-share-network-con > div:not([con]):hover{
	background:#f3f2f1;
}
.mind-share-network-con > div[con] .mind-icons{
	color:#333;
	font-size:22px;
	margin-right:4px;

}
.mind-share-network-con > div a{
	font-size:13px;
}
.mind-share-network-con  .mind-icons{
	font-size:15px;
	margin-top:7px;
	margin-right:10px;
	color:#333;
	text-decoration:none;
}
.mind-share-network-con  a{
	text-decoration:none;
	color:#333;
}
.mind-share-network-con > div:first-child{
	margin-top:6px;
}
.mind-share-network-con .share-out{
	position:absolute;
	bottom:4px;
}
.mind-help-con{
	width:385px;
	position:fixed;
	right:-385px;
	opacity:0;
	border-left:1px solid #ddd;
	z-index:9;
	background:#fff;
	top:0px;
	overflow-y:auto;
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right;
    transition: all .1s linear .15s,-webkit-transform .25s ease-in-out;
    transition: all .25s ease-in-out,opacity .1s linear .15s;
    transition: all .25s ease-in-out,opacity .1s linear .15s,-webkit-transform .25s ease-in-out;
    font-weight: 400;
    font: normal normal 100% Helvetica Neue,Helvetica,Arial,sans-serif;
}
.mind-help-title{
	font-size:15px;margin-top:20px;
	font-weight:bold;
}
.mind-help-con > h3{
	margin-top:14px;
	font-size:17px;
	font-weight:bold;
}
.mind-help-con textarea{
	border: 1px solid #dddddf;
    height: 400px;
    border-radius: 2px;
    background: #fffff0;
    display: block;
    width: 100%;
    resize: vertical;
}
.mind-help-con .help-close{
	float:right;
	font-weight:normal;
	color:#666;
	font-size:15px;
	cursor:pointer;
}
.mind-help-con .help-close:hover{
	color:#333;
}
.mind-image-dlg{

}
.mind-tab{
	line-height:30px;background:#f0f5f7;
}
.mind-tab a{
	 display: inline-block;padding:4px 6px 0px 6px;margin:0px 6px;
	 text-decoration: none;
	 color:#555;cursor:pointer;
	border-bototm:2px solid  transparent;
 }

.mind-tab a.active{
	border-bottom:2px solid rgb(80, 184, 129);
	color:rgb(80, 184, 129);
	/*font-size: 13px;*/
}
.mind-tab-con{
	transition: height 140ms ease-in-out;
	-webkit-transition: height 140ms ease-in-out;
	-moz-transition: height 140ms ease-in-out;
	-ms-transition: height 140ms ease-in-out;
}
.mind-tab-con .mind-button{
	padding:5px 6px 6px 6px;
	display: inline-block;
	font-size: 12px;
	margin-left:2px;
	position: relative;
}
.mind-tab-con .mind-button input[type=file]{
	opacity:0;
	-ms-filter: alpha(opacity=0);
	filter: alpha(opacity=0);
	position: absolute;
	width:100%;
	height:100%;
	left:0px;
	top:0px;
}
.mind-tab-con .mind-button input[type=file]:hover{
	cursor: pointer;
}
.mind-tab-con .mind-text{
	width:230px;
}

.mind-title-menu{
	width:196px;
}
.mind-title-menu-tip{
	font-size:12px;
	color:#a3a3a3;
	margin:8px 10px 0px;
}
.mind-title-menu-con{
	font-size:12px;
	color:#a3a3a3;
	max-height:500px;
	overflow-y:auto;
}
.mind-title-menu-item{
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	padding:6px 10px 4px;
	line-height:16px;
	position:relative;
}
.mind-title-menu-item a{
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	max-width:160px;
	display:inline-block;
}
.mind-title-menu-item:first-child{
	margin-top:5px;
}
.mind-title-menu-item .mind-icons{
	font-size:12px;
	position:absolute;
	right:0px;
	transform:scale(.8);
	cursor:pointer;
	display:none;
	top:0px;
	color:#555;
	padding:5px 10px 5px 5px;
}
.mind-title-menu-item .mind-file-delete{
	position:absolute;
	top:0px;
	width:100%;height:100%;
	backgroudn:#fff;
	text-align:center;
	left:100px;
}
.mind-title-menu-item .mind-file-delete .delete{
	position:absolute;
	width:50%;
	background:#63abf7;
	color:#fff;
	left:0px;
	line-height:27px;
}
.mind-title-menu-item .mind-file-delete .delete:hover{
	background:#539be7;
}
.mind-title-menu-item .mind-file-delete .cancel{
	position:absolute;
	width:50%;
	right:0px;
	background:#fff;
	color:#888;
	line-height:27px;
}
.mind-title-menu-item .mind-file-delete .cancel:hover{
	background:#f3f2f1;
}

.mind-title-menu-item:hover{
	background:#f7f6f5;
}
.mind-title-menu-item:hover .mind-icons{
	display:inline-block;
}
.mind-title-menu-item a{

	font-size:13px;
	text-decoration: none;
	color:#666;
}
.mind-title-menu-item a:hover{
	color:#333;
}
.mind-title-menu-item.active a{
	color:#63abf7;
}
.mind-slide-disable{
	opacity:.2 !important;
}
.mind-slide-selection{
	position:absolute;
	background:rgba(0, 148, 255,.3);
	border:1px solid rgb(0, 148, 255);
	border-radius:4px;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 0 20px rgba(36,153,249,0.5);
	cursor:move;z-index:10;
}
.mind-slide-selection .selection-index{
	position:absolute;left:50%;top:50%;margin-left:-20px;margin-top:-20px;
	width:40px;
	height:40px;
	display:inline-block;
	background:rgb(0, 148, 255);
	border-radius:50%;color:#fff;line-height:40px;
	font-size:16px;text-align:center;font-weight:bold;
	-webkit-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none;display:none;
}
.mind-slide-selection.active{
	background:rgba(0, 128, 205,.4);
}
.mind-slide-controls{
	position:fixed;
	bottom:20px;
	height:7px;
	transform:translate(-50%, 0);
}
.mind-slide-controls span{
	display:inline-block;
	height:7px;
	background:#888;
	width:50px;border-radius:2px;
	margin-right:4px;cursor:pointer;
}
.mind-slide-controls span:hover{
	background:#666;
}
.mind-slide-controls span.active{
	background:#333;
}
.mind-slide-selection .selection-dot{
	position:absolute;border-radius:50%;
	width:3px;background:#fff;
	height:3px;
	border:2px solid rgb(0, 148, 255);
}
.mind-slide-selection .selection-del{
	position:absolute;color:#0094ff;
	background:transparent;cursor:pointer;display:none;right: 7px;top: 8px;
}
.mind-slide-selection.active .selection-del{display:block;}
.mind-slide-selection .selection-del:hover{color:#333;}
.mind-slide-selection .selection-dot.lt{
	left:-6px;top:-6px;
	cursor:nw-resize;
}
.mind-slide-selection .selection-dot.rt{
	right:-6px;top:-6px;
	cursor:ne-resize;
}
.mind-slide-selection .selection-dot.lb{
	left:-6px;bottom:-6px;
	cursor:sw-resize;
}
.mind-slide-selection .selection-dot.rb{
	right:-6px;bottom:-6px;
	cursor:se-resize;
}
.mind-slide-con{
	position:fixed;
	width:100%;
	height:80px;
	left:0px;
	background:#63abf7;
	top:-40px;
	opacity:0;
	transition:all .2s ease-in-out;
	z-index:9;
}
.mind-slide-con .slide-op{
	width:100px;
	position:absolute;right:0px;
	top:10px;
	height:60px;
	line-height:60px;
	margin-right:125px;
	clear:right;
	border-left:1px solid #ddd;
	padding-left:14px;

}
.mind-slide-con .slide-op .mind-icons{
	color:#fff;cursor:pointer;
}
.mind-slide-con .slide-op .mind-icons:hover{
	font-weight:bold;
}
.mind-slide-con .slide-op .mind-icons.add{
	vertical-align:1px;font-size:42px;
}
.mind-slide-con .slide-op .mind-icons.show{
	vertical-align:-1px;
	font-size:50px;
}
.mind-slide-list{
	height:80px;
	text-align:right;
	padding-right:251px;
}
.mind-slide-list > span{
	position: absolute;
    right: 259px;
    top: 31px;
    color: #fff;
    font-size: 16px;
}
.mind-slide-list > div{
	height:60px;
	width:80px;
	background:#fff;
	display:inline-block;
	margin-top:10px;
	margin-right:10px;
	border-radius:3px;
	cursor:pointer;
}

.mind-context-menu{
	position:absolute;
	background:#fff;
	box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);
	min-width:190px;
	min-height:200px;
	display:none;
	opacity:0;
	transition: all 200ms ease-in-out;
	border-radius:5px;
	/*transition: all .3s;*/
	font-family: "PingFang SC","Helvetica Neue", Helvetica, Microsoft Yahei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif;
}
.mind-context-global-menu{
	position:fixed;
	background:#fff;
	box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);
	min-width:120px;
	min-height:65px;
	display:none;
	opacity:0;
	transition: all 200ms ease-in-out;
	border-radius:3px;
	z-index: 3;
	font-family: "PingFang SC","Helvetica Neue", Helvetica, Microsoft Yahei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif;
}
.mind-title-close{
	font-size:3px;
	float:right;
	cursor: pointer;
	color:#666;
}
.mind-context-menu-head{
	padding:0px 6px;
}
.mind-context-menu-head-item{
	display: inline-block;
	vertical-align: top;
	width:35px;
	height:33px;
	position: relative;
	margin:0px 2px;
}
.mind-context-menu-head-item.active:before{
	background:#2EB5E5 !important;
}
.mind-context-menu-head-item:before{
	position:absolute;
	width:100%;
	height:3px;
	background:#f0f5f7;
	left:0px;
	bottom:-3px;
	content:""
}
.mind-context-menu-head .mind-icons{
	font-size:20px;
	color:#888;
	transition: all 80ms ease-in-out;
	cursor: pointer;
	position: absolute;
	top: 3px;
	left: 6px;
}
.mind-context-menu-head .mind-icons.active{
	color:#2EB5E5;
}
.mind-context-menu-head .mind-icons:hover{
	color:#2EB5E5;
}
.mind-context-menu-sub{
	background:#f0f5f7;
	height:3px;
}

.mind-context-menu-content ul,.mind-context-global-menu ul{
	list-style: none;
	padding:0px;
	margin-top:7px;
	margin-bottom:7px;
}
#mind-themes {
	max-height: 375px;
	padding: 0 10px 0 15px;
	overflow: auto;
}
.mind-context-menu-content li,.mind-context-global-menu li{
	list-style: none;
	padding:3px 15px;font-size:12px;
	line-height:18px;
	cursor: pointer;
	transition: all 120ms ease-in-out;
	position:relative;
}
.mind-context-global-menu li .mind-icons{
	margin-right:6px;
	font-size:17px;
	color:#464646;
}
.mind-context-menu-content li.disable,.mind-context-global-menu li.disable{
	opacity:.8;
	cursor:default;
	color:#aaa;
	pointer-events: inherit;
}
.mind-context-menu-content li.disable:hover,.mind-context-global-menu li.disable:hover{
	background:#fff;
}
.mind-context-menu-content li:hover,.mind-context-global-menu li:hover{
	background:#f3f3f3;
}
.mind-context-menu-content li span{
	float:right;
}
.mind-context-menu-content li label.mind-tip{
	float:right;
	font-size:14px;color:#888;display:none;
}
.topic-number {
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
}
.topic-number.type5 {
	background: #444;
	color: #fff;
	text-align: center;
	min-width: 16px;
	height: 16px;
	font-size: 12px;
	border-radius: 8px;
}
.mind-context-menu-content .second-menu{
	display:none;
	position:absolute;
	top:-12px;
	left:100%;
	width:120px;
	background:#fff;
	color:#333;
	padding:7px 0;
	box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);
	transition: all .3s ease-in-out;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
.mind-context-menu-content li:hover .second-menu{
	display:block
}
.mind-context-menu-content li .second-menu li{
	padding-left:15px;
}
.mind-context-menu-content li>.mind-icons{
	font-size:12px;
	color:#aaa
}
.mind-context-menu-content li:hover>.mind-icons{
	color:#333
}
.mind-context-menu-content li>span{
	color:#aaa;
}
.mind-context-menu-content li .cmd:before{
	content:'\e795';
	font-family: 'icons';
	font-size:12px;
}
.mind-summary-menu, .mind-boundary-menu{
	position:absolute;
	background:#fff;
	box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);
	width:212px;
	height:188px;
	display:none;
	opacity:1;
	border-radius:3px;
	z-index:9;
	margin-top:-146px;
	-webkit-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none;
	padding:10px 0px;
}
.mind-boundary-menu{
	width:232px;
	height:376px;
}
.mind-boundary-menu label {
	pointer-events: none;
}
.mind-boundary-menu .del-boundary-box{
	line-height: 30px;
	text-align: center;
	background: #F7F7F7;
	border-radius: 2px;
	border: 1px solid #F0F0F0;
	cursor: pointer;
}
.mind-boundary-menu .del-boundary-box:hover {
	color: #F10A48;
}
.mind-connection-menu{
	position:absolute;
	background:#fff;
	box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);
	width:212px;
	min-height:304px;
	display:none;
	opacity:1;
	border-radius:3px;
	z-index:9;
	margin-top:-146px;
	-webkit-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none;
}
.mind-connection-menu:before{
	position: absolute;
	content:"";
	left:-16px;
	top:50%;
	width:0px;
	height:0px;
	border:8px solid transparent;
	border-right:8px solid #ddd;
	margin-top:-8px;
}
.mind-connection-menu:after{
	position: absolute;
	content:"";
	left:-15px;
	top:50%;
	width:0px;
	height:0px;
	border:8px solid transparent;
	border-right:8px solid #fff;
	margin-top:-8px;
}
.mind-connection-menu-con{
	margin:10px;
}
.mind-connection-menu-item{
	color:#666;
	margin-top:5px;
}
.mind-connection-menu-item [alt=width]{
	margin-top:5px;
}
.mind-connection-menu-item [alt=width] span{
	width:24px;
	height:20px;
}
.mind-connection-block{
	cursor: pointer;
	border-radius:2px;
	position: relative;
	padding:4px 4px;
	transition: .2s all;
	border:1px solid transparent;
}
.mind-connection-block.inline{
	display: inline-block;
	height:17px;
}

.mind-connection-block:hover{
	border:1px solid #63abf7;
}
.mind-connection-block.active{
	border:1px solid #63abf7;
}
.mind-connection-menu-item [alt=width] label{
	display: inline-block;
	width:24px;
	cursor: pointer;
	background:#333;
	position: absolute;
}
.mind-connection-menu-item [alt=color],
.mind-connection-menu-item [alt=bg_color],
.mind-connection-menu-item [alt=line_color]{
	margin-top:8px;
	margin-bottom:8px;
}
.mind-connection-menu-item [alt=color] span,
.mind-connection-menu-item [alt=bg_color] span,
.mind-connection-menu-item [alt=line_color] span {
	display: inline-block;
	width:17px;
	height:17px;
	cursor: pointer;
	border-radius:2px;
}
.mind-connection-menu-item .colourless {
	border: 2px solid #330000;
    width: 13px !important;
    height: 13px !important;
	position: relative;
}
.mind-connection-menu-item .colourless:after {
	content: "";
    width: 3px;
    height: 13px;
    background: #DE0F18;
    display: inline-block;
    transform: skewX(45deg);
    position: absolute;
    top: 0;
    left: 5px;
}
.mind-connection-menu-item [alt=type]{
	margin-top:5px;
}
.mind-connection-menu-item [alt=type] div{
	height:15px;
	cursor: pointer;
}
.mind-connection-menu-item [alt=arrow]{
	margin-top:5px;
}
.mind-connection-menu-item [alt=arrow] span{
	height:15px;
	cursor: pointer;
}
.mind-connection-menu-item [alt=arrow] label{
	color:#000;cursor: pointer;
}

#stop_listen_tip{width:400px;}
#note_view_box{
	position:fixed;
	z-index:9999999999;
	border-radius:4px;
	-webkit-box-shadow:0px 2px 16px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow:0px 2px 16px 0px rgba(0, 0, 0, 0.3);
	box-shadow:0px 2px 16px 0px rgba(0, 0, 0, 0.3);
	padding:8px;
	max-width:660px;
	font-size:14px;
	line-height:20px;
	border:0px;
	overflow:hidden;
	max-height:400px;
	overflow:auto;
	background:#ffffdd;
}
#note_view_box img{
	max-width:100%;
}
#note_view_box ul{
	display:block;
	list-style-type:disc;
	-webkit-margin-before:0em;
	-webkit-margin-after:0em;
	-webkit-margin-start:0px;
	-webkit-margin-end:0px;
	-webkit-padding-start:20px;
	margin-top:5px;
}
#note_view_box li{
	display:list-item;
	text-align:-webkit-match-parent;
	line-height: 26px;
    font-size: 16px;
}
#note_view_box_temp{
	line-height:20px;
	padding:8px;
	font-size:14px;
	display:inline-block;
	max-width:530px;
	word-break:break-all;
}
.mind-upload-tip{
	position:fixed;
	background:#fff1a8;
	border:1px solid #fff1a8;
	width:140px;text-align:center;
	display:none;left:50%;top:0px;
	color:#555;padding:6px 0px;
	letter-spacing:1px;
	transition: all 200ms ease-in-out;
	border-radius:3px;font-size:13px;
	z-index:12;margin-left:-70px;
	-webkit-box-shadow:0 1px 3px rgba(0,0,0,.2);
	box-shadow:0 1px 3px rgba(0,0,0,.2);
}
.mind-upload-tip .mind-icons{display:inline-block;}
#colla-users-con{position:absolute;z-index:1;bottom:30px;left:10px;height:30px;}

#colla-users-con .colla-tip{
	background:#fff1a8;display:none;color:#666;z-index:2;
	position:absolute;height:30px;top:50%;margin-top:-15px;margin-left:14px;line-height:30px;padding:0px 8px;
	-webkit-box-shadow:0 1px 3px rgba(0,0,0,.2);
	box-shadow:0 1px 3px rgba(0,0,0,.2);font-size:12px;border-radius:3px;-webkit-border-radius:3px;
}
#colla-users-con .colla-tip span{display:inline-block;min-width:50px;white-space:nowrap;}
#colla-users-con .colla-tip:after{content:"";position:absolute;border:10px solid transparent;border-right:10px solid #fff1a8;left:-20px;top:50%;margin-top:-10px;}
#colla-users-con .colla-user{float: left;margin-right:10px;}
#colla-users-con img{ width: 30px;height: 30px;border-radius: 50%;border:0px;}
#colla-users-con > div{display:inline-block;min-width:30px;white-space:nowrap;margin-right:3px;}
.colla-user-tip-con{box-shadow:0 1px 3px rgba(0,0,0,.2);line-height:32px;position:fixed;display:none;min-width:100px;height:30px;padding:5px 10px;border-radius:5px;background:#fff1a8;z-index:9;}
.colla-user-tip-con img{vertical-align:-10px;width:30px;height:30px;border-radius:50%;}
.colla-user-tip-con span{color:#555;font-size:13px;display:inline-block;padding:0px 6px;}
.colla-user-tip-con:before{content:"";position:absolute;border:6px solid transparent;border-right:6px solid #fff1a8;left:-12px;top:50%;margin-top:-6px;}
.member-tip{
	position: absolute;width: 100%;bottom: -2px;
    text-align: center;color: #fff;
    background: #ff9800;opacity: 0.8;
    font-weight: 700;pointer-events:none;left: 0px;
    padding: 2px 0px 1px 0px;
}
/*********************************公用组件***********************************/
/* these 4 lines are the most important with respect to styling the control */
.calendar .selected{border:1px dotted #999;}
.calendar{display:none;border:1px solid #ddd;background:#fff;font-family:verdana;font-size:12px;z-index:13;box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.3);overflow:auto;width:250px;height:175px;position:fixed;line-height:1em;border-radius:5px;-moz-user-select:none;-webkit-user-select:none;-khtml-user-select:none;user-select:none;}
.calendar table{width:100%;height:100%;color:#333;}
.calendar table td{padding:3px;text-align:center;cursor:pointer;border-radius:2px;transition: all 200ms;}
.calendar table td:hover{background:#63abf7;color:#fff;}
.upload-file-bg{
	opacity:0;
	position:absolute;
	top:0px;
	left:0px;
	z-index:1;
}
#mind-confirm-con{
	display:none;
	border:1px solid #ddd;
	border-radius:5px;
	min-height:40px;
	position:absolute;
	z-index:11;
	padding:10px 12px;
	background:#fff;
	box-shadow:0px 1px 3px #ddd;
}
#mind-confirm-con:before{
	width:0px;
	height:0px;
	border:6px solid transparent;
	border-bottom:6px solid #ccc;
	position:absolute;
	left:50%;
	margin-left:-4px;
	top:-12px;
	content:"";
}
#mind-confirm-con:after{
	width:0px;
	height:0px;
	border:6px solid transparent;
	border-bottom:6px solid #fff;
	position:absolute;
	left:50%;
	margin-left:-4px;
	top:-11px;
	content:"";
}
#mind-confirm-con .msg{
	font-size:14px;
}
#mind-confirm-con .buttons{
	padding:8px 0px 0px;
	text-align:right;
	cursor:pointer;
}
#mind_hover_tip,#title_hover_tip{
	position:absolute;
	z-index:13 !important;
	max-width:250px;color:#fff;
}
#mind_hover_tip .tip_arrow, #title_hover_tip .tip_arrow{
	position:absolute;
	width:0px;
	height:0px;
	border:8px solid transparent;
	border-bottom:8px solid #333;
	left:50%;
	top:-12px;
	margin-left:-8px;
}
#mind_hover_tip .tip_arrow.tip_right, #title_hover_tip .tip_arrow.tip_right{
	left:-6px;
	top:5px;
	position:absolute;
	background-position:-2px 0px;
	border:8px solid transparent;
	border-right:8px solid #333;
}
#mind_hover_tip .tip_arrow.tip_top,#title_hover_tip .tip_arrow.tip_top{
	position:absolute;
	border:8px solid transparent;
	border-top:8px solid #333;
	bottom:-13px;top:initial;
}
#mind_hover_tip .tip_arrow.tip_left,#title_hover_tip .tip_arrow.tip_left{
	right:-14px;
	left:initial;
	top:5px;
	position:absolute;
	border:8px solid transparent;
	border-left:8px solid #333;
}
#mind_hover_tip .tip_content,#title_hover_tip .tip_content{
	padding:5px 8px; font-size:12px;
	background:#333;
	background:rgba(0,0,0,.8);
	word-wrap:break-word;
	word-break:normal;
	border-radius:3px;
}

.mind-border-radius{
	border:0px;
	border-left:2px solid #888;
	border-top:2px solid #888;
	width:10px;height:10px;
	display:inline-block;
	vertical-align:-2px;
}
.mind-border-radius.radius8{
	border-radius:8px 0px 0px 0px;
}
.mind-border-radius.radius4{
	border-radius:4px 0px 0px 0px;
}
#body-mask{
	position:fixed;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	z-index:9;
	transition:all 0.3s ease-in-out;
	background: rgba(0,0,0,.3);
}
#mind-loading{
	position:fixed;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	z-index:12;
	background:#fff;
}
#mind-loading span{
	position:absolute;
	left:50%;
	top:47%;
	margin-left:-95px;
	font-size:24px;
	display:inline-block;
	width:224px;
}
#mind-loading .mind-icons{
	font-size:24px;
	color:#888;
	margin-left:20px;
}
#mind-tip,#mind-brash-tip,#mind-history-tip{
	background:rgba(0,0,0,.7);
	border-radius:3px;
	position: absolute;
    top: -20px;
    left: 50%;
    color: white;
    padding: 10px 15px;
    display: none;
/*     transition:all 0.1s; */
    z-index:13;
}
.mind-tip-close{display:none;}
#mind-error-tip{
	background:rgba(0,0,0,.7);
	border-radius:3px;
	position: absolute;
    top: 60px;
    left: 50%;
    color: white;
    padding: 10px 15px;
    display: none;
    transition:all 0.1s;
    z-index:13;
}
.noselect{
	-moz-user-select:none;
	-webkit-user-select:none;
	-o-user-select:none;
	user-select:none;
}

.mind-menu-list{
	border-radius: 3px;
	webkit-box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.3);
	border:1px solid #ddd;
	z-index: 13;
	position: fixed;
	background: #fff;
	padding:4px 0px;
	margin:0px;
	list-style: none;
}
.mind-menu-list.colors{
	background: #f0f0ec;
}
.mind-menu-list li{
	padding: 0px 20px;
	line-height: 26px;
	cursor: default;
	position: relative;
	font-size:13px;
	cursor: pointer;
	transition: all 100ms;color:#555;
}
/***颜色选择器 start***/
.color_picker {
	width: 196px;
	background: #FFFFFF;
	box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.15);
	border-radius: 5px;
	border: 1px solid #F3F5F7;
	padding: 12px 0 0;
	position: fixed;
	z-index: 12;
	box-sizing: border-box;
	font-size: 12px;
	color: #3F3F3F;
}
.color_picker .color_transparent {
	height: 22px;
	border: 1px solid #F3F5F7;
	text-align: center;
	line-height: 22px;
	margin: 0 13px 10px;
	cursor: pointer;
	display: none;
}
.color_picker .color_transparent:hover {
	background: #F3F5F7;
}
.color_picker .color_items{
	padding: 0 13px;
}
.color_picker .color_items:after{
	content: "";
	display: block;
	width: 0;
	height: 0;
	clear: both;
}
.color_picker .color_items div {
	float: left;
	margin: 1px 1px;
	width: 17px;
	height: 17px;
	border: 1px solid #FFFFFF;
}
.color_picker .color_items div:not(.disabled):hover,
.color_picker .color_items .selected{
	box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);
}
.color_picker .color_items div.disabled {
	background-color: #ffffff;
	border-color: rgb(238, 238, 238);
	pointer-events: none;
}
.color_picker .history{
	padding-bottom: 10px;
}
.color_picker .history_title {
	line-height: 18px;
	margin: 7px 13px 4px;
}
.color_picker .color_more{
	height: 41px;
	position: relative;
	border-top: 1px solid #F3F5F7;
	line-height: 40px;
	padding: 0 13px;
	box-sizing: border-box;
}
.color_picker .color_more .color_more_bg{
	width: 16px;
	height: 16px;
	margin: 12px 8px 0 0;
	float: left;
	border-radius: 8px;
	background: url("/assets/images/color_picker/more.png") no-repeat center;
	background-size: cover;
}
.color_picker .color_more>.icons{
	float: right;
	width: 24px;
	height: 16px;
	margin: 12px 0 0 8px;
	background: #F3F5F7;
	border-radius: 2px;
	color: #A8B2BC;
	text-align: center;
	line-height: 16px;
	font-size: 12px;
	cursor: default;
}
.color_picker .color_more:hover{
	background: #F3F5F7;
}
.color_picker .color_more:hover>.icons{
	color: #3F3F3F;
}
.color_picker .color_more:hover .more_panel{
	display: block;
}
.color_picker .more_panel{
	width: 196px;
	height: 217px;
	box-sizing: border-box;
	padding: 12px 15px;
	background: #FFFFFF;
	box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.15);
	border-radius: 5px;
	border: 1px solid #F3F5F7;
	position: absolute;
	top: -88px;
	left: 100%;
	display: none;
	user-select: none;
}
.color_picker .more_panel.left{
	left: -196px;
}
.color_picker .more_panel .color_panel{
	width: 164px;
	height: 100px;
	border-radius: 3px;
	position: relative;
	overflow: hidden;
}
.color_picker .more_panel .color_panel .saturation_white{
	height: 100%;
	background: -webkit-linear-gradient(to right, #fff, rgba(255,255,255,0));
	background: -moz-linear-gradient(to right, #fff, rgba(255,255,255,0));
	background: -ms-linear-gradient(to right, #fff, rgba(255,255,255,0));
	background: -o-linear-gradient(to right, #fff, rgba(255,255,255,0));
	background: linear-gradient(to right, #fff, rgba(255,255,255,0));
}
.color_picker .more_panel .color_panel .saturation_black{
	height: 100%;
	background: -webkit-linear-gradient(to top, #000, rgba(0,0,0,0));
	background: -moz-linear-gradient(to top, #000, rgba(0,0,0,0));
	background: -ms-linear-gradient(to top, #000, rgba(0,0,0,0));
	background: -o-linear-gradient(to top, #000, rgba(0,0,0,0));
	background: linear-gradient(to top, #000, rgba(0,0,0,0));
}
.color_picker .more_panel .color_panel .picker_pin{
	width: 10px;
	height: 10px;
	box-sizing: border-box;
	box-shadow: 0px 0px 4px 0px #AAAAAA;
	border-radius: 5px;
	border: 1px solid #FFFFFF;
	margin-left: -5px;
	margin-top: -5px;
	position: absolute;
	left: 50%;
	top: 50%;
}
.color_picker .more_panel .hue_horizontal{
	width: 156px;
	height: 6px;
	background: -webkit-linear-gradient(to right, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);
	background: -moz-linear-gradient(to right, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);
	background: -ms-linear-gradient(to right, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);
	background: -o-linear-gradient(to right, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);
	background: linear-gradient(to right, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);
	border-radius: 3px;
	margin: 10px auto;
	position: relative;
}
.color_picker .more_panel .hue_horizontal .picker_pin{
	width: 10px;
	height: 10px;
	background: #FFFFFF;
	box-shadow: 0px 0px 4px 0px #AAAAAA;
	border-radius: 5px;
	margin-left: -5px;
	margin-top: -5px;
	position: absolute;
	left: 50%;
	top: 50%;
}
.color_picker .more_panel .input_box{
	float: left;
	line-height: 19px;
	position: relative;
}
.color_picker .more_panel .input_box .input_title{
	width: 50px;
	height: 19px;
	position: absolute;
	left: 0;
	top: 100%;
	text-align: center;
	color: #AAAAAA;
}
.color_picker .more_panel .input_box.left{
	padding-left: 14px;
}
.color_picker .more_panel .input_box.left .input_title{
	width: 14px;
	top: 0;
}
.color_picker .more_panel .input_box input{
	width: 48px;
	height: 17px;
	background: #FFFFFF;
	border: 1px solid #EEEEEE;
	padding: 0;
	text-align: center;
	color: #333333;
}
.color_picker .more_panel .input_box input.error{
	border: 1px solid #E84F45 !important;
	background: rgba(251, 67, 56, 0.1) !important;
}
.color_picker .more_panel .hex{
	height: 19px;
	margin-bottom: 12px;
}
.color_picker .more_panel .hex input{
	width: 100px;
	border: none;
	text-align: left;
}
.color_picker .more_panel .hex .color_show{
	float: right;
	height: 19px;
}
.color_picker .more_panel .hex .color_show span{
	float: left;
	width: 17px;
	height: 17px;
	border-radius: 2px;
	border: 1px solid rgb(238, 238, 238);
	margin-left: 2px;
}
.color_picker .more_panel .rgb .input_box{
	margin-right: 7px;
}
.color_picker .more_panel .rgb .input_box:last-child{
	margin-right: 0;
	float: right;
}
.color_picker .color_extend {
	height: 47px;
	border-top: 1px solid #F3F5F7;
	position: relative;
	box-sizing: border-box;
	padding: 0 13px;
}
.color_picker .color_extend .extend_item{
	width: 24px;
	height: 24px;
	border-radius: 12px;
	overflow: hidden;
	margin: 11px 12px 0 0;
	float: left;
}
.color_picker .color_extend .extend_item img{
	width: 100%;
	height: 100%;
}
/***颜色选择器 end***/
.mind-menu-list li:hover{
	background:#63abf7;
	color:#fff;
}
.mind-menu-list .devider{
	height: 0px;
	border-top: #ccc solid 1px;
	margin: 4px 0;
}
.mind-disable{
	opacity:.36;
	filter: alpha(Opacity=36);
	cursor: default !important;
/* 	pointer-events: none; */
}
.mind-disable1{
	opacity:.46;
	filter: alpha(Opacity=46);
	cursor: default !important;
	pointer-events: none;
}
.noevent{
	pointer-events: none;
}
.mind-number-box{
	display: inline-block;
	cursor: pointer;
	border-radius: 3px;
	width:80px;
	box-shadow: 0 1px 1px rgba(0,17,26,0.07);
	line-height: 28px;
	height:28px;
	text-align: center;
	border:1px solid #ddd;
	position: relative;
	vertical-align: top;
}
.mind-number-box input[type=text]{
	border:0px !important;
	width:56px;
	outline:none !important;
	position: absolute;
	left:6px;
	top:0px;
	height:100%;
	margin:0px;
	padding:0px;
	background:none !important;
	padding:0px !important;
	text-align: right;
}
.mind-number-box div{
	display: inline-block;
	float:right;
}
.mind-number-box i{
	width:12px;
	height: 12px;
	padding-left:3px;
	display: block;
}
.mind-number-box i:first-child{
	padding-top:2px;
}
.mind-number-box i:last-child{
	padding-top:6px;
}
.mind-number-box span{
	display: block;
	border:4px solid transparent;
	width:0px;
	height:0px;
}
.mind-number-box .up-first{
	border-bottom: 5px solid #888;
}
.mind-number-box  i:first-child:hover .up-first{
	border-bottom-color:#444;
}
.mind-number-box .down-first{
	border-top: 5px solid #888;
}
.mind-number-box i:last-child:hover .down-first{
	border-top-color:#444;
}
.mind-color-box{
	display: inline-block;
	cursor: pointer;
	border-radius: 3px;
	height: 26px;
	width:26px;
	border:1px solid transparent;
	box-shadow: 0 1px 1px rgba(0,17,26,0.07);
	line-height: 26px;
	text-align: center;
	border:1px solid #ccc;
	position: relative;
	overflow:hidden;vertical-align:top;
}
.mind-color-box.mind-disable,.mind-select-box.mind-disable{pointer-events:none;}
.mind-color-box.long{
	min-width: 26px;
	width:auto;
	padding:0px 6px;
}
.mind-color-box:hover, .mind-color-box.selected{
	border:1px solid #63abf7;
}
.mind-color-box .mind-icons{
	cursor: pointer;font-size:14px;
}
.mind-select-box{
	display: inline-block;
	min-width:170px;
	line-height: 28px;
	border-radius: 3px;
	background-color: white;
	border: 1px solid #ccc;
	box-shadow: 0 1px 1px rgba(0,17,26,0.07);
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer;
	white-space: nowrap;
	overflow: visible;
	position: relative;
	color:#777;
	padding-left:8px;font-size:12px;
}
.mind-select-box:active,.mind-select-box.selected{
	border: 1px solid #63abf7;
	color: #63abf6;
}
.mind-select-box:active,.mind-select-box.selected label{
	color: #63abf6;
}

.mind-select-box label{
	position: absolute;
	right:3px;
	top:-1px;
	cursor: pointer;
	font-size:22px;
	color:#666;
}
.mind-select-box label:active{
	 color:#63abf6;
 }

.mind-dock-right-tit:first-child{
	padding:0px 0px 7px 0px;
}
.mind-switch{
	position:absolute;
	top:20px;right:20px;
	height:25px;width:62px;
	line-height:25px;
	background:#fff;
	border:1px solid #888;
	text-shadow:0px 1px 0px rgba(255,255,255,0.3);
	cursor:pointer;
	-webkit-box-shadow:inset 0px 0px 8px rgba(0,0,0,.3);
	-moz-box-shadow:inset 0px 0px 8px rgba(0,0,0,.3);
	-ms-box-shadow:inset 0px 0px 8px rgba(0,0,0,.3);
	box-shadow:inset 0px 0px 8px rgba(0,0,0,.3);
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-o-border-radius:4px;
	-ms-border-radius:4px;
	color:#323232;
}
.mind-switch-on, .mind-switch-off{
	display:inline-block;
	width:31px;height:25px;
	line-height:25px;
	text-align:center;
	font-size:12px;
}
.mind-switch-slider{
	position:absolute;
	top:-1px;left:-1px;
	width:28px;height:25px;
	line-height:24px;
	background:#fff;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-o-border-radius:4px;
	-ms-border-radius:4px;
	border:1px solid #888;
	-webkit-box-shadow:0px 0px 3px rgba(0,0,0,.3);
	-moz-box-shadow:0px 0px 3px rgba(0,0,0,.3);
	-ms-box-shadow:0px 0px 3px rgba(0,0,0,.3);
	box-shadow:0px 0px 3px rgba(0,0,0,.3);
	-webkit-transition:left 0.02s ease-in-out;
	-moz-transition:left 0.02s ease-in-out;
	-o-transition:left 0.02s ease-in-out;
	transition:left 0.02s ease-in-out;
}

.mind-switch-pwd{
	position:absolute;
	top:20px;left:45%;
	width:200px;height:30px;
	line-height:30px;
	margin-left:-90px;
	display:none;
	-webkit-transition:width 0.02s ease-in-out;
	-moz-transition:width 0.02s ease-in-out;
	-o-transition:width 0.02s ease-in-out;
	transition:width 0.02s ease-in-out;
}
.mind-switch-pwd ._pw{
	height:20px;line-height:20px;
	width:130px;
	float:left;
	border-radius:3px 0px 0px 3px;
	-webkit-border-radius:3px 0px 0px 3px;
	-moz-border-radius:3px 0px 0px 3px;
	-o-border-radius:3px 0px 0px 3px;
	-ms-border-radius:3px 0px 0px 3px;
}
.mind-switch-btn{
	float:left;
	line-height:28px;
	padding:3px 3px!important;
	min-width:30px !important;
	border-radius:0px 3px 3px 0px;
	-wekbit-border-radius:0px 3px 3px 0px;
	-moz-border-radius:0px 3px 3px 0px;
	-o-border-radius:0px 3px 3px 0px;
	-ms-border-radius:0px 3px 3px 0px;
	margin-left:5px;
}
.color_line{
	height:2px;
	background:#aaa;
	width:16px;
	position:absolute;
	bottom:3px;
	transform:translate(-50%, 0);
	left:50%;
}
.color_line_top{
	position:absolute;
	top:0px;
	transform:translate(-50%, 0);
	left:50%;
}
.pop-editor{
	position: fixed;
    background: #fff;
	border: 1px solid #F5F5F5;
    border-radius: 5px;
    padding:0px 4px;
    z-index:11;
	box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.15);
}
.pop-editor > div{
	display: inline-block;
    text-align: center;
    line-height: 36px;
    width: 38px;
    color: #333;
    height: 36px;
    cursor: pointer;
    transition: all .3s;
}
.pop-editor > div:hover{background:#f0f0f0;}
.pop-editor .mind-icons{font-size:16px;display:inline-block;}
.pop-editor .font{    font-size: 17px;margin-right:5px;margin-top: 1px;}
.pop-editor .bold{font-size: 16px;vertical-align: 3px; float: left;  margin-left: 12px;  margin-top: -1px}
.pop-editor .pop-editor-items{text-align:left;position:absolute;width:140px;max-height:200px;background:#fff;top:36px;border:1px solid #ccc;border-radius:3px;display:none;overflow-y:auto;}
.pop-editor .pop-editor-items > div{padding:4px 12px;font-size:12px;line-height:20px;}
.pop-editor .pop-editor-items > div:hover{background:#f0f0f0;}

.eq-editor{
	display: none;
	position:fixed;
	top:36px;
	overflow: hidden;
	width:320px;
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.15);
	border-radius: 3px;
	background:#fff;
	z-index:9;
	user-select: none;
	-webkit-user-select: none;
	font-family: "PingFang SC", "Comic Sans MS", 微软雅黑;
}
.eq-editor > div{
	display: flex;
	padding: 8px 10px;
	align-items: center;
}
.notranslate{
	font-size: 14px;
	margin-right: 8px;
	flex: 1 1 0%;
	word-break: break-word;
	max-height: 50vh;
	overflow: auto;
	white-space: pre-wrap;
	text-align: left;
	position: relative;
	user-select: text;
	-webkit-user-select: text;
}
.notranslate:empty:before{
	content: 'E = mc^2';
	color: #ADADAD;
	position: absolute;
	top: 0;
	left: 0;
}
.done{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	align-self:flex-start;
	height: 28px;
	line-height: 28px;
	border-radius: 3px;
	background: rgb(80, 184, 129);
	color: #fff;
	padding:0 12px;
	font-size: 14px;
	user-select: none;
	cursor: pointer;
}
.done.disable{
	pointer-events: none;
}
.eq-editor .eg-title{
	font-size:12px;
	color:#aaa;
	width:100%;
	padding-right:10px;
	display: flex;
	justify-content: space-between;
	background: #F3F5F7;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.eq-editor .eg-title span{
	position: relative;
	cursor: pointer;
}
.eq-editor .eg-title span.on{
	color:#333;
}
.eq-editor .eg-title span.on:after{
	content:"";
	position: absolute;
	display: inline-block;
	height:2px;
	width:100%;
	left:0;
	bottom:-2px;
	background: #50C28B;
	border-radius: 1px;
}
.eq-editor .icons:hover{
	color:#50C28B
}
.eq-editor .eg-con{
	background:#F3F5F7;
	text-align: center;
	line-height: 50px;
	padding:0 10px;
	cursor: pointer;
	user-select: none;
	font-size:12px;
}
.eq-select{
	position: relative;
	margin:0 0 0 16px;
	width: calc(100% - 36px);
}
.eq-select.on .eq-input{
	border:1px solid #50C28B
}
.eq-select.on:before{
	transform: rotateZ(180deg);
}
.eq-select.on ul{
	height: 394px;
	padding:12px 0 6px 0;
	margin-top:-6px;
	border:1px solid #50C28B;
}
.eq-select:before {
	content: '\e61a';
	font-family: "icons";
	color: #888;
	position: absolute;
	display: inline-block;
	right: 12px;
	top: 8px;
	font-size: 16px;
	transition: all .1s ;
	z-index:4
}
.eq-select ul{
	position: absolute;
	top: 100%;
	left: 0;
	background: #ffffff;
	width: 100%;
	z-index: 2;
	height:0;
	overflow: auto;
	cursor: pointer;
	color:#888;
	border-radius: 5px;
	transition: height .1s ;
}
.eq-select ul li{
	padding:6px 12px;
	line-height: 18px;
}
.eq-select ul li:hover{
	background:#f5f5f5;
	color:#50C28B
}
.eq-input{
	position: relative;
	width:calc(100% - 24px);
	padding: 0 12px 0 12px;
	height: 28px;
	line-height: 28px;
	border: 1px solid #E5E5E5;
	border-radius: 3px;
	background: #F5f5f5;
	color:#333;
	font-size:13px;
	z-index: 3;
}
.mind-corner > div[tit=equation]{
	font-family: "PingFang SC", "Comic Sans MS", 微软雅黑;
}
#eq-container{
	height:calc(100% - 139px);
	height:-webkit-calc(100% - 139px);
}
#eq-container h3{
	margin:20px 0 14px;
	font-size:14px;
	font-weight:400;
}
#eq-container .table{
	font-size: 12px;
	border-bottom:0;
}
#eq-container .table .tip{
	position: absolute;
	bottom:-14px;
	right:10px;
	white-space: nowrap;
	padding:2px 10px;
	background:#fffff0;
	border: 1px solid #ddd;
	color:#888;
	z-index:1;
}
#eq-container .table>div{
	position: relative;
	border-bottom:1px solid #e5e5e5;
}
#eq-container .table>div>span{
	width:120px;
	display: inline-block;
	padding:6px 12px;
	vertical-align: middle;
}
#eq-container .table>div>span:nth-of-type(2){
	position: relative;
	width:calc(100% - 168px);
	word-wrap: break-word;
	white-space: normal;
	word-break: break-all;
	text-align: right;
}
#eq-container .table>div:not(.title){
	cursor: pointer;
}
#mind_con .equation-text{
	/*user-select: text;*/
	/*-webkit-user-select: text;*/
	/*-moz-user-select: text;*/
	white-space: nowrap;
	display: inline-block;
}
.equation-text .katex{
	display: inline-block;
	padding:2px 0
}
.katex svg {
	position: absolute;
    left: auto;
    top: auto;
}
.equation-text.cur{
	background:rgba(99,171,247,0.5);
	display:inline-block
}
.pop-editor [data-key='equation']{
	position: relative;
}
.pop-editor [data-key='equation'] .eq-tip{
	position: absolute;
	display: inline-block;
	bottom:-22px;
	left:50%;
	font-size:13px;
	background:url(/assets/images/eq_tip.png) no-repeat center center;
	background-size:100% 100%;
	padding:0 12px;
	height:30px;
	line-height: 34px;
	color: #FFC727;
	pointer-events: none;
	transform:translateX(-50%) scale(0.8);
	white-space: nowrap;
	font-weight:500;
	font-family: "PingFang SC", "Comic Sans MS", 微软雅黑;
}
.mind-context-menu-content [op=equation] .eq-tip{
	position: absolute;
	left:0;
	top:1px;
	font-size: 13px;
	transform: scale(0.8) translateX(-100%);
	padding:3px 10px;
	background:#3F3F3F;
	color:#FFC727;
	border-radius: 3px;
	white-space: nowrap;
	pointer-events: none;
	font-weight:500;
	line-height: 17px;
	font-family: "PingFang SC", "Comic Sans MS", 微软雅黑;
}
.katex-box{
	display: inline-grid;
	position: fixed;
	top:-9999px;
	left:-9999px;
	z-index:-999
}
.katex-box .equation-text{
	display:inline-block;
	vertical-align: middle;
	white-space: nowrap;
}
.katex-box .topic{
	display: block;
	word-break: break-all;
	word-wrap: break-word;
	max-width: 900px;
	vertical-align: middle;
	line-height: 140%;
	min-width: 30px;
	min-height: 18px;
	margin:20px 0;
}
/*公式过长*/
.equation-tip-dlg .mind-dlog-close{
	display: none;
}
/* .topic-container .topic, .katex-box .topic{
	overflow: hidden;
} */

.icon-button{
	text-align:center;width:26px;height:20px;
	line-height:20px;font-size:15px;
	margin-right:6px;box-shadow:0px 0px 1px #eee;
	border:1px solid #ddd;border-radius:2px;
	padding:0px 3px 2px;cursor:pointer;color:#000;
}
.icon-button:hover{border:1px solid #ccc;color:#333;background:#fefefe;}
.icon-button i{display:block;margin-top:1px;}
.mind-group-button{
	display:flex;justify-content: flex-start;
    align-items: center;position:relative;
}
.mind-group-button .underline{
	position:absolute;width:100%;bottom:0px;height:1px;background:#ddd;
}
.mind-group-button > a{
	display:inline-block;background:#fff;
	padding:4px 8px 6px;text-align:center;cursor:pointer;font-size: 13px;color:#666;
}
.mind-group-button > a:hover{
	background:#eee;
}
.mind-group-button > a.active{
	background:#f0f0f0;
}
.mind-button{
	background:rgb(80, 184, 129);
	text-align:center;
	color:#fff;
	font-size:14px;
	padding:6px 6px;
	cursor:pointer;
	border-radius:3px;
	font-weight:500;
	transition: 100ms all;
	display: inline-block;
	position:relative;
}
.mind-button.nobg{
	background:#fff;
	border:1px solid rgb(80, 184, 129);
	color:#333;
	font-size:13px;
}
.mind-button.nobg:active{
	color:#fff;
}
.mind-button.small{
	font-size:12px;
	padding:6px 6px;
}
.mind-btn{
	background:#fefefe !important;border:1px solid #ccc;color:#000 !important;
}
.mind-button.gray{
	background:#fff;
	border:1px solid #ddd;
	color:#444;
}
.mind-button.gray:active{
	background:#f0f0f0;
}
.mind-button input[type=file]{
	opacity:0;position:absolute;width:100%;height:100%;left:0px;top:0px;
}
.mind-button:active{
	font-weight:200;
	background:rgb(80, 194, 139);
}
.mind-text{
	margin: 0;
	max-width: 100%;
	-webkit-box-flex: 1;
	-webkit-flex: 1 0 auto;
	-ms-flex: 1 0 auto;
	flex: 1 0 auto;
	outline: 0;
	-webkit-tap-highlight-color: rgba(255,255,255,0);
	text-align: left;
	padding: 6px 6px;
	background: #FFF;
	border: 1px solid rgba(34,36,38,.15);
	color: rgba(0,0,0,.87);
	border-radius: .28571429rem;
	-webkit-transition: box-shadow .1s ease,border-color .1s ease;
	transition: box-shadow .1s ease,border-color .1s ease;
	box-shadow: none;
}
.mind-text:focus{
	border-color: #85B7D9;
	background: #FFF;
	color: rgba(0,0,0,.8);
	box-shadow: none;
}
/*****不断旋转的动画*****/

.swing1{
	animation: .8s ease infinite swing;
	-webkit-animation:.8s ease infinite swing;
	-o-animation:.8s ease infinite swing;
	-moz-animation:.8s ease infinite swing;
	-ms-animation:.8s ease infinite swing;
}
.rotate{
	transition: all .5s;
	animation: .8s ease infinite rotate;
	-webkit-animation:.8s ease infinite rotate;
	-o-animation:.8s ease infinite rotate;
	-moz-animation:.8s ease infinite rotate;
	-ms-animation:.8s ease infinite rotate;
	color:#63abf7 !important;
}
.rotate1{
	animation: .6s linear rotate;
	-webkit-animation:.6s linear infinite rotate;
	-o-animation:.6s linear infinite rotate;
	-moz-animation:.6s linear infinite rotate;
	-ms-animation:.6s linear infinite rotate;
}
.moving{
	animation: .7s linear moving;
	-webkit-animation:.7s linear infinite moving;
	-o-animation:.7s linear infinite moving;
	-moz-animation:.7s linear infinite moving;
	-ms-animation:.7s linear infinite moving;
}
.moving1{
	animation: .7s linear moving1;
	-webkit-animation:.7s linear infinite moving1;
	-o-animation:.7s linear infinite moving1;
	-moz-animation:.7s linear infinite moving1;
	-ms-animation:.7s linear infinite moving1;
}
/**************动画*****************/
@-webkit-keyframes rotate{
	from{-webkit-transform:rotate(0deg)}
	to{-webkit-transform:rotate(360deg)}
}
@-moz-keyframes rotate{
	from{-moz-transform:rotate(0deg)}
	to{-moz-transform:rotate(360deg)}
}
@-ms-keyframes rotate{
	from{-ms-transform:rotate(0deg)}
	to{-ms-transform:rotate(360deg)}
}
@-o-keyframes rotate{
	from{-o-transform:rotate(0deg)}
	to{-o-transform:rotate(360deg)}
}
@keyframes rotate{
	from{transform:rotate(0deg)}
	to{transform:rotate(360deg)}
}

@-webkit-keyframes swing{
	from{-webkit-transform:rotate(-30deg)}
	to{-webkit-transform:rotate(30deg)}
}
@-moz-keyframes swing{
	from{-moz-transform:rotate(-30deg)}
	to{-moz-transform:rotate(30deg)}
}
@-ms-keyframes swing{
	from{-ms-transform:rotate(-30deg)}
	to{-ms-transform:rotate(30deg)}
}
@-o-keyframes swing{
	from{-o-transform:rotate(-30deg)}
	to{-o-transform:rotate(30deg)}
}

@keyframes moving{
	0% {margin-left:1px;}
	20% {margin-left:2px;}
	40% {margin-left:4px;}
	60% {margin-left:2px;}
	80% {margin-left:1px;}
	100% {margin-left:0px;}
}
@-webkit-keyframes moving{
	0% {margin-left:3px;}
	50% {margin-left:0px;}
	100% {margin-left:-3px;}
}
@-moz-keyframes moving{
	0% {margin-left:3px;}
	50% {margin-left:0px;}
	100% {margin-left:-3px;}
}
@-ms-keyframes moving{
	0% {margin-left:3px;}
	50% {margin-left:0px;}
	100% {margin-left:-3px;}
}
@-o-keyframes moving{
	0% {margin-left:3px;}
	50% {margin-left:0px;}
	100% {margin-left:-3px;}
}
@keyframes moving1{
	0% {margin-top:1px;}
	20% {margin-top:2px;}
	40% {margin-top:4px;}
	60% {margin-top:2px;}
	80% {margin-top:1px;}
	100% {margin-top:0px;}
}
@-webkit-keyframes moving1{
	0% {margin-top:3px;}
	50% {margin-top:0px;}
	100% {margin-top:-3px;}
}
@-moz-keyframes moving1{
	0% {margin-top:3px;}
	50% {margin-top:0px;}
	100% {margin-top:-3px;}
}
@-ms-keyframes moving1{
	0% {margin-top:3px;}
	50% {margin-top:0px;}
	100% {margin-top:-3px;}
}
@-o-keyframes moving1{
	0% {margin-top:3px;}
	50% {margin-top:0px;}
	100% {margin-top:-3px;}
}
::-webkit-scrollbar
{
	width:0px;
	height:0px;
}
::-webkit-scrollbar-track-piece
{
	/*background-color:white;*/
}
::-webkit-scrollbar-thumb:vertical
{
	height:5px;
	background-color:#ccc;
}
::-webkit-scrollbar-thumb:horizontal
{
	width:5px;
	background-color:#ccc;
}
#mind-themes::-webkit-scrollbar
{
	width:6px;
	height:2px;
}
#mind-themes::-webkit-scrollbar-thumb {
	border-color: #c6c6c6;
}
/*textarea scrollbar*/
textarea::-webkit-scrollbar,#note_view_box::-webkit-scrollbar
{
	width:6px !important;
	height:6px !important;
}
.scroll{overflow:auto;}
.scroll::-webkit-scrollbar,#note_view_box::-webkit-scrollbar
{
	width:4px !important;
	height:4px !important;
}

/********** Global Top dialog***************************/
.global_top_dialog{
	position:absolute;top:40px;height:auto;width:auto;
	left:50%;padding:0px;margin:0px;
	display:none;opacity:0;filter:alpha(opacity=0);background:#5da206;
	color:#fff;line-height:26px;padding:0px 20px;z-index:11;
	-webkit-transition:all 0.08s cubic-bezier(.7,0,.7,1) 0s;
	-moz-transition:all 0.08s cubic-bezier(.7,0,.7,1) 0s;
	-o-transition:all 0.08s cubic-bezier(.7,0,.7,1) 0s;
	transition:all 0.08s cubic-bezier(.7,0,.7,1) 0s;
	-khtml-transition:all 0.08s cubic-bezier(.7,0,.7,1) 0s;
	-ms-transition:all 0.08s cubic-bezier(.7,0,.7,1) 0s;
}
.global_top_dialog.show{
	opacity:1;
	filter:alpha(opacity=100);
	-webkit-transition:all 0.25s cubic-bezier(.7,0,.7,1) 0s;
	-moz-transition:all 0.25s cubic-bezier(.7,0,.7,1) 0s;
	-o-transition:all 0.25s cubic-bezier(.7,0,.7,1) 0s;
	transition:all 0.25s cubic-bezier(.7,0,.7,1) 0s;
	-khtml-transition:all 0.25s cubic-bezier(.7,0,.7,1) 0s;
	-ms-transition:all 0.25s cubic-bezier(.7,0,.7,1) 0s;
}
.global_top_dialog.noarrow{
	border-radius: 0px 0px 3px 3px;
	box-shadow: 1px 1px 3px #ccc;
}
.top_success{
	background:#5da206;
	color:#fff;
	-webkit-box-shadow:0px 0px 2px rgba(0,0,0,.2);
	-moz-box-shadow:0px 0px 2px rgba(0,0,0,.2);
	-ms-box-shadow:0px 0px 2px rgba(0,0,0,.2);
	box-shadow:0px 0px 2px rgba(0,0,0,.2);
}
.top_success .left_arrow{
	position:absolute;
	top:0px;
	left:-26px;
	border:13px solid #5da206;
	border-bottom-color:transparent;
	border-left-color:transparent;
}
.top_success .right_arrow{
	position:absolute;
	top:0px;
	right:-26px;
	border:13px solid #5da206;
	border-bottom-color:transparent;
	border-right-color:transparent;
}
.top_success .content{
	position:relative;
	white-space:nowrap;
	line-height:26px;
}
.top_error{
	background:#f60;
	color:#fff;
	-webkit-box-shadow:0px 0px 2px rgba(0,0,0,.2);
	-moz-box-shadow:0px 0px 2px rgba(0,0,0,.2);
	-ms-box-shadow:0px 0px 2px rgba(0,0,0,.2);
	box-shadow:0px 0px 2px rgba(0,0,0,.2);
}
.top_error a{
	text-decoration:underline;
	color:#fff;
}
.top_error .left_arrow{
	position:absolute;
	top:0px;
	left:-26px;
	border:13px solid #f60;
	border-bottom-color:transparent;
	border-left-color:transparent;
}
.top_error .right_arrow{
	position:absolute;
	top:0px;
	right:-26px;
	border:13px solid #f60;
	border-bottom-color:transparent;
	border-right-color:transparent;
}
.top_error .content{
	position:relative;
	white-space:nowrap;
	line-height:26px;
}
.top_error a{
	text-decoration:underline;
	color:#fff;
}
.opacity{
	opacity:.6;
}
.dialogs{
}
.show{
	display:block!important;
}
.mind-icons.active{color:rgb(80, 194, 139)}

.global-leftbot-dialog{
	position: absolute;
	background: rgba(0,0,0,.5);
    left: 50%;
    transform: translateX(-50%);
    top: 56px;
	line-height: 30px;
	border-radius: 2px;
	color: #fff;
	z-index: 9;
	padding: 5px 15px;
	font-size: 12px;
	font-weight: bold;
}
.left-bot-default{
	background-color: rgba(0,0,0,.7);
}
.mind-share-dlg a, .mind-publish-dlg a, .mind-colladd-dlg a{
	text-decoration: none;
}
/********************预置主题风格***********************/
.pre-topic-con{text-align:center;height:40px;width:65px;line-height:40px;display:inline-block;}
.pre-topic{margin:5px 0px;padding:8px 12px;cursor:pointer;}
/******************right corner 全局风格 start*********************/
.mind-corner{
	position:absolute;height:calc(100% - 68px);width:300px;top:45px;z-index:4;display:none;
	background:#fff;box-shadow:0px 0px 1px #ccc;opacity:0;
}
.mind-corner.left{
	left:-300px;
}
.mind-corner.right{
	right:-300px;
}
.mind-corner.left.active{
	opacity:1;left:0px;display:block;
}
.mind-corner.right.active{
	opacity:1;right:0px;display:block;
}
.mind-left-corner{right:auto;width:332px;left:-330px;opacity:0;overflow:hidden;}
.mind-corner > div{display:none;position:relative;height:100%;}
.mind-right-corner > div > label{
	font-size:16px;display:block;height:40px;line-height:40px;margin:0px 10px;
}
.mind-right-corner > label,.mind-left-corner > label{
	height:50px;line-height:50px;padding:0px 10px;font-size:17px;display:block;
}
.mind-left-corner .top-op-btn {
	position: absolute;
	top: 20px;
	right: 16px;
}
.mind-left-corner .top-op-btn .sep {
	margin: 0 16px;
	height: 20px;
	width: 1px;
	display: inline-block;
	vertical-align: sub;
	background: #F0F0F0;
}
.mind-left-corner .top-op-btn .mind-icons{
	color: #666666;
}
.mind-left-corner .top-op-btn .mind-icons:hover{
	color: #333;
}
.mind-corner > .mind-icons{
	position:absolute;display:inline-block;right: 12px;
    top: 21px;cursor:pointer;z-index:2;color:#888;
}
.mind-left-corner > .mind-icons{
	right: 18px;top:12px;z-index: 9;color: white;
}


.mind-right-corner > .mind-icons:hover{
	color:#333;
}
#area-history-add{
	position:absolute;bottom:0px;padding:10px;border-top: 1px solid #eee;background:#f8f8f8;
}
#area-history-add textarea{
	width: 94%;resize: none;outline: none;height: 50px;font-size:14px;
}
.mind-corner-content{
	padding:0;
}
.mind-corner-bottom{
	position:absolute;bottom:5px;width:70px;height:30px;text-align:center;line-height:29px;
	cursor:pointer;background:#fff;left:50%;margin-left:-35px;border-radius:3px;
}
.mind-corner-bottom:hover{
	background:#f0f0f0;color:#333;
}
.mind-corner-des{
	margin-top:18px;color:#666;line-height:24px;
}
.corner-title{
	position: relative;
}
.corner-title .label{
	font-size: 20px;
	font-weight:500;
	padding: 16px;
	position: relative;
	display: inline-block;
}
.corner-title .top-op-btn{
	display:inline-block;
	position: absolute;
	top:20px;
	left:70px;
	cursor: pointer;
}
.corner-title .top-op-btn .mind-icons{
	padding:8px;
	color:#888;
	font-size:12px;
	transition: .2s;
}
.corner-title .top-op-btn .mind-icons.on{
	color:#fff
}
.corner-title .top-op-btn:before{
	content:'';
	color:#fff;
	background:#50C28B;
	width:20px;
	height:20px;
	border-radius: 50%;
	display: inline-block;
	position: absolute;
	top:-1px;
	left:4px;
	z-index:-1;
	transition: .2s;
}
.corner-title .top-op-btn.on:before{
	left:36px;
}
.corner-title > span.mind-icons{
	left:150px;top:18px;
	position: absolute;font-weight:bold;
}
.mind-corner-content > div > div{
	margin-bottom:6px;
	margin-top:0;
	padding-left: 12px;
}
.mind-left-corner .scroll{
	overflow-y: auto;
	border: 0;
}
.mind-corner-content > div span{
	display:inline-block;
	width:100px;
	text-align:right;
	font-size:12px;color:#666;
}
.mind-corner-content > div label{
	display:inline-block;
	width:170px;font-size:12px;
}
.corner-title .tip{
	display: none;
	font-size: 12px;
	color: #999;
	position: relative;
	top: -2px;
}
.corner-title .clear{
	position: absolute;
	right: 20px;
	top: 20px;
	border: 0;
	cursor: pointer;
	color: #ffffff;
}
.corner-title .radius-btn {
	width: 35px;
	height: 35px;
	float: left;
	border-radius: 50%;
	background: rgb(80, 184, 129);
	text-align: center;
	line-height: 35px;
	font-size: 24px;
	color: #fff;
	margin-left: 15px;
	cursor: pointer;
	position: fixed;
	bottom: 10px;
	left: 270px;
	z-index: 999;
}
.corner-title .radius-btn:hover {
	-webkit-box-shadow: 0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);
	box-shadow: 0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);
}
.corner-title .iconfont {
	font-family: iconfont;
	font-size: 20px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	vertical-align: -1px;
	-webkit-text-stroke-width: 0!important;
}
/*开关的大小*/
.corner-title .switch-container {
	height: 16px;
	width: 35px;
	position: absolute;
	right: 40px;
	top: 12px;
	cursor: pointer;
}

/*设置checkbox不显示*/
.corner-title .switch {
	display: none;
}

/*设置label标签为椭圆状*/
.corner-title label {
	display: block;
	background-color: #fff;
	height: 100%;
	width: 100%;
	cursor: pointer;
	border-radius: 25px;
}

/*在label标签内容之前添加如下样式，形成一个未选中状态*/
.corner-title label:before {
	content: '';
	display: block;
	border-radius: 25px;
	height: 100%;
	width: 15px;
	background-color: white;
	box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.08);
	-webkit-transition: all 0.2s ease;
}

/*在label标签内容之后添加如下样式，形成一个选中状态*/
.corner-title label:after {
	position: relative;
	top: -16px;
	left: 20px;
	content: '';
	display: block;
	border-radius: 25px;
	height: 100%;
	width: 15px;
	background-color: white;
	opacity: 0;
	box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.08);
	-webkit-transition: all 0.2s ease;
}

/*选中后，选中样式显示*/
.corner-title #switch:checked~label:after {
	background-color: white;
	opacity: 1;
}

/*选中后，未选中样式消失*/
.corner-title #switch:checked~label:before {
	opacity: 0;
	background-color: white;
}

/*选中后label的背景色改变*/
.corner-title #switch:checked~label {
	background-color: #0c8c33;
	opacity: 1;
}

.mind-corner-content > div span[keys]{
    border: 1px solid #ccc;
    border-radius: 3px;
    display: inline-block;
    padding: 2px 4px;
    margin: 0px 3px;
    color: #555;
    width:auto;
    cursor:pointer;
}
.switch-tip{
	display: block;
	transition: all 200ms;
	padding: 10px 18px;
	color: #666;
	font-size: 13px;
	border: 0;
}

.mind-tabs{
	height:33px;line-height:33px;box-shadow: inset 0 -1px #d7d7d7;padding:0px 12px;
}
.mind-tabs a{
	display:inline-block;padding:0px 0px 0px 0px;margin-right:16px;
	float:left;border-bottom:1px solid transparent;cursor:pointer;margin-top:-2px;
}
.mind-tabs a:hover{
	color:rgb(80, 194, 139);
}
.mind-tabs a.active{
	border-bottom:2px solid rgb(80, 194, 139);color:rgb(80, 194, 139);
}
/******************right corner 全局风格 end*********************/
/*********************下拉框全局风格**********************/
.mind-menu{
	position: absolute;
    background: #fff;
    box-shadow: 0 2px 6px 0 rgba(0,0,0,0.2);
    min-height: 100px;
    display: none;
    transition: all 120ms ease-in-out;
    border-radius: 3px;
    top: 0px;
    z-index: 9;
    padding:10px;
    margin:0px;
}
.mind-menu > label{
	font-size:17px;display:block;color:#666;
}
.mind-menu > div{
	padding:5px 0px;
}
.mind-menu .mind-menu-item{
	cursor:pointer;
}
.mind-menu .mind-menu-item:hover,.mind-menu .mind-menu-item.active{
	color:rgb(80, 194, 139);
}
#reset-subtopic-margin{
	float: right;
    cursor: pointer;
    width: 20px;
    height: 20px;
    text-align: center;
}
#reset-subtopic-margin:hover{
	background-color: #f4f4f4;
}
#reset-subtopic-margin .mind-icons{
	font-size:16px;
	color:#333;
}
.mind-subtopic-tit{
	display:inline-block;
	line-height:33px;
	text-align:end;
	margin-right:14px;
	width:52px;
	font-size:13px;
	color:#666;
}
.mind-subtopic-wrap{
	display:inline-block;
	text-align:center;
	vertical-align:top;
	line-height:32px;
}
.mind-subtopic-wrap .mind-icons{
	font-size:18px;
	color:#999;
	padding-right: 5px;
}
/*********************右上角导航 start***********************/
.mind-right-menu{
	position:absolute;
	right:10px;
	top:53px;
	width:36px;
	background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 3px 10px 0px rgba(0,0,0,.2);
    text-align:center;
    line-height:30px;z-index:2;
    padding: 2px 0px 0px;cursor:pointer;
}
.mind-right-con{
	position:absolute;
	right:10px;
	top:53px;
	width:298px;z-index:4;
	display:none;
	background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 3px 10px 0px rgba(0,0,0,.2);
    user-select:none;
}
.mind-right-con .mind-right-head{
	height:20px;line-height:20px;text-align:right;
}
.mind-right-con .mind-right-head .mind-icons{
	text-align:center;opacity:.8;
	font-size:14px;margin-top:1px;display:inline-block;cursor:pointer;
}
.mind-right-con .mind-right-head .mind-icons:hover{
	color:#000;
}
.mind-right-con .mind-right-icons{
	padding:0px 0px;background:#f8f8f8;
	display:flex;justify-content:space-between;align-items:center;
	border-top: 1px solid #ddd;overflow:hidden;
}
.mind-right-con .mind-right-icons > a{
	padding:6px 0px;cursor:pointer;border-right:1px solid #e0e0e0;width:100%;text-align:center;border-bottom:1px solid #e0e0e0;
}
.mind-right-con .mind-right-icons > a.active{
	background:#fff;border-bottom:1px solid #fff;
}
.mind-right-con .mind-right-icons > a.active:hover{background:#fff;}
.mind-right-con .mind-right-icons > a:last-child{
	border-right:0px;
}
.mind-right-con .mind-right-icons > a:hover{
	background:#f3f3f3;
}
.mind-right-con .mind-right-icons .mind-icons{
	font-size: 20px;color:#444;
}
.mind-right-con .mind-right-detail{
	padding-bottom:10px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.mind-right-con .mind-right-detail::-webkit-scrollbar-thumb{
	border-color:#c6c6c6
}
.mind-right-con > div{
	padding:0px 10px;
}
.mind-right-con .mind-right-detail input[type=text]{
	width:156px;
	display: inline-block;
	border-radius: 3px;
	padding:6px 6px;
	border:1px solid #ddd;
	/* background: #fffff0; */
	background: #fff;
	outline:none;
}
.mind-right-con .mind-right-detail div[tit=icon] .mind-icons{
	font-size: 22px;
	margin:2px;
	color:#444;
	cursor: pointer;
	transition: all 120ms ease-in-out;
}
.mind-right-con .mind-right-detail div[tit=icon] .mind-icons:hover{
	opacity:0.6;
}
/*.mind-right-con .mind-right-detail div[tit=icon] .selected{*/
/*	color: rgb(80, 194, 139) !important;*/
/*}*/

.mind-right-con .mind-right-detail .title{
	padding:10px 0px 8px;
	color:#333;
}
.mind-right-con .mind-right-detail .task-item{
	display: inline-block;
	text-align: right;
	width:70px;
	margin-right:10px;
}
.mind-right-con .mind-right-detail > div{display:none;}
.mind-right-con .mind-right-detail > div > div{
	margin-bottom:8px;
}
.mind-right-con .mind-right-detail .detail-bottom{
	text-align: right;
    margin-top: 15px;
    border-top: 1px solid #e0e0e0;
    padding-top: 11px;
}

.mind-right-con .mind-right-detail .mind-topic-remark{
	border:1px solid #dddddf;
	border-radius: 2px;
	background: #fffff0;
	display: block;
	width:254px;
	height:450px;
	resize: none;
	overflow-y:auto !important;
	outline:none;
}
.mind-right-con .mind-right-detail .mind-title-des{
	font-size:12px;
	color:#666;
	cursor:pointer;
	float:right;
}
.mind-right-con .mind-right-detail .mind-title-des a{
	color:#666;
}
.mind-right-con .mind-right-detail .mind-upload{
	border: 2px dashed #ddd;
    height: 156px;
    margin: 14px 7px 5px;
    text-align: center;
    color: #555;
}
.mind-right-con .mind-right-detail .mind-image-detail > div{
	display:none;
}
.mind-right-con .mind-right-detail .item-con{
}
.mind-right-con .upload_file_btn{
	margin:20px 0px 10px 0px;width:160px;font-size:14px;
}
.mind-right-con .upload_file_btn .mind-icons{
	font-size:12px;vertical-align:2px;
}
.mind-right-con .uplpad_file_tip{
	float:right;color:#ff9f1a; padding-right: 5px;
}
.mind-right-con .upload_file_btn form{
	opacity: 0;
    height: 30px;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
}
.mind-tab-line{
	padding:15px 0px 5px 0px;
}
.mind-tab-line > label{
	padding:4px 0px;border-bottom: 1px solid transsparent;margin-right:20px;cursor:pointer;
}
.mind-tab-line > label:hover{color:#000;}
.mind-tab-line > label.active{color:#444;font-weight:bold;border-bottom: 1px solid #47ba80;}
/* 水印 */
.mind-watermark{}
.mind-watermark .title {
	position: relative;
}
.mind-watermark .title .mind-member-icon{
	width: 16px; height: 16px; display: inline-block; top: 3px;
	position: relative;
	/* position: absolute; top: 50%; margin-top: -8px; left: 30px; font-size: 22px; */
	color: #ef8704; text-align: center; line-height: 16px;
}
.mind-watermark .title .mind-member-icon img{
	width: 100%; height: 100%; transform: scale(1.8);
}
#reset-watermark{
	float: right;
	cursor: pointer;
	width: 20px;
	height: 20px;
	text-align: center;
}
#mind-topic-sy.mind-focus{
	border-color: #50B881;
}
.mind-watermark .mind-tags-input{
	margin-bottom: 12px; position: relative;
}
.mind-right-detail .mind-watermark input[type=text]{
	height:28px;
	padding:0 8px
}
.mind-watermark .mind-tags-input-sub{
	position: absolute;
	width: 48px;
	height: 30px;
	background: #50B881;
	border-radius: 2px;
	top: 0;
	right: 5px;
	cursor: pointer;
	text-align: center;
	line-height: 30px;
	color: #fff;
}
.mind-watermark .mind-tags-input-sub.mind-btn-deny{
	background: rgba(80, 184, 129, 0.5);
}
.mind-watermark .mind-watermark-list{
	width: 270px;
	height: 118px;
	background: #F8F8F8;
	border-radius: 3px;
	border: 1px solid #DDDDDD;
	position: relative;
}
.mind-watermark .mind-watermark-list .title{
	min-width: 48px;
	height: 17px;
	line-height: 17px;
	padding: 8px 0px 0px 8px;
	font-size: 12px;
	font-weight: 400;
	margin-bottom: 5px;
}
.mind-watermark .mind-watermark-list .mind-watermark-nothing{
	position: absolute; top: 42%; left: 0px; width: calc(100%); text-align: center; color: #999; font-size: 12px;
}
.mind-watermark .mind-watermark-list .title .mind-member-icon{
	width: 16px; height: 16px;
}
.mind-watermark .mind-watermark-list .title .mind-member-icon svg{
	width: 100%;
}
.mind-watermark .mind-watermark-list .mind-btns{
	height: 16px; position: absolute; top: 8px; right: 14px;
}
.mind-watermark .mind-watermark-list .mind-btn{
	width: 16px; height: 16px; cursor: pointer; display:inline-block; margin-right: 12px; border: none; background: none !important;
}
.mind-watermark .mind-watermark-list .mind-btn.mrno{
	margin-right: 0px;
}
.mind-watermark .mind-watermark-list .mind-btn.hide{
	display: none;
}
.mind-watermark .mind-watermark-list .mind-btn:last-child{
	margin-right: 0px;
}
.mind-watermark .mind-watermark-list .mind-watermark-ul{
	height: 80px; overflow-y: auto; padding: 0px 0px;
}
.mind-watermark .mind-watermark-list .mind-watermark-ul::-webkit-scrollbar{
	width: 3px;
}
.mind-watermark .mind-watermark-list .mind-watermark-ul::-webkit-scrollbar-thumb{
	border-width: 0px;
}
.mind-watermark .mind-watermark-list .mind-watermark-ul li{
	height: 27px; line-height: 27px;
	font-size: 12px;
	font-weight: 400;
	color: #999999;
	padding-left: 8px;
}
.mind-watermark .mind-watermark-list .mind-watermark-ul li:hover{
	background: #f1f1f1; cursor: pointer;
}
.mind-watermark .mind-watermark-list .mind-watermark-ul li:hover .mind-operate.fr{
	display: block;
}
.mind-watermark .mind-watermark-list .mind-watermark-ul li .mind-operate{
	float: left; width: 16px; height: 16px; text-align: center; line-height: 16px; margin: 5px 0px 0px 0px; position: relative; margin-right: 4px;
}
.mind-watermark .mind-watermark-list .mind-watermark-ul li .mind-operate.fr{
	float: right; display: none;
}

/* .mind-watermark .mind-watermark-list .mind-watermark-ul li .mind-operate .mind-checkbox{
	width: 16px; height: 16px; position: relative;
}
.mind-watermark .mind-watermark-list .mind-watermark-ul li .mind-operate .mind-checkbox input{
	position:absolute; left: 0px; top: 0px; width: 16px; height: 16px; margin: 0px; opacity: 0;
} */
/******************右上角菜单 end*********************/
/******************navigator start*********************/
.mind-canvas-con{
	/* display: none; */
	position:absolute;
	width: 311px;
    z-index: 8;
    bottom: 0;
    left: 0;
	width: 100%;
	height: 23px;
	background: #F3F5F7;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
	border-radius: 2px;
	border: 1px solid rgba(0, 0, 0, 0.08);
	box-sizing: border-box;
	padding: 0 12px;
    -webkit-transform: translateY(0)!important;
	transform: translateY(0)!important;
	transition: width 250ms ease-in;
}
.mind-canvas{
	height:171px;
	width: 310px;
	vertical-align:middle;
	display:table-cell;
	text-align:center;
	position:relative;
	overflow:hidden;
	box-shadow: 0px 4px 8px 0px rgb(0 0 0 / 8%);
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.16);
	background-color: #fff;
}
.mind-canvas canvas{pointer-events:none;}
.mind-canvas .viewport{
	border:1px solid #6EB1EB;position:absolute;width:120px;height:60px;cursor:move;
}
.mind-canvas-op, .mind_topics_details,.mind-help-menu{
	height:23px;
	display:block;
	line-height:23px;
	float: right;
}
.mind-help-menu{
	width: 24px;
	text-align: center;
}
.mind_topics_details {
	float: left;
	margin-left: 8px;
}
.mind-canvas-op span{
	display:inline-block;
	overflow: hidden;
}
.mind-canvas-op .mind-icons {
	font-size: 14px;
}
.mind-canvas-op span[tit] {
	width: 24px;
	text-align: center;
	margin: 0 8px;
	border-radius: 2px;
	cursor:pointer;
}
.mind-canvas-op span[tit=close]:not(.nav-active){
	background: rgba(0, 0, 0, 0.08) !important;
}
.mind-canvas-op .sep {
	width: 1px;
    height: 12px;
    margin: 0 8px;
    background-color: rgba(0,0,0,.12);
    padding: 0;
    vertical-align: -1px;
    display: inline-block;
	pointer-events: none;
}
.bot-nodevip-btn{
	display: none;
	margin-left: 5px;
    padding: 0 5px;
	font-size: 11px;
	cursor: pointer;
}
.bot-nodevip-btn:hover{
	background: rgba(0, 0, 0, 0.1);
}
.mind-canvas-op .mind-zoomtxt[tit] {
	width: 32px;
	font-size: 12px;
	margin: 0 2px;
}
.mind-canvas-op span[tit]:hover{
	background: rgba(0, 0, 0, 0.04);
}
.mind-canvas-op span[tit]:active{
	background: rgba(0, 0, 0, 0.08);
}
.mind-canvas-op span[tit].active{
	color:rgb(80, 194, 139);
}
/******************navigator end*********************/
/*********************************mind outer ui********************************/
/*dialog end*/
.upload-con{width:600px;min-height:400px;}
.upload-imgs{max-height:416px;overflow-y:auto;display: flex;
    justify-content: start;flex-wrap: wrap;
    align-items: center;
}
.upload-imgs > span{
    width: 84px;
    height: 84px;
    position: relative;display:inline-block;
}
.upload-imgs > span img{
    width: 84px;
    height: 84px;
}
.upload-imgs .upload-img{
	position:relative;
}
.upload-imgs .upload-img:hover{
    background:#f9f9f9;box-shadow:1px 1px 0px #eee;
}
.upload-imgs .upload-img .image_box {
    width: 135px;
    height: 136px;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}
.upload-imgs img {
    max-width: 128px;
    max-height: 128px;
    vertical-align: middle;
}
.upload-imgs .upload-img .remove_icons {
    position:absolute;width:16px;height:16px;
    right:5px;
    border:1px solid #b9283f;
    border-radius:50%;text-align:center;
    background:#fff;
    top:6px;
    z-index:9;display:inline-block;cursor:pointer;
    font-size:12px;
}
.upload-imgs .upload-img .remove_icons .mind-icons {
    font-size: 12px;
    display: inline-block;color:#b9283f;
    transform:rotate(45deg);margin-top:1px;
}
.upload-imgs .upload-img.image_item_selected {
    background-color: #f3f3f3;
}
#search-img-con img{
	width:122px;
	height:80px;
	cursor: pointer;
	margin-top:6px;
	margin-right:6px;
   	box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);
}
#search-img-con img:hover{
	opacity:.6;
}
#image-search-btn .page-btn{
	text-align:right;margin:10px 14px;
}
#image-search-btn .page-btn .mind-icons{
	text-align: center;
	font-size:14px;
	color:#888;
	height:15px;
	border:1px solid #ddd;
	width:24px;
	display: inline-block;
	cursor: pointer;
	box-shadow: 0px 0px 1px #ccc;
	padding-top:1px;
}
#image-search-btn .page-btn .mind-icons:active{
	box-shadow: 0px 0px 1px #bbb inset;
}
#image-search-btn .page-btn span:first-child{
	border-radius:3px 0px 0px 3px;
	border-right:0px;
}
#image-search-btn .page-btn span:last-child{
	border-radius:0px 3px 3px 0px;
}
/*新手指引弹窗容器,定位*/
.tutorial-con{
    min-height:300px;width:600px;
}
.tutorial-con h2{text-align:center;padding:23px 0px;color:#444;font-size:20px;font-weight:normal;}
.tutorial-text{line-height:23px;font-size:14px;color: #666;}
.tutorial-con .tutorial-image{
    text-align: center;padding:0px;
}
.tutorial-con .tutorial-image img{
	width:100%;
	margin: 0 auto;
	min-height:200px;
}
.tutorial-con > div{
	padding:10px 20px;
}
.tutorial-con .tutorial-key{
	border:1px solid #ccc;background:#fff;font-size:12px;padding:2px 5px;border-radius:3px;
	vertical-align: 1px;box-shadow:0px 1px 0px #f4f4f4;
    margin: 0px 5px 0px 3px;cursor:pointer;
}
.tutorial-con .tutorial-key:active{box-shadow:1px 1px 1px #eee inset;}
.tutorial-con .tutorial-btn,.tutorial-con .tutorial-step{text-align:center;}
.tutorial-con .tutorial-btn{
	padding:17px 0px 20px 0px;
}
.tutorial-con .tutorial-step{
	padding:14px 0px 0px 0px;
}
.tutorial-con .tutorial-step > span{
	border:1px solid #c8c8c8;
	width:12px;height:12px;border-radius:50%;margin-right:22px;cursor:pointer;display:inline-block;
}
.tutorial-con .tutorial-step > span:last-child{margin-right:0px;}
.tutorial-con .tutorial-step > span.active{
	background:#50b881;border:1px solid #50b881;
}
.tutorial-con .tutorial-step > span:hover{
	border:1px solid #c0c0c0;
}
/*************topic-outer-box描述主题的弹出框，link等******************/
.mind-topic-box{
	display:block;
}
.mind-topic-box h3{margin:0px;padding:0px;height:40px;line-height:40px;color:#666;padding:0px 15px;}
.mind-topic-box h3 .mind-icons{font-size:15px;color:#666;font-weight:normal;}
.mind-topic-box input[type=text]{
	padding:4px 6px;outline:none;border:1px solid #ddd;width:230px;border-radius:3px;
}
.mind-topic-box input[type=text]:focus{border:1px solid #63abf7;}
.toast{
	line-height:43px;padding:0px 15px;min-width:219px;
	position:absolute;right:11px;
	bottom:10px;height:40px;
	box-shadow:1px 1px 3px #ccc;
	background:#fff;z-index:15;
}
.toast .toast-icon{
	font-size:16px;color:#545454;vertical-align:-1px;
}
/**
	禁止选中
*/
.noselect,.topic-container .topic-box .topic-add,header,.mind-dlg,.mind-publish-dlg,.mind-slide-selection .selection-index,.mind-connection-menu,#body-mask,.mind-button,.mind-canvas-con,.mind-topic-box,
	header .header-op,header .header-op > div,.tutorial-con,.mind-menu-list,.mind-menu,.mind-corner-content{
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
/**
	虚拟svg不可点击
*/
#mind-svg-insert-temp {
	pointer-events: none;
}
/******************outline********************/
#outline-dlg{
	font-family: "PingFang SC", "Comic Sans MS", 微软雅黑;
}
.outline-wrapper{
	height: calc(100% - 52px);
	overflow-y: scroll;
}
.outline-hover-bg, .outline-curt-bg{
	height: 26px;
	width: 100%;
	position: absolute;
	left: 0;
	display: none;
	background-color: #f9f9f9;
	z-index: -1;
	-webkit-transition: all 0.2s;
	-moz-transition: top 0.2s;
	-ms-transition: top 0.2s;
	-o-transition: top 0.2s;
	transition: all 0.2s;
}
.outline-curt-bg{
	background-color: #f5f5f5;
}
.node-element{
	position: relative;
	padding-left:4px;
}
.node-element.wider{
	padding-left:13px;
	cursor: pointer;
}
.node-element > .node-children{
	margin-left:30px;
}
.node-element > .node-children.line{
	border-left:1px solid #eee;margin-left:16px;
}
.node-element > .node-children.line.dashed{
	border-left:1px dashed #eee;
}
.node-element > .node-children > .node-element > .node-title{
	font-weight: normal;
}
.node-element > .node-children .node-type.dot span{
	/*border:2px solid #666;
	vertical-align: 3px;*/
}
.node-element > .node-children .node-type.num span{
	font-weight: normal;
}
.node-element .node-self{
	position: relative;
	display: flex;
	flex-wrap: wrap;
}
.lock-icon{
	display: inline;
	/*position: absolute;*/
	line-height: 26px;
	margin-left: 10px;
}
.node-element .node-self > .node-title{
	flex:1;
	outline:none;
	font-size:13px;
	line-height: 28px;
	min-height: 28px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	/*padding-left:28px;*/
	padding-left:10px;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.node-element .node-self > .node-title > h1 ,.node-element .node-self > .node-title > h2,.node-element .node-self > .node-title > h3,.node-element .node-self > .node-title > h4,.node-element .node-self > .node-title > h5,.node-element .node-self > .node-title > h6{
	font-size:14px;
	line-height: 26px;
	margin: 0;
	font-weight: 400;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.node-element .node-self > .node-title > ul{
	list-style: initial;
	list-style-position: inside;
}
.node-element .node-self > .node-title > ol {
	list-style: decimal;
	list-style-position: inside;
}
.node-element .node-self > .node-title > ol > li{
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.node-element .node-self > .node-title > ul > li {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.node-element .node-self > .node-title:focus{
	word-break: break-all;
	overflow:visible;
	text-overflow:clip;
	word-wrap: break-word;
	white-space:normal;
}
.node-state{
	position: absolute;
	width:15px;height:15px;z-index: 2;
	top:4px;left:-5px;cursor: pointer;
}
.node-state .openIcon{
	background:#888;width:10px;display: none;
	height:2px;position:absolute;top:50%;margin-top:-1px;
}
.node-self:hover .openIcon.collapse-icon{
	display: block;
}
.node-state .closeIcon{
	background:#888;width:10px;display: block;
	height:2px;position:absolute;top:50%;margin-top:-1px;
}
.node-state .closeIcon::after{
	background:#888;content:"";top:-4px;
	width:2px;position:absolute;left:50%;
	height:10px;margin-left:-1px;
}
.node-ref{line-height: 22px;height:22px;}
.node-type{
	display: inline-block;line-height: 26px;
	width:30px;height:26px;text-align:right;cursor: move;
	/*position: absolute;*/
}
.node-type.dot span{
	border:3px solid #555;border-radius:50%;display: inline-block;
	background:#555;vertical-align: 2px;cursor: move;
}
.node-type.dot{width:19px !important;cursor: move;}
.node-type.dot+div{padding-left:26px;}
.node-type.num{
	position: absolute;
	left:-10px;
}
.node-type.num span{
	font-size:12px;color:#333;display:block;margin-top:1px;font-weight: bold;
}
.node-type.dot.arrow{

}
.node-type.dot.close span{
	border:0px !important;
	border-radius:0px !important;
	background:#333;
	vertical-align: 6px !important;
	line-height: 2px;
	height:2px;width:10px;
	margin-right:-2px;
}
.node-remark{
	padding-left: 29px;font-size:13px;outline:none;
    color: #aaa;cursor: text;
    line-height: 17px;min-height: 17px;
    text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.node-remark:focus{
	word-break: break-all;
	overflow:visible;
	text-overflow:clip;
	word-wrap: break-word;
	white-space:pre-wrap;
}
.outline-dragable{
	position:absolute;
	height:100%;
	right:-2px;
	width:6px;
	top:0px;
	background:transparent;
	cursor:col-resize;
}
.outline-search {
	width: calc(100% - 32px);
	margin-left: 16px;
}
.replace-con {
	font-size: 14px;
	margin-top: 10px;
	display: flex;
	justify-content: flex-end;
}
.outline-search input{
	width: 100%;
	padding: 0 12px;
    height: 30px;
    border: 1px solid #E5E5E5;
    outline: none;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	font-size:13px;
	border-radius: 5px;
	background: #F5F5F5;
}
.outline-search input::placeholder{
	font-size:13px;
	color:#888
}
.outline-search input:hover{
	border-color: #50C28B;
}
.outline-search input:focus {
	border-color: #50C28B;
}
.outline-search .search-del {
	position: absolute;
	height: 16px;
	line-height: 16px;
    right: 12px;
    top: 7px;
}
.outline-search .search-del .icons {
	font-size:18px;
	color: #e5e5e5;
}
.outline-search .search-del .icons:hover {
	color: #aaaaaa;
}
.replace-item {
	padding: 2px 12px;
	background:#f5f5f5;
	cursor: pointer;
	font-size:12px;
	border-radius: 12px;
}
.replace-item:not(.mind-disable):hover{
	background:#e5e5e5
}
.replace-item:last-child {
	margin-left: 10px;
}
/*查找替换标签样式 start*/
.node-tags{
	width: 100%;
}
.node-tags .node-tag{
	font-size: 14px;
	color: #333333;
	line-height: 20px;
	padding-left:40px;
	display: block;
}
.node-tags .node-tag::before{
	content: '\e7c7';
	height: 20px;
	width: 20px;
	font-size: 12px;
	margin-right: 9px;
}
/* ai帮助 start*/
.ai-search-input {
    width: calc(100% - 24px * 2);
    margin-left: 24px;
    position: relative;
}
.ai-search-input .power-input{
	width: 100%;
	height: 32px;
    line-height: 32px;
    padding: 4px 30px 3px;
    outline: none;
    font-size: 13px;
    text-indent: 10px;
    border-width: 1px;
    border-style: solid;
    border-color: #e5e5e5;
    border-radius: 22px;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.ai-search-input .power-input:hover {
    border-color: #4386f5;
}
.ai-search-input .power-input:focus {
    border-color: #4386f5;
}

.design_mind .power-input:hover {
    border-color: #36B389 !important;
}
.design_mind .power-input:focus {
    border-color: #36B389 !important;
}

.ai-search-btn {
    position: absolute;
    left: 16px;
    top: 8px;
    font-size: 16px;
    color: #999;
}
.ai-search-btn:hover {
    color: #666;
}
.right-help-con{
	width:320px;
	height: 500px;
	max-height: 770px;
	z-index: 9;
	position: fixed;
/* 	top: 100px; */
/* 	right: 0; */
	padding: 24px 0;
	opacity: 1;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	background:rgba(255,255,255,1);
	box-shadow: 0px 0px 1px #ccc;
	border-radius: 5px;
/* 	transition: 300ms; */
/* 	-moz-transition: 300ms; */
/* 	-webkit-transition: 300ms; */
	box-shadow:0px 2px 8px 0px rgba(25,31,37,0.28);
}
.right-help-con.remove{
	opacity: 0 !important;
}
.colle-box {
	padding: 24px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.right-help-con h6{
	font-size:12px;
	font-weight:500;
	color:rgba(0,0,0,0.4);
	line-height:17px;
	margin: 17px 0 10px;
}

.right-help-con .tag-box .hot-item{
	display: inline-block;
    padding: 0px 6px;
	margin-right: 10px;
	background: #f2f2f2;
	border-radius: 2px;
	font-size: 12px;
	color: #969696;
	cursor: pointer;
}
.right-help-con .tag-box .hot-item:hover{
	color: #fff;
	background-color: #4386f5;
}
.design_mind .tag-box .hot-item:hover{
	background-color: #36B389 !important;
}
.ai-search-input {
	width: calc(100% - 24px * 2);
	margin-left: 24px;
	position: relative;
}
.ai-search-input .search-hot {
	position: absolute;
    right: 2px;
    top: 7px;
}

.ai-search-input .power-search-del {
	position: absolute;
	right: 12px;
	top: 8px;

}
.ai-search-input .power-search-del .icons{
	color: #999;
    opacity: 0.6;
}
.ai-search-input .power-search-del .icons:hover{
	opacity: 1;
}
.ai-search-input .search-btn{
	top: 8px;
}
.power-hot-tag, .empty-rec {
	width: 100%;
	padding-top: 0;
	padding-bottom: 17px;
}
.empty-rec {
	padding-bottom: 0;
}
.power-search-result{
	padding: 17px 0;
}
.power-search-result .res-temp{
	font-size: 13px;
	padding: 9px 24px;
	color: rgba(0, 0, 0, .7);
	cursor: pointer;
}
.power-search-result .res-temp:hover{
	background: #F7F7F7;
}
.op-menu-list {
	list-style: none;
	padding: 0;
}
.op-menu-list li[tit], .comm-question .comm-item{
    font-size: 13px;
	padding: 9px 24px;
	color: #000;
	cursor: pointer;
}
.comm-question .comm-item {
	color: #4386f5;
}
.design_mind .comm-question .comm-item {
	color: #36B389 !important;
}
.op-menu-list li[tit]:hover, .comm-question .comm-item:hover{
	background: #F7F7F7;
}
.op-menu-list li[tit] .icons{
	width: 20px;
    height: 20px;
    font-size: 17px;
    text-align: center;
    line-height: 20px;
    display: inline-block;
    color: #4386f5;
    margin-right: 8px;
    vertical-align: -1px;
}
.design_mind .op-menu-list li[tit] .icons {
	color: #36B389 !important;
}
.search-drawing-pin {
	position: fixed;
	top: 28px;
    left: 40px;
	width: 16px;
	height: 24px;
	z-index: 11;
	transition-duration: .6s;
    transition-property: left,top;
    transition-timing-function: ease-in-out;
}
.search-drawing-pin .pin{
	width: 16px;
	height: 16px;
	position: absolute;
	top: -2px;
	left: -3px;
}
.search-drawing-pin .pin .icons{
	color: #4386F5;
	font-size: 22px;
}

.search-drawing-pin .pulse {
	position: absolute;
    left: 4px;
    bottom: 0;
    background: rgba(25,55,88,.1);
    border-radius: 50%;
    height: 8px;
    width: 8px;
    transform: rotateX(55deg);
    z-index: -1;
}
.search-drawing-pin .pulse::after{
    content: "";
    border-radius: 50%;
    height: 12px;
    width: 12px;
    position: absolute;
    left: -2px;
    bottom: -2px;
    box-shadow: 0 0 1px 2px #1f72f1;
    animation-delay: 1.1s;
    animation: drawing-pin-pulsate 1s ease-out;
    animation-iteration-count: infinite;
    opacity: 0;
}
.tutorial-detail {
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
}
.tutorial-detail h3 {
	font-size: 16px;
	line-height: 28px;
}
.tutorial-detail h3 .mind-dlog-close {
	position: absolute;
    top: 8px;
    right: 22px;
}
.tutorial-text {
	padding-top: 10px;
}
.tutorial-text p{
	margin: 0;
}
.right-help-con .comm-set {
	width: calc(100% - 48px);
	height: 1px;
	background-color: #f0f0f0;
	margin-left: 24px;
	margin-bottom: 24px;
}
.right-help-con .comm-question {
	margin-top: 40px;
}
.comm-question .comm-tit{
	color: #191F25;
	font-size: 13px;
	margin-left: 24px;
	font-weight: 500;
	margin-bottom: 17px;
}
@keyframes drawing-pin-pulsate {
	0%{
		transform:scale(.1);
		opacity:0
	}
	50%{
		opacity:1
	}
	to{
		transform:scale(1.2);
		opacity:0
	}
}
/* ai帮助 end */

/****  设置背景图 start ****/
.mind-background-img-dlg{
	font-size: 12px;
	color:rgba(0,0,0,0.5);
}
.mind-background-img-dlg p{
	margin: 0;
	padding: 0;
}
.mind-background-img-dlg label{
	cursor: pointer;
	position: relative;
}
.mind-background-img-dlg label input[type=file]{
	position: absolute;
	width: 0;
	height: 0;
	opacity: 0;
}
.mind-background-img-dlg .content{
	display: flex;
	padding: 24px 40px 24px 24px;

}
.mind-background-img-dlg .left .background-show{
	width: 420px;
	height: 236px;
	background:rgba(255,249,217,1);
	border:1px solid rgba(228,228,228,1);
	position: relative;
}
.mind-background-img-dlg .left .img-upload{
	width: 100%;
	height: 100%;
	background: rgba(242,242,242,1);
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 3;
}
.mind-background-img-dlg .left .iframe-loading{
	width: 100%;
	height: 100%;
	background: rgba(242,242,242,1);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
}
.mind-background-img-dlg .left .iframe-loading img{
	width: 16px;
	margin-bottom: 10px;
}
.mind-background-img-dlg .left .img-upload label{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.mind-background-img-dlg .left .img-upload .mind-icons{
	font-size: 29px;
}
.mind-background-img-dlg .left .img-upload .upload-text{
	color: #54B783;
	margin: 13px 0;
}
.mind-background-img-dlg .left .background-img-box{
	width: 100%;
	height: 100%;
	position: relative;
}
.mind-background-img-dlg .left #background-img-center{
	width: 24px;
	height: 24px;
	position: absolute;
	right: 10px;
	bottom: 10px;
	background: rgba(255,255,255,1);
	box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.1);
	border-radius: 4px;
	border: 1px solid rgba(212,219,233,1);
	font-size: 18px;
	line-height: 24px;
	text-align: center;
	color: #333;
}
.mind-background-img-dlg .left .change{
	width: 60px;
	margin: 9px auto;
	text-align: center;
	display: none;
}
.mind-background-img-dlg .left .change:hover{
	color:rgba(0,0,0,0.7);
}
.mind-background-img-dlg .right{
	width: 295px;
	margin-left: 30px;
}
.mind-background-img-dlg .right .title{
	font-size: 18px;
	line-height: 18px;
	color: rgba(0,0,0,0.7);
}
.mind-background-img-dlg .right .change-box{
	position: relative;
}
.mind-background-img-dlg .right .change-box>li{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0;
	margin-top: 16px;
}
.lock-selected {
	background: #067BEF !important;
}
.mind-background-img-dlg .lock-box{
	width: 24px;
	height: 24px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius:2px;
	cursor: pointer;
	display: none;
}
.mind-background-img-dlg .lock-box:hover{
	background:rgba(0,0,0,0.05);
}
.mind-background-img-dlg .lock-box .lock{
	display: none;
}
.mind-background-img-dlg .lock-box.active .lock{
	display: block;
}
.mind-background-img-dlg .lock-box.active .unlock{
	display: none;
}
.mind-background-img-dlg .change-item{
	width:106px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.mind-background-img-dlg .number-group{
	width: 80px;
	height: 27px;
	border-radius:2px;
	border:1px solid rgba(204,204,204,1);
	position: relative;

}
.mind-background-img-dlg .right.disabled .number-group,
.mind-background-img-dlg .number-group.disabled{
	opacity: 0.3;
}
.mind-background-img-dlg .right.disabled .change-box:after,
.mind-background-img-dlg .number-group.disabled:after{
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.mind-background-img-dlg .number-group input,.mind-background-img-dlg .select-group>span{
	width: 100%;
	height: 100%;
	color:rgba(0,0,0,0.7);
	box-sizing: border-box;
	border: 0;
	background: none;
}
.mind-background-img-dlg .number-group div{
	height: 100%;
	width: 12px;
	position: absolute;
	right: 0;
	top: 0;
}
.mind-background-img-dlg .number-group div span{
	width: 100%;
	height: 50%;
	font-size: 12px;
	color: rgba(0,0,0,0.2);;
	background:rgba(0,0,0,0.05);
	border-left:1px solid rgba(204,204,204,1);
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}
.mind-background-img-dlg .number-group div span:last-child{
	border-top:1px solid rgba(204,204,204,1);
}
.mind-background-img-dlg .number-group div span:hover{
	background: rgba(0,0,0,0.1);;
}
.mind-background-img-dlg .select-group{
	width: 196px;
	height: 30px;
}
.mind-background-img-dlg .select-group>span{
	padding-left: 10px;
	line-height: 30px;
	cursor: pointer;
}
.mind-background-img-dlg .select-group div span:last-child{
	height: 100%;
	border-top: none;
}
.mind-background-img-dlg .select-group ul{
	width: 100%;
	position: absolute;
	top: calc(100% + 1px);
	left: -1px;
	background: #ffffff;
	box-shadow:0px 3px 6px -4px rgba(0,0,0,0.2);
	border:1px solid rgba(240,240,240,1);
	z-index: 1;
	display: none;
}
.mind-background-img-dlg .select-group ul li{
	padding: 0 16px;
	line-height: 30px;
	color:rgba(0,0,0,0.7);
	cursor: pointer;
	position: relative;
}
.mind-background-img-dlg .select-group ul li:hover{
	background: rgba(0,0,0,0.05);
}
.mind-background-img-dlg .select-group ul li span{
	display: none;
}
.mind-background-img-dlg .select-group ul li.checked:after{
	content: "\e78d";
	font-family:'mindicons';
	position: absolute;
	right: 20px;
	top: 0;
}
.mind-background-img-dlg .sub-group{
	margin-top: 78px;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
.mind-background-img-dlg .sub-group .mind-button{
	width:85px;
	height:30px;
	margin-left: 16px;
	padding: 0;
	border-radius:2px;
	font-size: 13px;
	border: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
.mind-background-img-dlg .sub-group .mind-button img{
	width: 16px;
	margin-right: 4px;
	display: none;
}
.mind-background-img-dlg .sub-group .mind-button.gray{
	background:rgba(244,244,244,1);
	color: #ADADAD;
}
/****  设置背景图 end ****/

/*** 图片预览 start ***/
#img-preview{
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	overflow: hidden;
	background:rgba(0,0,0,0.7);
	z-index: 11;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	display: none;
}
#img-preview .image-container{
	position: absolute;
	left: 0;
	top: 0;
	min-width: 100%;
	min-height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
#img-preview .current-image{
	-webkit-user-drag: none;
	/*transition: all 80ms;*/
}
#img-preview .current-image.move{
	cursor: move;
}
#img-preview .bottom-tool{
	padding: 8px 9px;
	background:rgba(0,0,0,0.5);
	border-radius:5px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	bottom: 24px;
	left: 50%;
	transform: translateX(-50%);

}
#img-preview .bottom-tool .tool-item{
	width:44px;
	height:44px;
	margin: 0 15px;
	border-radius:4px;
	opacity: 0.8;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}
#img-preview .bottom-tool .tool-item:hover,
#img-preview .close-btn:hover{
	background:rgba(0,0,0,0.6);
	opacity: 1;
}
#img-preview .bottom-tool .tool-item .mind-icons,
#img-preview .close-btn .mind-icons{
	color: rgba(255,255,255,1);
	font-size: 27px;
}
#img-preview .close-btn{
	width:44px;
	height:44px;
	position: absolute;
	top: 43px;
	right: 49px;
	cursor: pointer;
	background:rgba(0,0,0,0.5);
	border-radius:4px;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	opacity: 0.8;
}
#img-preview .zoom-ratio-notice{
	width: 192px;
	height: 56px;
	line-height: 56px;
	border-radius: 28px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	background-color: rgba(0,0,0,.5);
	font-size: 32px;
	color: #fff;
	text-align: center;
	display: none;
}
/*** 图片预览 end ***/

/*编号*/
.mind-context-menu-content .number{
	width:100px;
}
.mind-context-menu-content li .number li{
	padding-left:22px;
}
.mind-context-menu-content li .number li.selected:before{
	position:absolute;
	left:6px;top:3px;
	content:"\e75b";
	font-family: 'icons';
}
.mind-context-menu-content li .number li .num-circle{
	margin-right:2px;
	border-radius:50%;
	background:#444;
	width:16px;
	height:16px;
	line-height:16px;
	text-align: center;
	font-size:12px;
	color:#fff;
	font-style:normal;
	display: inline-block;
}
.mind-context-menu-content li .number select{
	padding:0;
	margin-left:-4px;
}
.topic-number{
	display:inline-block;
	vertical-align:middle;
	margin-right:5px;
}
/*下载*/
.mind-download-menu .dropdown-item .vip{
	width: 25px;
    height: 25px;
    position: absolute;
    left: 12px;
    top: 9px;
}
.mind-download-menu .dropdown-item{
	padding-right:40px;
}
.mind-download-menu .dropdown-item .icons{
    margin-right: 8px;
   	vertical-align: -1px;
   	font-size:15px;
}
.mind-download-menu .seb{
	height: 1px;
    background: #eee;
    margin: 8px 10px;
}
/*竖向文本*/
[mode] .topic, [mode] .textarea_topic{
	max-height:900px;
	max-width:none!important;
}
[mode] .textarea_topic{
	left:50%;
	transform: translate(-50%, 0);
}
[mode] .topic{
	min-width: 18px;
	min-height: 30px;
}
[mode] .topic-tags{
	margin:0 5px;
	display: flex;
	flex-flow:column
}
[mode] .topic-tags .topic-tag{
	height:auto;
	width:16px;
	padding:4px 2px;
	margin:0 0 3px 0;
	display: block;
	text-align: center;
}
[mode] .topic-icons{
	margin-right:5px;
	min-height:25px;
	width:25px!important;
	height:auto;
	min-width:auto;
	display: block;
}
[mode] #textarea_topic_temp{
	max-height: 700px;
	max-width: none;
}
[mode] .topic-icons .mind-icons{
	margin-right:0;
	margin-top:5px;
	display: block;
	text-align: center;
}
[mode] .topic-icons .mind-icons:nth-of-type(1){
	margin-top:0
}
[mode] .topic-image{
	margin-right:5px;
}
[mode].topic-box{
	display:inline-grid;
	display:-moz-inline-grid;
	display: -ms-inline-grid;
	/*display: inline-flex;*/
	/*display: -webkit-inline-flex;*/
	/*display: -ms-inline-flexbox;*/
	grid-auto-flow:column;
	max-height:900px;
	max-width:none;
}
.topic-container.bone .topic-box[sub][mode]:not(.free),
.topic-container.timeline .topic-box[sub][mode]:not(.free){
	display: grid;
	display: -moz-grid;
	display: -ms-grid;
}
#mind_con [mode] .equation-text{
	display: -webkit-inline-box
}
[mode=rl] .topic, [mode=rl] .textarea_topic, [mode=rl] #textarea_topic_temp,[mode=rl] .topic-tags .topic-tag, [mode=rl] .topic-task{
	writing-mode: vertical-rl;
	direction:initial;
}
[mode=lr] .topic, [mode=lr] .textarea_topic, [mode=lr] #textarea_topic_temp,[mode=lr] .topic-tags .topic-tag, [mode=lr] .topic-task{
	writing-mode: vertical-lr;
	direction:initial;
}
#mind_con .equation-text, .katex-box .equation-text, .topic-moving .equation-text, #textarea_topic_temp .equation-text,.textarea_topic.tip2::after{
	writing-mode: horizontal-tb;
}
.equation-text>span:first-child{
	display: inline-block;
}
/*插入图片工具栏 start*/
.insert-img-toolbar {
	display: none;
	position: absolute;
	z-index: 8;
  }
  .insert-img-toolbar .insert-img-toolbar-con {
	display: flex;
	justify-content: space-around;
	align-items: center;
	padding: 5px 8px;
	box-sizing: border-box;
	width: 231px;
	height: 36px;
	background: #FFFFFF;
	box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
	border-radius: 4px;
	border: 1px solid #AAAAAA;
  }
  .insert-img-toolbar .insert-img-toolbar-con span {
	font-size: 20px;
  }
  .insert-img-toolbar .insert-img-toolbar-con .active-img-direction {
	background: #E7EBEE;
  }
  .insert-img-toolbar .insert-img-toolbar-con .item {
	padding: 3px 5px;
	box-sizing: border-box;
	border-radius: 3px;
  }
  .insert-img-toolbar .insert-img-toolbar-con .item:hover {
	background: #F3F4F5;
  }
  .insert-img-toolbar .insert-img-toolbar-con .line {
	height: 21px;
	box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0);
	border: 1px solid #E5E5E5;
  }
  /*插入图片工具栏 end*/

/*设置权限 start */
.permission-con{
	display: none;
	position:fixed;
	right: 0;
	top: 44px;
	height: calc(100% - 68px);
	width: 300px;
	background: #fff;
	height: calc(100% - 68px);
	padding: 0 15px;
	box-sizing: border-box;
	z-index: 2;
	font-size: 14px;
	border-left: 1px solid rgba(0,0,0,0.1);
}

.permission-con .mind-permission-head{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	border-bottom: 1px solid #F3F4F5;
	box-sizing: border-box;
	padding: 15px 0;
}
.permission-con .mind-permission-head div{
	margin-right: 12px;
}

.permission-con .mind-permission-head .topic-set{
	font-size: 14px;
	font-weight:bold;
	color: #3B485A;
	line-height: 20px;
}

.permission-con .mind-permission-head .clear-per{
	display: flex;
	align-items: center;
	font-weight: 400;
	color: #727E96;
	line-height: 17px;
	cursor: pointer;
}

.permission-con .mind-permission-head .clear-per span:nth-child(1){
	margin-right: 5px;
}

.permission-con .mind-permission-head .close{
	margin-left: 66px;
	margin-right: 0px;
}

.permission-con .mind-permission-head .mind-icons{
	cursor: pointer;
}
.mind-permission-main{
	height: 100%;
	margin-top: 31px;
}
/*未开启状态*/
.mind-permission-main .not-open-set{
	display: none;
	text-align: center;
}

.mind-permission-main .not-open-set .tip-img{
	width: 85px;
	height: 85px;
	background:url(/assets/images/mind/pre-not.png) no-repeat center center;
	background-size: 100% 100%;
	margin: 0 auto;
}

.mind-permission-main .open-set{
	/*display: none;*/
	height: 100%;
	text-align: center;
}

.mind-permission-main .open-set .text{
	color: #B0B5BD;
}

.mind-permission-main .open-set .add-editors-btn{
	display: none;
	margin-top: 24px;
	width: 267px;
	/*height: 123px;*/
	padding: 37px 0;
	box-sizing: border-box;
	background: #FFFFFF;
	border-radius: 4px;
	border: 1px dashed #63ABF7;
}
.mind-permission-main .open-set .add-editors-btn div:nth-child(1){
	margin-bottom: 8px;
	cursor: pointer;
}

.mind-permission-main .open-set .add-editors-btn span:nth-child(1){
	margin-right: 2px;
}

.mind-permission-main .not-open-set .text{
	margin-top: 7px;
}
/*设置权限列表*/
.mind-permission-main .permi-list{
	/*display: none;*/
	width: 268px;
	/*height: 146px;*/
	background: #FFFFFF;
	border-radius: 4px;
	border: 1px solid #F3F4F5;

}
.mind-permission-main .permi-list.active{
	border: 1px dashed #63ABF7;
}
.mind-permission-main .permi-con{
	position: relative;
	display: none;
	overflow-y: auto;
	/*height:780px;*/
	height: calc(100% - 125px);
	margin-top: 24px;
}
.mind-permission-main .permi-list{
	padding: 16px;
	box-sizing: border-box;
	margin-bottom: 16px;
}
.mind-permission-main .permi-list .user-info-con{
	max-height: 440px;
	overflow: auto;
}

.mind-permission-main .permi-list .user-con{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 10px;
	padding: 5px 10px;
	border-radius: 4px;
}
.mind-permission-main .permi-list .user-con:hover{
	background: #F3F5F9;
}

.mind-permission-main .permi-list .user-con:hover .remove-premi{
	display: block;
}
.mind-permission-main .permi-list .user-info-item{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	/*padding-bottom: 16px;*/
}

.permi-list .folding{
	margin-top: 10px;
	cursor:pointer;
}

.pack-up::before{
	font-family: "mindicons";
	content:"\e7c6";
}
.unfold::before{
	font-family: "mindicons";
	content:"\e7c2";
}

.mind-permission-main .permi-list .user-info-item .user-photo{
	margin-right: 8px;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	overflow: hidden;
}
.mind-permission-main .permi-list .user-info-item .user-photo img{
	width: 100%;
	height: 100%;
}
.mind-permission-main .permi-list .user-info-item .user-name{

}
.mind-permission-main .permi-list .remove-premi{
	cursor:pointer;
	display: none;
}

.mind-permission-main .permi-list .permi-list-btn{
	padding: 0 16px 16px 16px;
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom:1px solid #F3F4F5;

}
.mind-permission-main .permi-list .permi-list-btn .btn{
	font-size: 13px;
	font-weight: 400;
	color: #262E3E;
	line-height: 18px;
	cursor: pointer;
}
.mind-permission-main .permi-list .permi-list-btn .permi-list-confirm{

}
.mind-permission-main .permi-list .permi-list-btn .line{
	border-right:1px solid #F3F4F5;
	height: 13px;
}
.mind-permission-main .permi-list .permi-list-btn .permi-list-del{

}




/*添加编辑者box*/
.add-editors-box{
	display: none;
	position: absolute;
	top: 0px;
	left: -380px;
	width: 360px;
	/*height: 220px;*/
	height: 316px;
	background: #FFFFFF;
	box-shadow: -1px 2px 8px 0px rgba(0, 0, 0, 0.16);
	box-sizing: border-box;
	padding: 0 16px;
}

.add-editors-box .title{
	font-size: 14px;
	font-weight: bold;
	padding: 16px 0;
	box-sizing: border-box;
	color: #262E3E;
	line-height: 20px;
}

.add-editors-box .tab-con{
	display: flex;
	justify-content: space-between;
}

.add-editors-box .tab{
	padding-bottom: 8px;
	box-sizing: border-box;
	cursor:pointer;
}

.add-editors-box .tab.active{
	border-bottom: 2px solid #00BB7C;
}

/*关闭权限弹框*/
.close-premi-tip{
	display: none;
	width: 350px;
	font-size: 14px;
	color: #3B485A;
	background: #FFFFFF;
	box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.1);
	border-radius: 4px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	padding: 24px;
	position:absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 11;
}
.close-premi-tip .tip1{
	line-height: 22px;
}
.close-premi-tip .tip2{
	line-height: 22px;
	margin-top: 16px;
	margin-bottom: 46px;
}
.close-premi-tip .tip-btn{
	display:flex;
	justify-content: flex-end;
	margin-top: 24px;
}
.close-premi-tip .tip-btn div{
	padding: 5px 20px;
	border-radius: 4px;
	border: 1px solid #D7D9DE;
	color: #3B485A;
	margin-right: 16px;
	cursor: pointer;
}

.close-premi-tip .tip-btn .btn-confirm{
	background: #067BEF;
	color: #FFFFFF;
}

/*移动节点弹框*/
.mobile-node-tip{
	display: none;
	width: 297px;
	height: 146px;
	background: #FFFFFF;
	box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.1);
	border-radius: 4px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	padding: 20px;
	box-sizing: border-box;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	z-index: 11;
}

.mobile-node-tip .tip1{
	font-size: 14px;
	font-weight: 400;
	color: #3B485A;
	line-height: 22px;
}

.mobile-node-tip .tip-btn{
	display:flex;
	margin-top:24px;
	justify-content: center;
}

.mobile-node-tip .tip-btn .btn-confirm{
	width: 88px;
	height: 30px;
	line-height: 30px;
	border-radius: 2px;
	border: 1px solid #D7D9DE;
	color: #3B485A;
	margin-right: 16px;
	text-align: center;
}

.mobile-node-tip .tip-btn .btn-cancel{
	width: 88px;
	height: 30px;
	background: #00BB7C;
	line-height: 30px;
	color: #FFFFFF;
	border-radius: 2px;
	text-align: center;
}











/*tab选项卡内容*/
.tab-content{
	margin-top: 15px;
}

.tab-content .user-info-con{
	border-bottom: 1px solid #F3F4F5;
	height: 160px;
	overflow-y: auto;
}

.tab-content .user-info-con .tab-con-box{
	display: none;
	height: 160px;
}
.tab-content .user-info-con .tab-con-box.active{
	display: block;
}

.tab-content .user-info-con .user-con{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-bottom: 16px;
}


.tab-content .user-info-item{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.tab-content .user-info-item .user-photo{
	margin-right: 8px;
	width: 24px;
	height: 24px;
	border-radius: 50%;
}
.tab-content .user-info-item .user-photo img{
	width: 100%;
	height: 100%;
}
.tab-content .user-info-item .user-name{

}
.tab-content .isSelected{

}
.tab-content .isSelected input{
	cursor: pointer;
}

/*联系人按钮*/
.tab-content .content-btn-con{
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 15px;
}
.tab-content .content-btn-con .btn{
	width: 88px;
	height: 30px;
	line-height: 30px;
	border-radius: 2px;
	font-size: 14px;
	font-weight: 400;
	text-align: center;
	cursor: pointer;
}
.tab-content .content-btn-con .content-confirm{
	background: #00BB7C;
	color: #FFFFFF;
	margin-right: 16px;
	border: 1px solid #00BB7C;
}
.tab-content .content-btn-con .content-cancel{
	border: 1px solid #D7D9DE;
	color: #3B485A;
}
.tab-content .content-btn-con{

}


/*没有联系人*/
.not-contact{
	font-size: 13px;
	font-weight: 400;
	color: #262E3E;
	line-height: 22px;
	text-align: center;
	margin-top: 40px;
}
.not-contact .contanct-icon{
	margin-bottom: 4px;
}
.not-contact .contanct-icon span{
	font-size: 80px;
	color: #E5E5E5;
}


/*设置权限 end */

@media screen and (max-width: 950px){
	header{
		min-width:780px
	}
	.header-item.icon{
		padding:0
	}
	.tutorial-con h2{
		font-size:16px;
	}
	.tutorial-text{
		font-size:12px
	}
	.tutorial-con .tutorial-step{
		padding:0
	}
	.header-item .title{
		width:60px
	}
	.tutorial-con{
		min-width:334px;
		width:450px
	}
}
@media screen and (max-height: 710px){
	.comm-question{
		display: none;
	}
	.right-help-con{
		height:274px!important
	}
	.tutorial-con{
		min-width:334px;
		width:450px
	}
}