/* start reset */
* { padding:0px;margin: 0px;word-wrap: break-word;}
body{ font-family:微软雅黑,宋体,Arial, Helvetica, sans-serif; position:relative; line-height:15px;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td { margin: 0; padding: 0;}
html {height: 100%;color:#808997}
body,.w_con,.container{ position:relative; height:100%;}
body.toolbody{overflow-y: hidden}
body,fieldset{font-size:12px;}
ol, ul,li {list-style: none; }
body a{}
body a:link{text-decoration:none;}
body a:visited{text-decoration:none;}
body a:hover{ text-decoration:none}
body a:active{text-decoration:none;}
body a{color:#808997}
body{}
img, iframe, fieldset { border: none;border:0px;}
a img { vertical-align: top; }
table {border-collapse: collapse; border-spacing: 0; }
button, input, select, textarea { font-family: inherit; font-size: 100%;vertical-align: middle}
q:before, q:after, blockquote:before, blockquote:after { content: ""; border:dotted}
h1 { font-size: 16px; }
h2 { font-size: 14px; }
h3 { font-size: 12px; }
h4, h5, h6 { font-size: 100%; }
.clear{ clear:both; float:none;*height:1px;_height:1px;overflow:hidden;}
.pointer{ cursor:pointer}
.disabled{color: #8d9ea7}

.f_left{ float:left}
.f_right{ float:right;}

.ml-5{ margin-left:5px;}
.ml-10{ margin-left:10px;}
.mr-10{ margin-right:10px;}
.mr-5{ margin-right:5px;}
.mt-5{ margin-top:5px;}
.mt-10{ margin-top:10px;}
.mb-10{ margin-bottom:10px;}
.pt-2{ padding-top:2px;}
.pt-5{ padding-top:5px;}
.pl-10{ padding-left:10px;}
.pl-20{ padding-left:20px;}
.pr-10{ padding-right:10px;}
.pt-10{ padding-top:10px;}
.pb-10{ padding-bottom:10px;}
.nolist{ text-align:center; padding:138px; display:block; clear:both}
/*animated rotate135 start*/
@-moz-keyframes rotate{
	0%{ -moz-transform:rotate(0deg);}
	100%{-moz-transform:rotate(-360deg);}
}
@-webkit-keyframes rotate{
	0%{ -webkit-transform:rotate(0deg);}
	100%{-webkit-transform:rotate(-360deg);}
}
.animated_rotate135 {
	transition-duration: 1s, 1s, 1s, 1s, 1s, 1s;
	transition-property: width, height, transform, background, font-size, opacity;
}
.animated_rotate135:hover{transform:rotate(135deg);}
/*animated rotate135 end*/
/* end reset */

.cursor{ cursor:pointer}

.bgcolor{ background-color:#fff}
.bgcolor1{ background-color:#ebebeb}
.bgcolor3{ background-color:#3d4feb}



input.text { width: 140px; border: 1px solid #ccc; padding: 1px 3px; }
input.password{ width: 140px; height: 16px; border: 1px solid #ccc; padding: 1px 3px; }

/*插件样式表*/
/*
UploadiFive
Copyright (c) 2012 Reactive Apps, Ronnie Garcia
*/

.uploadifive-button {
	background-color: #505050;
	background-image: linear-gradient(bottom, #505050 0%, #707070 100%);
	background-image: -o-linear-gradient(bottom, #505050 0%, #707070 100%);
	background-image: -moz-linear-gradient(bottom, #505050 0%, #707070 100%);
	background-image: -webkit-linear-gradient(bottom, #505050 0%, #707070 100%);
	background-image: -ms-linear-gradient(bottom, #505050 0%, #707070 100%);
	background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0, #505050),
			color-stop(1, #707070)
	);
	background-position: center top;
	background-repeat: no-repeat;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	border: 2px solid #808080;
	color: #FFF;
	font: bold 12px Arial, Helvetica, sans-serif;
	text-align: center;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
	text-transform: uppercase;
	width: 100%;
}
.uploadifive-button:hover {
	background-color: #606060;
	background-image: linear-gradient(top, #606060 0%, #808080 100%);
	background-image: -o-linear-gradient(top, #606060 0%, #808080 100%);
	background-image: -moz-linear-gradient(top, #606060 0%, #808080 100%);
	background-image: -webkit-linear-gradient(top, #606060 0%, #808080 100%);
	background-image: -ms-linear-gradient(top, #606060 0%, #808080 100%);
	background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0, #606060),
			color-stop(1, #808080)
	);
	background-position: center bottom;
}
.uploadifive-queue-item {
	background-color: #F5F5F5;
	border-bottom: 1px dotted #D5D5D5;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font: 12px Arial, Helvetica, Sans-serif;
	margin-top: 3px;
	padding: 15px;
}
.uploadifive-queue-item .close {
	background: url('images/uploadifive/uploadifive-cancel.png') 0 0 no-repeat;
	display: block;
	float: right;
	height: 16px;
	text-indent: -9999px;
	width: 16px;
}
.uploadifive-queue-item .progress {
	border: 1px solid #D0D0D0;
	height: 3px;
	margin-top: 5px;
	width: 100%;
}
.uploadifive-queue-item .progress-bar {
	background-color: #0072BC;
	height: 3px;
	width: 0;
}

.new_post_buttons{}
.new_post_buttons .uploadifive-button{ background:none; border:0;border-radius:0;color:#bfbdb8; margin:5px 10px; width:72px; height:72px; font-weight:normal; text-shadow:none}
.new_post_buttons .Thumb-thumb,.new_post_buttons .FieldNamethumb{border:1px #ccc dashed; position:absolute; z-index:10}
.new_post_buttons .Thumb-thumb img{}
.uploadifive-button input{ cursor:pointer;}
.new_post_buttons .uploadifive-queue{position:absolute;margin:-66px 0 0 10px;width:74px; z-index:11 }
.phhtml .new_post_buttons .uploadifive-queue{width:144px;}
.new_post_buttons .uploadifive-queue-item{ background:none; border:0;}
.new_post_buttons .thumbupload{ float:left}
.new_post_buttons .browseBtn { color:#999}


.uploadifiveimg .uploadifive-button,.imgspan-upload-list .uploadifive-button{ background:none; border:1px dashed #ccc;border-radius:0;color:#bfbdb8; margin:5px 10px; width:72px; height:72px; font-weight:normal; text-shadow:none}
.uploadifiveimg .FieldNamethumb{border:1px #ccc dashed; position:absolute; z-index:10}
.imgspan-upload-list .uploadifive-button{border:0;margin:0}
.uploadifiveimg .uploadifive-queue{position:absolute;margin:-66px 0 0 10px;width:74px; z-index:11 }
.phhtml .uploadifiveimg .uploadifive-queue{width:144px;}
.uploadifiveimg .uploadifive-queue-item{ background:none; border:0;}
.uploadifiveimg .thumbupload{ float:left}
.uploadifiveimg .browseBtn { color:#999}
/*背景*/
.bg{ background-repeat:no-repeat;}
/*.w_bg{background:url(images/bg0.png) no-repeat;background:url(images/bg.png) no-repeat scroll 0px 0px / 600px 1100px;}
.w_bg1{background:url(images/bg.png) no-repeat scroll;}*/
.appicon{background:url(images/appicon0.png) no-repeat;background:url(images/appicon.png) no-repeat scroll 0px 0px /1000px 2000px; }
.tool-right .appicon{color: #ff3838; font-size:16px;}
/*放最后可以清除前面的属性*/
.clear{ clear:both; float:none}
.none{ display:none}
.linone{display:none}
.width{margin-left:auto; margin-right:auto; text-align:center;}/*max-width:1200px*/
.width1{ min-width:320px;max-width: 750px;margin-left:auto; margin-right:auto; }
*:before, *:after {
	box-sizing: border-box;
}

/* jquery.Jcrop.min.css v0.9.12 (build:20130126) */
.jcrop-holder{direction:ltr;text-align:left;}
.jcrop-vline,.jcrop-hline{background:#FFF url(/images/Jcrop.gif);font-size:0;position:absolute;}
.jcrop-vline{height:100%;width:1px!important;}
.jcrop-vline.right{right:0;}
.jcrop-hline{height:1px!important;width:100%;}
.jcrop-hline.bottom{bottom:0;}
.jcrop-tracker{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;height:100%;width:100%;}
.jcrop-handle{background-color:#333;border:1px #EEE solid;font-size:1px;height:7px;width:7px;}
.jcrop-handle.ord-n{left:50%;margin-left:-4px;margin-top:-4px;top:0;}
.jcrop-handle.ord-s{bottom:0;left:50%;margin-bottom:-4px;margin-left:-4px;}
.jcrop-handle.ord-e{margin-right:-4px;margin-top:-4px;right:0;top:50%;}
.jcrop-handle.ord-w{left:0;margin-left:-4px;margin-top:-4px;top:50%;}
.jcrop-handle.ord-nw{left:0;margin-left:-4px;margin-top:-4px;top:0;}
.jcrop-handle.ord-ne{margin-right:-4px;margin-top:-4px;right:0;top:0;}
.jcrop-handle.ord-se{bottom:0;margin-bottom:-4px;margin-right:-4px;right:0;}
.jcrop-handle.ord-sw{bottom:0;left:0;margin-bottom:-4px;margin-left:-4px;}
.jcrop-dragbar.ord-n,.jcrop-dragbar.ord-s{height:7px;width:100%;}
.jcrop-dragbar.ord-e,.jcrop-dragbar.ord-w{height:100%;width:7px;}
.jcrop-dragbar.ord-n{margin-top:-4px;}
.jcrop-dragbar.ord-s{bottom:0;margin-bottom:-4px;}
.jcrop-dragbar.ord-e{margin-right:-4px;right:0;}
.jcrop-dragbar.ord-w{margin-left:-4px;}
.jcrop-light .jcrop-vline,.jcrop-light .jcrop-hline{background:#FFF;filter:alpha(opacity=70)!important;opacity:.70!important;}
.jcrop-light .jcrop-handle{-moz-border-radius:3px;-webkit-border-radius:3px;background-color:#000;border-color:#FFF;border-radius:3px;}
.jcrop-dark .jcrop-vline,.jcrop-dark .jcrop-hline{background:#000;filter:alpha(opacity=70)!important;opacity:.7!important;}
.jcrop-dark .jcrop-handle{-moz-border-radius:3px;-webkit-border-radius:3px;background-color:#FFF;border-color:#000;border-radius:3px;}
.solid-line .jcrop-vline,.solid-line .jcrop-hline{background:#FFF;}
.jcrop-holder img,img.jcrop-preview{max-width:none;}

/*登录*/
.login-top{ text-align: center; padding-top: 40px;}
.login-top1{ margin: 0 auto; width: 40px; height: 40px; overflow: hidden; border-radius: 50%;}
.login-top1 img{ width: 40px;}
.login-top2{ height: 58px; line-height: 40px;color:#fff;font-size: 17px;}
.login-top3{ height: 40px;font-size: 17px;}
.login-top3 span{width:49%; display: inline-block}
.login-top3 a{color:#98a1ef;height: 30px; width: 50px; margin: 0 auto;}
.login-top3 a.on{color:#fff; border-bottom: 1px #fff solid}

.login-form{ padding:37px;}
.login-form-input{border-bottom:1px #e5e5e5 solid;}
.login-form-input input{ border: 0 #e5e5e5 solid; height: 49px; font-size: 17px; width: 100%}
.login-form-input-password{ position: relative}
.password-img{ position: absolute; right: 0; top: 0px; padding-top: 10px; line-height: 34px; cursor: pointer}
.password-img img{ width: 23px;}
.login-form-other{ position: relative; font-size: 14px; color: #333; line-height: 32px}
.login-form-other a{color: #333;}
.login-form-other2 { position: absolute;right: 0; top: 0px;}
.form-tijiao{ padding-top: 48px;}
.form-tijiao-input{ width: 100%; display: block; background-color: #3d4feb; height: 44px; border-radius: 6px; border: 1px #1122bc solid; text-align: center; color: #fff;font-size: 18px; line-height: 44px;}
.form-tijiao-input.disabled{background-color: #f2f2f2; border: 1px #e5e5e5 solid;color: #b2b2b2}

/*注册*/
.login-form-input #reg-phone,.login-form-input #forgot-phone{ width: 80%;}
.reg-phone-left{ width: 45px; border-right: 1px #f3f3f3 solid; display: inline-block; margin-right: 10px;}
.login-form-input .form-checkcode{width: 50%;}
.countdown{color: #b4b4b4}

/*下载*/
.well-top{ text-align: center; padding-bottom:27px; padding-top: 20px;}
.well-top1{ padding-top: 19px;text-align: center}
.well-top1 a{ width: 60px;height: 60px; overflow: hidden;border-radius: 50%;display: block; margin:0 auto}
.well-top1 img{ width: 60px;}
.well-top2,.well-top2 a{ color: #fff; line-height: 37px; font-size: 17px;}
.well-top4,.well-top4 a{color:#c3c3c3; text-align: center}
.well-top3{ margin-top: -20px; padding-top: 0;}
.well-top3 a{ width: 40px;height:40px; overflow: hidden;border-radius: 50%}
.well-top3 img{ width: 40px;}
.well-top5{}
.well-middle{ text-align: center; padding: 50px 0 40px;}
.well-middle img{ width:23%; margin: 0 auto}

.well-down{ text-align: center;}
.well-down a{ margin: 0 38px;height:44px; display: block; background-color: #ffa500; border-radius: 6px; font-size: 18px; line-height: 44px; color: #fff}

.w-bottom{ padding: 38px 0 10px; text-align: center; line-height: 20px; font-size: 14px; color: #b7b7b7}

/*邀请头部*/
.w-invite{ display: none; padding-top: 30px;}
.w-invite span{ display:inline-block; width:49%;}
.w-invite span img{ width: 40px;}
.w-invite span .a-img{ border-radius: 50%;width: 40px; height: 40px; display: block;  overflow: hidden; margin: 0 auto}
.w-invite span a{ display:inline-block; color: #fff; font-size: 15px;}
.w-invite .w-invite2{ display: block; text-align: center; font-size: 14px; color: #fff;width:100%; margin-top: -67px; padding-bottom: 55px;}

/*工具*/


@font-face {
	font-family:mb-icons;
	font-weight:400;
	font-style:normal;
	src:url(../../res/font/db.woff) format("woff"),url(../../res/font/db.ttf) format("truetype"),url(../../res/font/db.svg) format("svg");
	/*src: url('res/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('res/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('res/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('res/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('res/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
*/
}
/*@font-face {
    font-family:FontAwesome;
    font-weight:400;
    font-style:normal;
    src: url('../../res/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../../res/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../../res/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../../res/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../../res/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
}*/
*:before, *:after {
	box-sizing: border-box;
}
/* display:inline-block;*/
[class*=" dd-"],[class^=dd-] ,[class*=" ico-"],[class^=ico-] {
	font:normal normal normal 14px/1 mb-icons;
	speak:none;
	/*! font-size:inherit; *//*! letter-spacing:normal; *//*! text-transform:none; *//*! text-rendering:auto; */-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale
}

[class*=" fa-"],[class^=fa-],[class^=fa-]::before,[class*=" fa-"]::before{
	font-family:"FontAwesome"
}
[class*=" icon-"],[class^=icon] {
	font-family: "iconfont" !important;
}
.inline-block{ display:inline-block}
.line{}
/*影响手机端输入框的选择* {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}*/
/*-----------------------------------------------------------------------------------------*/
.divblock {  position: absolute; }/* left: 0px; top: 0px; */
.divblock.divLabelType2,.divblock.divLabelType3{overflow: hidden}
.labellistContent .divblock{left: 0px; top: 0px;}
.divblocking{border:1px #e5e5e5 dotted;background-color:#ccc;opacity:0.5;z-index: 900}
.divblockend{}/*z-index: 900;*/
.divblockhover{border:1px #f55d54 solid;}
.divblockselect{border:0px #f55d54 solid;}
.divblockselect .b-bian{display: block}
.childselecting{border:1px #f55d54 dashed;}
.divblock text{position: relative;display: flex;}/*width: 100%;  display: block;  height: 100%;overflow: hidden*/
.
.lookType1 .divblock .labelIdType3,.lookType2 .divblock .labelIdType3{width: 100%;height: 100%}/*height: 100%*/
.lookType2 .divblock .pictureAuto1{overflow: hidden;display: block;height: auto;max-height: 100%;width:100%}
.lookType2 .divblock .pictureAuto1 .labelimgspaning,.lookType1 .divblock .pictureAuto1 .labelimgspaning{height: auto;}
.lookType1 .divblock text.labelIdType94, .lookType2 .divblock text.labelIdType94{height: auto;}
.divblock text.labelIdType94{ display: flex}
.divblock text.blockType0{}
.divblock text.blockType1,.divblock text.labelIdType65{overflow:inherit;display: block;height: 100%}
divblock text.labelIdType109{ overflow: inherit}
.divblock text.labelIdType109:before{ line-height: 100%}/* margin-top: -7%;*/
.divblock text.labelIdType3{ overflow: hidden;line-height: 0}/*display: block;height: 100%;*/
.divblock text.labelIdType9{width: 100%; height: 100%;}
/*.divblock text.blockType3{height:100%}*/
.divblock text.labelIdType2 img{max-width: 100%}
.divblock text.faicon{overflow: inherit;height: 100%}
#selection-handler{ position: absolute;z-index: 1000;border: 1px #f55d54 solid;pointer-events: none;}
#selection-handler .b-bian{display: block;pointer-events:auto;}
.b-bian{ position: absolute; width:7px; height:7px;overflow: hidden;border:1px #f55d54 solid;background-color: #fff;display: none}
.b-t1{left: -4px; top:-4px;cursor: nw-resize}
.b-t2{top:-4px; left:48%;cursor: n-resize}
.b-t3{right: -4px; top:-4px;cursor: sw-resize}
.b-c1{left: -4px; top:48%;cursor: e-resize}
.b-c2{right:-4px; top:48%;cursor: e-resize}
.b-b1{left: -4px; bottom:-4px;cursor: sw-resize}
.b-b2{left: 48%; bottom:-4px;cursor: n-resize}
.b-b3{right: -4px; bottom:-4px;cursor: nw-resize}

#link-design{ position: absolute; width:50px; height:40px;top:50%;margin-top:2px;margin-left: 5px;}
#link-design .line{border-bottom: 1px solid #d9d9d9; width:20px;position: absolute;z-index: 2}
#link-design .line.red{border-bottom: 1px solid red;}
#link-design .handler{ position: absolute; left:20px;top:-15px;width:24px;height: 24px;background: #fff;border: 1px solid #d9d9d9;border-radius: 50%;}
#link-design .dd-link{ padding-left:5px; cursor: pointer;display: block; pointer-events: none}
#link-design.active #link-handler{display: none}
#link-design .dd-link::before {content: "\E942";line-height: 24px;}
#link-design .icon-cut{position: absolute;right:300px; top:0px; display: none;transform: translateY(-50%) rotate(180deg);}
#link-design .line.red .icon-cut{ display: block; width: 40px;background-color:#f5f5f5; text-align: center; cursor: pointer;height: 40px; margin-top:-18px;line-height: 0; font-size: 12px;}
.icon-cut::before { content: "\E91D"; font-size: 22px; }
#link-design .red .icon-gesture-tap{ display: block;position: absolute;right:46%; height: 30px; width: 30px;cursor: pointer; color: red; border:1px red solid;border-radius: 50%;
	transform: translate(-50%,-50%);background-color:#f5f5f5; text-align: center; line-height: 30px; font-size: 30px;}
.icon-gesture-tap::before {  content: "\E935"; font-size: 22px;}

.tool-container{height: 100%; overflow: hidden; position: absolute;  width: 100%;}
.tool-top{width:100%;height:45px; background-color: #ffffff;position: absolute; z-index: 3; text-align: left; line-height: 45px;color: #6e7888; min-width: 1000px; border-bottom: 1px #d9d9d9 solid}
.tool-left{width:242px;height:100%; background-color: #f8f8f8; position: absolute; left: 0;top:0px;border-right:1px #d9d9d9 solid;z-index: 2}
.tool-center{width:100%;height:100%;position: absolute; background-color:#f5f5f5; z-index: 1}
.tool-right{width:240px;height:100%;position: absolute; z-index: 1;right: 0}
.tool-top div{display: inline-block; height: 45px;}

.tool-top span .appicon_return{ background-position:0 -53px; display: inline-block; width: 20px; height: 20px; vertical-align:middle; margin: -2px 14px 0 10px;  overflow: hidden;}
.tool-top span{position:relative;display: inline-block; min-width:54px;text-align: center; vertical-align: top;}
.tool-top span b{ display:inline-block; font-weight: normal; width: 28px; height: 33px; margin-top:7px; padding-top:6px;color:#cacaca; cursor: not-allowed}
.tool-top span b.on,.tool-top span b.hover{ color: #717b8b;cursor: pointer}
.tool-top span b::before{ display: block;}
.tool-top span .app_icon::before{line-height: 1px;}
.tool-top span .app_icon{color:#ff5656; font-size: 24px;display: block;height: 14px;padding-top: 9px;}
.tool-top .app_icon_span{ line-height: 10px; text-align: left;color: #717b8b;}
.tool-top .app_icon_span b{cursor: pointer;}
.tool-top span b.icon_tit{ height:20px; margin:0;padding:0;}
.tool-top .app_icon_on,.tool-top .app_icon_on b{ cursor: pointer;}
.tool-top .app_icon_on b.icon_tit{color:#ff5656;}
.appicon_save{background-position:-20px -39px;}
.appicon_save.on{background-position:-20px -83px;}
.bodyloading .appicon_save.on{ background: none; background-position:4px 0; background-image:url(images/timg.gif); background-size:18px 18px; background-repeat: no-repeat}


.appicon_cancer{background-position:-51px -38px;}
.appicon_cancer.on{background-position:-51px -83px;}
.appicon_reset{background-position:-80px -38px;}
.appicon_reset.on{background-position:-80px -83px;}
.appicon_caozuo{background-position:-112px -38px;}
.appicon_caozuo.on{background-position:-112px -80px;}
.appicon_run{background-position:-448px -80px;}
.appicon_run .czcon_list{ left: -49px;}
/*.appicon_caozuo.on{background-position:-448px -82px;}*/
.appicon_duiqi{background-position:-144px -38px;}
.appicon_duiqi.on{background-position:-144px -80px;}
.appicon_fenbu{background-position:-175px -36px;}
.appicon_fenbu.on{background-position:-175px -80px;}
.appicon_tuceng{background-position:-484px -38px;}
.appicon_tuceng.on{background-position:-484px -80px;}
.appicon_zuhe{background-position:-205px -38px;}
.appicon_zuhe.on{background-position:-205px -82px;}
.appicon_lock{background-position:-236px -38px;}
.appicon_lock.on{background-position:-236px -82px;}
.appicon_liangchi{background-position:-266px -82px;}
.appicon_liangchi.on{background-position:-266px -82px;}
.appicon_gexian{background-position:-295px -82px;}
.appicon_gexian.on{background-position:-295px -82px;}
.appicon_link{background-position:-322px -82px;}
.appicon_link.on{background-position:-322px -82px;}
.appicon_hengping{background-position:-351px -38px;}
.appicon_hengping.on{background-position:-351px -38px;}
.appicon_fangda{background-position:-351px -82px;}
.appicon_fangda.on{background-position:-351px -82px;}
.appicon_tupianku{background-position:-383px -79px;}
.appicon_tupianku.on{background-position:-383px -79px;}
.tool-top span .appicon_tupianku{ width:37px;}
.czcon_list{ position: absolute;width:108px;display: inline-block;left: 0; display: none;top:41px; padding-top:10px;background: #fff;-webkit-box-shadow: 0 2px 8px 0 rgba(0,0,0,.1);
	box-shadow: 0 2px 8px 0 rgba(0,0,0,.1);}
.czcon_list a{ line-height: 28px; display:block; text-align: left; padding-left: 10px; }
.czcon_list a i{ display: inline-block; width: 20px;vertical-align: middle; text-align: center;color:#f55d54}
.czcon_list a text {vertical-align: middle; display: inline-block; text-align: left; padding-left: 10px;}
.appicon.on.hover .czcon_list{display: inline-block;}
.czcon_list .align-average{display: none}
.icon-align-h-left::before {  content: "\E901";  }
.icon-align-h-center::before { content: "\E900";  }
.icon-align-h-right::before { content: "\E902";  }
.icon-align-v-top::before { content: "\E905"; }
.icon-align-v-center::before {  content: "\E904";  }
.icon-align-v-bottom::before {  content: "\E903";  }
.icon-z-front::before { content: "\E9C3"; }
.icon-z-back::before { content: "\E9C0";  }
.icon-z-forward::before {content: "\E9C2"; }
.icon-z-backward::before {  content: "\E9C1";  }
.icon-zoom-in::before { content: "\E9C4";  }
.icon-zoom-out::before { content: "\E9C5";  }

.appicon_daochu{background-position:-415px -80px;}
.appicon_daochu.on{background-position:-415px -80px;}
.appicon_zujian,.appicon_tubiao1{background-position:-527px -38px; }
.on .appicon_zujian,.on .appicon_tubiao1{background-position:-527px -82px;}
.appicon_tubiao,.appicon_tubiao2{background-position:-560px -38px; }
.on .appicon_tubiao,.on .appicon_tubiao2{background-position:-560px -82px;}
.appicon_moban,.appicon_tubiao3{background-position:-593px -38px; }
.on .appicon_moban,.on .appicon_tubiao3{background-position:-593px -82px;}
.appicon_zuhe2, .appicon_tubiao4{background-position:-624px -38px; }
.on .appicon_zuhe2,.on .appicon_tubiao4{background-position:-624px -82px;}

.tool-top1{width:182px; position: relative; z-index: 10;overflow: hidden;  vertical-align: top;}
.tool-top1 span{ text-align: left;float:left}
.tool-top2{ width: 220px; padding-left:10px; position: relative; z-index: 10}
.tool-top7{ position:absolute; right:90px; line-height:48px;}
.tool-top-doc span b{ padding-top: 10px;line-height:18px; padding-top:0;}
.tool-top-doc b:before{color:#ef7d75; font-size:15px;line-height:22px; vertical-align: top}
.tool-top8{ position:absolute; right: 0;}/*width: 72px; */
.tool-top37{left: 0; position: absolute;width: 100%;}
.tool-top .tool-top37-w{ padding-left:402px; padding-right:72px;display: block;}
.tool-top37-w div{text-align: center; width: 22%;}

.tool-top span b.appicon_space_set{ padding-top: 0;line-height: 18px}
.appicon_space_set.fa-cog::before,.appicon_space_set.fa-gear::before { font-size: 20px; color:#f38f89; }

.tool-left-w{top: 45px; text-align: left; position: absolute; height: 100%}
.tool-left-a{position:absolute;z-index:10;display: inline-block; vertical-align: top; line-height: 45px;padding-top:7px; width: 41px;overflow: hidden;}
.tool-left-a span{ display: block; margin-left: 4px; width:30px; padding:10px 0 7px 6px;height:54px;}
.tool-left-a span.on{ border: 1px #d9d9d9 solid; border-right-width: 0; background-color: #fff}
.tool-left-a b{ display:block; font-weight: normal; width: 28px; height: 17px; margin-top:6px; padding-top:20px;color:#808997;cursor: pointer;line-height: 15px;text-align: center}
.tool-left-a b.on{}
.tool-left-b{overflow-y:auto;position:absolute; left:40px;display: inline-block;vertical-align: top; width: 200px; height:95%;background-color: #fff;border-left: 1px #d9d9d9 solid;border-right: 1px #d9d9d9 solid;}

.labellist{ padding-left: 8px;}


.labelClass-nav{height:30px;line-height: 30px;padding: 0 20px;background-color:#f5f5f5;margin-left: -10px}
.labelClass-nav a{display: inline-block;padding: 0 11px;text-align: center}
.labelClass-nav .on{background-color:#fff;color:#ff5656}
.labelClassMenuList{ vertical-align: top; height: 33px; line-height: 33px;border-bottom: 1px #d9d9d9 solid; cursor: pointer}
.appicon_jiantou_xia_hs{background-position:-22px -104px; width: 30px; height: 30px; display: inline-block; vertical-align: top}
.on .appicon_jiantou_xia_hs{background-position:6px -104px;}

.labelClassMenu{ vertical-align: top; height: 33px; line-height: 33px; position: relative;cursor: pointer}
.appicon_jiantou_xia_hs2{background-position:-22px -106px; position: absolute; right: 0;}
.on .appicon_jiantou_xia_hs2{background-position:-50px -106px;}
.labelClassMenu .svg-icon{ padding-right: 5px;color:#8D9EA7;}
.labelClassMenu.on .svg-icon{line-height: 12px;flex-shrink: 0;}
.labelClassMenu.on .arrow-icon{transform: rotate(90deg);-webkit-transform: rotate(90deg);}
.arrow-icon{}
.svg-icon{font-size: 12px;color:#8D9EA7;width: 1em;transition: -webkit-transform 0.2s ease-in-out;text-align: center;vertical-align: middle;
	transition: transform 0.2s ease-in-out;transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;}
.svg-icon > * {fill:currentColor; }
.labellistContent{vertical-align: top}
.labellistContent .item{ width:55px; height:60px; display: inline-block; text-align: center; cursor: pointer; position: relative;overflow: hidden;}
.labelimg-span{height: 24px;overflow: hidden;display: block;align-items: center; display: flex}
.labellistContent .item img{display: block; margin:0px auto 0px;max-height: 24px;}
.labellistContent .item.hover{ background-color:#f5f5f5}

.labellistContent-1{}
.labellistContent-1 .item{ width:28px; height:28px; display: inline-block; text-align: center; cursor: pointer;  overflow: hidden;}
.labellistContent-1 .item img{display: block; margin: 4px auto 4px; width: 20px;}

.labelClassMenuBtn{vertical-align: top; height: 33px; line-height: 33px; position: relative;border-bottom: 1px #e5e5e5 solid}
.labelClassMenuBtn span{cursor: pointer}
.customLabelClassBtn{}
.form-entry input#labelClassName{width: 100px;}
.labelClassMenuBtn .appicon_space_set{width: 20px;display: inline-block;margin:0 0px 0 10px;}
.labelClassMenuBtn .fa-cog::before{font-size: 12px;color:#808997 }
.appicon_jia{color: #f77b74; margin-right: 6px;}
.appicon_jiantou_daoru{background-position:-410px -108px; width: 20px; height: 30px; display: inline-block; vertical-align: top; margin-left: 5px;}

.labellistContent-2{}
.labellistContent-2 .item{ width:124px; height:42px; display: inline-block; text-align: left; cursor: pointer;  overflow: hidden; line-height: 42px; padding-left: 6px;
	border-bottom: 1px #e5e5e5 solid}
.labellistContent-2 .item img{display: none}

.nav_status_bar_w{position: absolute;  z-index: 999; height:32px; line-height: 20px;  width: 100%; overflow: hidden}
.lookType1 .nav_status_bar_w,.lookType2 .nav_status_bar_w{height:20px;position: fixed;}
.nav_status_bar{margin: 12px 12px 0; position: relative;color: #000;}
.nav_status_bar .signal,.carrier{ padding-left: 8px;position: absolute;}
.carrier{ left:50px;}
.nav_status_bar .time{ width: 100%; text-align: center}
.nav_status_bar .ball {width: 6px;height: 6px;border-radius: 100%; background-color:currentColor; display: inline-block; margin-right: 1px;vertical-align: middle}
.battery{position: absolute;  right: 8px;  width: 24px; height: 10px; top:5px}
.battery .body {  position: absolute;  top: 0px;  right: 3px;  width: 20px;  height: 10px;  display: block;  border-radius: 2px;  border: 1px solid currentColor;  }
.battery .body .inner {  position: absolute;  top: 1px;  right: 1px;  bottom: 1px;  left: 1px;background-color:currentColor;  }
.battery .head {  position: absolute;  top: 2px;  right: 0px;  height: 6px;  width: 2px;  display: block;background-color:currentColor; border-radius: 0 2px 2px 0;  }
.nav_status_bar_w .wite{color:#fff;}
/*--顶部导航--------------------------*/
.navTopBar1 .tool-center-c-c,.navTopBar1 #tool-container-1{top:76px;border-top:0}
.nav_top_w{position: absolute;  z-index: 998; height:64px;width: 100%; overflow: hidden; left: 12px;top:12px;border: 1px #d9d9d9 solid;
border-bottom:0;color:#000000}
.nav_top_editing{ border:1px #ff0000 solid}
.nav_top_btn,.nav_top_title{ text-align: center; height: 44px;justify-content: center;align-items: center; display: flex;
font-weight: bold; font-size: 16px; line-height: 44px;}
.nav_top_btn{ width:44px; margin-top:20px;float: left; position: absolute; cursor: pointer}
.nav_top_title{position: absolute; top:20px;width: 100%;}

.nav_top_set{position: absolute;  z-index: 998;top:15px; right: -40px;}
.nav_top_set-toggle,.nav_top_set-btn{ width: 20px; height:20px; padding:1px 5px; display: block;font-size: 16px; cursor: pointer}
a.nav_top_set-toggle:hover,a.nav_top_set-btn:hover{color:#000}
.parm_navigationBarBackgroundColor{ padding-left: 10px}
.navtopParmCon .layui-colorpicker {padding: 0;width: 20px;height: 20px;margin: 1px;overflow: hidden;line-height: 20px;}
.parm_li_backgroundRepeat.z-select.on ul{ left:75px;}
.titleIconImg{width: 24px; height: 24px; overflow:hidden; display: inline-block}
.titleIconImg img{ width: 24px; display:block}
.parm_li.uploadifiveimg{ height: 90px;overflow: hidden;}

/*预览*/
#simulator-container .app-container .nav_top_w{left: 0; top: 0;border: 0;}
#simulator-container .navTopBar1 .tool-center-c-c{top:64px;}
#simulator-container.simulator-type-class3 .navTopBar1 .tool-center-c-c{top:84px;}
.simulator-type-class3 #simulator.navTopBar1{border-top:0}
.simulator-type-class3 #simulator.navTopBar1 .nav_top_w{ padding-top: 20px;}
.simulator-type-class3 .nav_top_title{top:40px; }
#nav_top_back{z-index: 2;width:40px;}
/*导航按钮*/
.navButtonInput{position: absolute; height:30px;justify-content: center;align-items: center; display: block; top:26px;width: 98%; margin-left:5px;}
.navButtonInput button,.navButtonInput span{ width: 44px; height: 44px;line-height:44px;background:none; border: 0; cursor: pointer; margin-top: -7px;}
.navButtonSelect.icon-arrow-down-after::after{content: "\e861";}
.hasNavTopBack{ padding-left:28px; width:91%;}
.icon-caret-down-after{ z-index: 1}
.icon-caret-down-after::after {content: "\e999";}

.customButton{ display: block; margin:10px auto; background-color: #0fb0f8;color: #fff; text-align: center; line-height: 32px;}
.customButtonOne,.customSearchOne{ position: relative}
.parm_li_customButtonFontSrc .z-select ul li{min-width: 100px;}
.navInputSearch{ position: absolute; height:28px;justify-content: center;align-items: center; display: flex; top:0px;width: 100%;background-color:#f1f1f1;
	border-radius: 15px; font-size: 16px;color: #999999}
.navInputIcon { position: absolute; font-size: 17px; left:10px; padding-top:3px;}
.navInputSearch input{width: 100%; height:100%; display: block; text-indent:0px; background: none; border: 0;font-size: 16px; text-align: center}
.navInputSearch input::-webkit-input-placeholder,.navInputSearch input:-moz-placeholder,.navInputSearch input::-moz-placeholder,.navInputSearch input:-ms-input-placeholder{color: #ccc;font-size: 14px;}

.simulator-type-class3 .navButtonInput{top:50px;}
/*-----------------------------------------------------------------------------------------*/
.tool-center-w{left:242px;right:240px;top: 45px; text-align: left; position: absolute; height: 100%;}
.tool-center-top { color: #cacaca; text-align: center; height: 33px; line-height: 33px; background-color: #fff;border-bottom: 1px #d9d9d9 solid;}
.tool-center-top.on{color: #828b99}
.tool-center-top span{ display: inline-block; vertical-align: top}
.tool-center-top span .select-input,.tool-center-top span b{ text-align: center; width: 56px;border:0; border-bottom: 1px #cacaca solid; display: inline-block; margin: 0 4px; font-weight: normal; vertical-align:baseline; }
.tool-center-top.on span .select-input,.tool-center-top.on span b{border-bottom: 1px #828b99 solid; cursor: pointer}
.tool-center-top.on span .select-input.hover,.tool-center-top.on span .select-input.over{ background-color: #f0f0f0}
.tool-center-top .item{ width:30px; height:28px; display: inline-block; text-align: center; cursor: pointer; position: relative}
.tool-center-top span .select-input,.tool-center-top span b{ display:inline-block; font-weight: normal; width: 28px; height:21px;margin-top: 6px;color:#cacaca; cursor: not-allowed; border-bottom: 0;line-height: 21px;}
.tool-center-top span.item .select-input{border-bottom: 0;}
.tool-center-top span .select-input.on,.tool-top span .select-input.hover,.tool-top span .select-input.over{ color: #717b8b;cursor: pointer}
.appicon_b{ background-position:8px -152px;}
.appicon_c{ background-position:-24px -152px;}
.appicon_u{ background-position:-53px -152px;}
.appicon_z{ background-position:-85px -152px;}
.appicon_a{ background-position:-118px -152px;}
.appicon_a span{display: block}
.appicon_a_w{ position: relative}
.appicon_a_w .jPicker{margin-top: -35px;position: relative;z-index: 100;}
.blockParmSet .layui-colorpicker{padding: 0;width: 20px;height: 20px;margin: 1px;overflow: hidden;line-height: 20px;}
.appicon_a .layui-colorpicker{ padding: 0;height: 15px;overflow: hidden;width: 20px;margin-top: 5px;}
.appicon_a .layui-colorpicker-trigger-span{ margin-top: -5px;}
.layui-colorpicker-pre{border: 1px #f0f0f0 solid;width: 18px;height: 18px;}
.tool-center-c-b1 .layui-colorpicker{ padding: 0;overflow: hidden;width: 20px;margin-left: -3px; margin-top: -10px}
.appicon_l{ background-position:-162px -152px;}
.appicon_cc{ background-position:-290px -152px;}
.appicon_r{ background-position:-225px -152px;}
.appicon_t{ background-position:-258px -152px;}
.appicon_m{background-position:-193px -152px;}
.appicon_bt{ background-position:-322px -152px;}

.on .appicon_b{ background-position:8px -185px;}
.on .appicon_c{ background-position:-24px -185px;}
.on .appicon_u{ background-position:-53px -185px;}
.on .appicon_z{ background-position:-85px -184px;}
.on .appicon_a{ background-position:-118px -185px;}
.on .appicon_l{ background-position:-162px -185px;}
.on .appicon_cc{ background-position:-290px -185px;}
.on .appicon_r{ background-position:-225px -185px;}
.on .appicon_t{ background-position:-258px -185px;}
.on .appicon_m{ background-position:-193px -185px;}
.on .appicon_bt{ background-position:-322px -185px;}

/*边框*/
.tool-center-t{position:relative;background-color: #f5f5f7;border-bottom: 1px #d9d9d9 solid;height: 15px;text-align: left; background-image: url(images/tborderbg.png); background-repeat: no-repeat}
.tool-center-t-c{ width:375px;height: 15px; background-color: #a3a3a4;left:438px; opacity:0.2; position: relative}

.tool-center-l{position:relative;background-color: #f5f5f7;border-right: 1px #d9d9d9 solid;width: 15px; position: absolute; height: 100%;top:-15px;background-image: url(images/lborderbg.png); background-repeat: no-repeat}
.tool-center-l-top{ background-color: #f59994; height: 15px;cursor:pointer;overflow: hidden; position: absolute; top:0; width: 15px;}
.tool-center-l-c{ position: absolute; width: 100%; height: 100px; background-color: #a3a3a4;opacity:0.2;}
.tool-center-l-close{ position: absolute; top:45%;left:17px;width: 24px; height: 27px;background-position:-245px -116px;cursor: pointer;z-index: 11}
.leftclose .tool-left{ width: 41px;overflow: hidden;}
.leftclose .tool-center-w{left: 41px;}
.rightclose .tool-right{ width: 41px;overflow: hidden;}
.rightclose .tool-center-w{right: 41px;}
.tool-center-r-close{background-position:-274px -116px;right:0;position: absolute; top:45%;width: 24px; height: 27px;cursor: pointer;z-index: 11}
.tool-center-c{ position: absolute; top:50px; left:0px;height:90%;max-height: 100%; width: 100%; overflow-y:scroll;}
#tool-center-c-shu{ width: 1px; height: 9100px; overflow: hidden;}
.tool-center-c-prev{position: absolute;left: 27px;top:31px;background: #fff;width: 90px; height: 24px;line-height: 24px; text-align: center;cursor: pointer}
.tool-center-c-prev .prev::after {content: "";margin-left: 5px;  width: 6px;  height: 6px;  border-radius: 50%;  border: 1px solid #d9d9d9; overflow: hidden;; display:inline-block;}
.tool-center-c-w{position: absolute; top:84px; left:408px;height: 717px; width:403px; border: 1px #d9d9d9 dashed; background-color: #fafafa;z-index: 11}
.tool-center-c-t{position: absolute; top:-24px; left:0px;height:24px; width:100%;z-index: 11}
.tool-center-c-t2{position: absolute; right: 0;z-index: 11}
.tool-center-c-c{color:#000;position: absolute; top:12px; left:12px;height: 669px; width:375px; border: 1px #d9d9d9 solid; background-color: #ffffff;z-index: 11}/*min-height: 669px;*/

.tool-center-c-b{ position: absolute; bottom: 0; width: 100%; height: 34px; cursor: pointer; line-height: 34px;z-index: 11}
.tool-center-c-b1{position: absolute; left:12px;top:8px; width: 16px;height: 16px;overflow: hidden;border-bottom:2px #d9d9d9 solid;border-right:2px #d9d9d9 solid; background-color: #fff; z-index: 12}
#tool-center-c-b1{width: 1px; height: 1px; background-color: #FF0000; display: block; overflow: hidden}
.tool-center-c-b2{ position: absolute; width: 100%; text-align: center;cursor: n-resize}
.tool-center-c-b2 b{ display: inline-block; width:8px;height:21px; vertical-align: middle; margin: 0 4px;}
.appicon_t_sjiantou{background-position:-185px -116px}
.appicon_t_xjiantou{background-position:-213px -116px;}
.tool-center-c-b2 .dragover-c{ height: 30px;left: 50px;position: absolute; width: 60%;z-index: 10;}
.tool-center-c-b3{position: absolute; right: 11px;top:9px; width:20px; height: 15px; display: inline-block; background-position:-326px -123px  }

.tool-right-w{border-left: 1px #d9d9d9 solid;position: absolute; width: 100%; height: 100%;top: 45px;background-color: #fff;}
.tool-right-a{border-bottom: 1px #d9d9d9 solid; position: relative; height: 49px;}
.tool-right-a span{ display: inline-block; width: 71px; height:39px; text-align: center; padding-top: 5px; margin-top: 5px;cursor: pointer}
.tool-right-a span.on{ background-color: #fff;border: 1px #d9d9d9 solid;border-bottom: 0; position: relative; z-index: 11}
.tool-right-a span b{display: block; width: 20px; height:18px;margin: 0 auto}
.appicon_state{background-position:-788px -82px}
.appicon_page{background-position:-825px -82px}
.appicon_yuansu{background-position:-866px -82px}

.tool-right-b{position: relative; width: 100%; height: 100%;}
.tool-right-content{background-color: #fff; text-align: left;position: relative; width: 100%; height:82%;overflow-y: auto;}
#tool-right-content1{width: 60%; border-right: 1px #d9d9d9 solid; }
#tool-right-content1 span, #tool-right-content2 span{ display: block; line-height: 32px; padding: 0 12px; cursor: pointer; position: relative}
.tool-right-content span.on,.tool-right-content span.hover{background-color:#f0f0f0; color:#f38f89}
#tool-right-content1 span .delete{display: none; position: absolute; right: 4px;}
#tool-right-content1 span.hover .delete{display: inline-block}
.tool-right-content span{}
.ul-border span.border{border: 1px #0fb0f8 solid}
.ul-border span.border-t{border-top:1px #ff5656 solid}
.ul-border span.border-b{border-bottom:1px #ff5656 solid}
.state-li0,.page-li0{border-bottom: 1px #d9d9d9 solid;padding: 6px;}
.state-li0 b{ color: #f38f89}
#tool-right-content2 span{padding-left: 0px; }
.b-nav-icon-close{display: inline-block; width:12px; height:20px; vertical-align: middle}
.b-nav-icon-close-img{background-position:3px -115px;;}/*4px -115px;*/
.b-nav-icon-close-img-close{background-position:3px -230px;}
#tool-right-content2 span .b-nav-icon{background-position:-148px -115px;display: inline-block; width: 22px; height:20px; vertical-align: middle;}
#tool-right-content2 span.on .b-nav-icon{background-position:-115px -115px;}
#tool-right-content2 span .appicon_addpage,#tool-right-content2 span.on .appicon_addpage{background-position:-953px -82px;margin-left: 12px;}
#tool-right-content2 .b-navName{ display: inline-block;position:relative; min-height: 28px;width:75px;width:125px; height: 32px;}
#tool-right-content2 .editing { border-bottom:1px #f38f89 solid }
#tool-right-content2 .navEditBtnList{position:absolute;width:70px; min-height: 28px; display: none; right: 10px}
#tool-right-content2 .navmoreEditBtnList{width:20px;width: 54px;text-align: right;}
#tool-right-content2 .li_child1{ padding-left:13px;}
#tool-right-content2 .li_child2{ padding-left:26px;}
#tool-right-content2 .li_child3{ padding-left:39px;}
#tool-right-content2 .li_child4{ padding-left:52px;}
.nav-icon-edit{background-position:-148px -115px;display: inline-block; width:17px; height:20px; vertical-align: middle;}
.nav-icon-1{background-position:-453px -115px;color: red;fill: currentColor;}
.nav-icon-1 .svg-icon{color: #ff5656;padding: 0 5px; margin-right: 5px;}
.nav-icon-2{background-position:-473px -115px;}
.nav-icon-3{background-position:-492px -115px;}
.nav-icon-4{background-position:-510px -115px;}
.nav-icon-5{background:none}
.nav-icon-5::before { content: "\F0DB"; font-family: 'FontAwesome';line-height:20px; vertical-align:top; color: red; font-size:14px;}
#tool-right-content2 .hover .navEditBtnList{ display: inline-block;}
#tool-right-content2 .hover .b-navName{}
.navbtn-morelist a{color: #fff; display: block; cursor: pointer}
.navbtn-more{ display: block;position: relative; right:0;color:#f38f89; font-weight: bold; margin-left: 10px;}
#tool-right-content3 .yuansu-li{ display: block; line-height: 32px; padding: 0 12px; cursor: pointer; position: relative}
#tool-right-content3 .yuansu-li b{background-position:-910px -74px;display: inline-block; width: 22px; height:24px; vertical-align: middle; position: absolute; right: 0}
#tool-right-content3 .yuansu-li.on {color: #FF0000}
/*标签样式*/
.divLabelId3{width: 100%;}
.labelimgspan,.labelimgspaning{ background-color: #e5e5e5;background-image: url(images/tupian.png);background-repeat: no-repeat;background-position: center}
.labelIdType1964 .labelimgspan{ background-color: #e5e5e5;background-image: url(images/mapbg.jpg);background-repeat: no-repeat;background-position: center}
.labelIdType2001 .labelimgspan{ background-color: #e5e5e5;background-image: url(images/citybg.jpg);background-repeat: no-repeat;background-position: center}
.divblock text.labelIdType1964{height: 100%}
.labelIdType2078{text-align: right; }
.labelIdType2078.disabled{text-align: left; padding: 0}
.labelIdType2078 img{ background-color: #fff; height:100%; border-radius: 50%; display:inline-block;}
.labelIdType2078.disabled img{height:95%; border: 1px #e7e7e6 solid;}
.labelIdType2078.disabled .switch{height: 100%; width:100%;display:inline-block; border-radius: 20px;background-color: #fcfcfc; border: 1px #e7e7e6 solid;text-align: left; padding: 0;display: inline-block;
margin: -1px 0 0 -1px}
.divblock text.labelIdType2078{ display: inline-block; height: 100%;width: 100%}
/*标签设置*/
.layui-layer-page #blockParmSetLayer{ overflow-x: hidden;overflow-y: auto}/**/
.blockParmSet,.blockEventSet,.blockDataSet,.navDataSet,.spaceDataSet{z-index:10;width: 220px;color:#68757e;background-color: #fff; -webkit-box-shadow: 0 2px 8px 0 rgba(0,0,0,.1); box-shadow: 0 2px 8px 0 rgba(0,0,0,.1); position: absolute;left: 500px;}
.blockParmSet,.blockEventSet,.blockDataSet{}/* overflow-y: auto max-height:520px;*/
.layui-layer-content .blockParmSet{left: 0;position: relative; padding-bottom: 50px}

.blockEventSet{ left:350px;}
.blockDataSet{ left:-310px;width: 620px;z-index: 999}
.layui-layer-content .blockDataSet,.layui-layer-content .blockEventSet{left: 0; position: relative}

.navDataSet,.spaceDataSet{ left: 10px;width: 600px;}
.blockParmSet-con{padding-top: 0px;height: initial;  min-height: 470px; overflow-y:auto; }/*max-height: 667px;*/
.parmSet-memu{ height: 30px; line-height: 30px;position: relative; overflow: hidden; padding: 0 10px;clear: both}
.parmSet-memu-close{border-bottom: 0px #d9d9d9 solid;width:185px; margin-top: 0px; height: 24px; padding-left: 10px; padding-top:0px;}
.parmSet-memu-close span{ display: inline-block; padding: 0px 7px 0; font-size: 12px;cursor: pointer; line-height: 28px;}
.parmSet-memu-close .on{ color: #3d4feb; background-color: #fff;border-radius: 6px;}

.parmSet-memu-fix{width: 58px;margin-top: -42px;text-align: right;font-size: 14px;height: 17px;overflow: hidden; margin-left: 160px;}
.parmSet-memu-fix span{ padding: 0 2px; cursor: pointer;color: #b2b2b2}
#tool-right-content0 .parmSet-memu-fix{margin-top:0px;}
#tool-right-content0 .blockParmSet,#tool-right-content0 .blockEventSet,#tool-right-content0 .blockDataSet,#tool-right-content0 .navDataSet,#tool-right-content0 .spaceDataSet{left:0px;
	max-height: 1520px;overflow-y:initial;}

.layui-layer-content .parmSet-memu-close{display: none}
.icon-close-btn{ position: absolute; right: 0; text-indent:200px; width:40px; height: 29px; background-position:-566px -107px; cursor: pointer}
.menu-close-btn{background-position:-526px -107px}
.icon-open-btn{background-position:-613px -107px}
.menu-open-add{ padding-left: 10px; color: #3d4feb;}
.parm_li_fieldfuhao .z-select ul li{ margin:0;min-width: 20px;text-align: center;width: 25px;min-width: 25px;}
#parm_li_fieldType .current-val{ width:70px;}
#parm_li_fieldType.z-select ul li{width:60px;}
.parm_li_fieldfuhao .condition-delete{ padding-left: 3px; cursor: pointer}
.labelIdType3{ }/*background-color: #e5e5e5*/

/*.button-wrapper {  width: 100%;  height: 100%;}*/
.button-wrapper-link{}
.parmSet-li{ padding:0 10px; border-top: 1px #f0f0f0 solid; padding-top: 8px;}
.parm_li{ padding-bottom:6px;}
.parm_li .side{ display:inline-block;width: 50%;}
.parmli_l{ margin-right:5px;}
.parm-v{ width:50px; border:0; border-bottom:1px #d9d9d9 solid; text-indent:5px; color:#525e71}
#select-textShadow,#select-boxShadow{width:30px;}
.parmli-v{ position:relative}
.parmli-v::before {
	content: "\B0";
	position: absolute;
	top: -3px;
	left: 4px;
	line-height: 20px;
	pointer-events: none;margin-left: 8px;
}
.select-rotate2::before {left: 14px;}
.select-rotate3::before {left: 28px;}
.parm_li .link-button{display: flex; cursor:pointer}
.red{color:red}
.gray {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
}
.transparent_class{
	-webkit-opacity: 0.5;
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	filter:alpha(opacity=50);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
}
.tool-container .hide_class{ display: none;}
.hide_container .hide_class{ display: block;background-color: yellow;
	-webkit-opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;opacity: 0.5;filter:alpha(opacity=50);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);}
.tool-container .select_show{ display: block;z-index: 9000 !important;position: relative;}
.locking .b-bian{display: none}
.dd-eye::before{content: "\E92C";}
.dd-lock::before{content: "\E944";}
.link-button span{ margin-left:5px; line-height:16px;}
.link-button.on,.link-button.active{ color:#f55d54}

.square{width: 8px;height: 8px;margin-right: 6px;border: 1px solid rgba(0,0,0,.1);background: #f8f8f8;-ms-flex-negative: 0;flex-shrink: 0;}
.square.on{ background-color:#f55d54}
.buttons{ display: inline-block; position: absolute}
.buttons a{ cursor: pointer;display: block}
.fa-caret-up::before {  content: "\F0D8";font-family: 'FontAwesome'; display: block; line-height:8px;}
.fa-caret-down:before {  content: "\F0D7";  font-family: 'FontAwesome';display: block ; line-height:8px;margin-top: 3px;}
.parm_li_con{}
#parm_li_position{cursor: pointer; }
#parm_li_positionType{display: none}
.z-select{border-bottom:1px #d9d9d9 solid;position: relative; display: inline-block }
.z-select .current-val{cursor: pointer; display: inline-block;padding: 0 2px 0px ;min-width: 30px;text-align: center; }
.z-select .current-val span{ display: none}
.parm_li_kuohao.z-select .current-val{min-width:15px;height:16px;}
.parm_li_kuohao.z-select ul li{width: 15px;min-width: 15px;}
#parm_li_borderStyle.z-select .current-val{padding:0}
.navtopParmCon .z-select{ border-bottom: 0;}
.navtopParmCon .z-select .current-val{border-bottom: 1px #d9d9d9 solid;}
.z-select ul{z-index: 100; position: absolute;width: 100%;padding: 10px 0 5px ;background-color: #fff; display: none;-webkit-box-shadow:1px 2px 1px 2px #eee; box-shadow:1px 2px 1px 2px #eee;}
.parm_li_navMenuState .z-select ul{z-index: 1000;}
.z-select.on ul{display: block}
.z-select.on .disabled{display: none}
.z-select ul li{cursor: pointer;min-height: 15px;border: 0; border-top:1px;border-color:#ccc; margin:0 16px 0 16px; text-align: left;min-width: 68px;}
.z-select ul li.jiange{ font-weight: bold;margin:0 2px;}
.parm_li_effectNum  ul{width: 200px;}
.parm_li_effectNum  ul li{ display: inline-block}
#parm_li_effectNum  ul li.jiange{ display:block}
.z-select .solid{ border-style: solid}
.z-select .dotted{ border-style: dotted;}
.z-select .dashed{ border-style: dashed}
.v-list li{border: 0; border-top:1px;border-color:#ccc; min-width: 100px;}
.v-list .solid,.v-list .dotted,.v-list .dashed{ border-style: solid; list-style: none; padding:0 2px; border-width: 3px; height: 1px; margin-bottom: 12px;}
.v-list .dotted{ border-style: dotted;}
.v-list .dashed{ border-style: dashed}

.select-list1 .z-select ul{ width: 250px;}
.select-list2 .z-select ul{ width: 450px;}
.select-list2 .z-select ul li{ display: inline-block; min-width: 50px;}
.select-list4 .z-select ul{width:180px; text-align: center }
.select-list4 .z-select ul li{ display: inline-block; min-width:30px;margin: 0;}
.select-list5 .z-select ul{width:180px;}
.select-list6 .z-select ul{width:130px;}
.select-list5 .z-select ul li{ display: inline-block;min-width:50px;margin: 0; text-align: center}
.select-list3{}
.select-list3 .z-select ul{min-width: 200px;}

.z-slider{ position:relative; margin:-5px 5px 0; height:10px;}
#select-opacity{width: 30px;  margin-left: 6px;  padding-right:6px;}
.parm_li_span_Color{ width: 20px; height: 20px; margin-left:4px; vertical-align: bottom; }
#parm_li_textShadowColor{}
.rail {
	position: absolute;
	top: 50%;
	left: 0;
	width: calc(100% - 10px);
	height: 1px;
}
.rail::before {
	content: "";
	position: absolute;
	left: 0;
	right: -10px;
	height: 1px;
	background: #d9d9d9;
}
.rail .fill {
	position: absolute;
	left: 0;
	height: 1px;
	background: #eb5648;
}
.rail .slider-btn {
	position: absolute;
	width: 10px;
	height: 10px;
	top: -4px;
	border-radius: 50%;
	background: #fff;
	border: 1px solid #525e71;
}

.parm_bgcolor{
	position: relative;
	width: 18px;
	height: 18px;
	/*border: 1px solid #d9d9d9;  overflow: hidden;background: #fff;*/
	display: -webkit-box;
	display: -ms-flexbox;
	display: inline-block;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	cursor: pointer; margin-left:15px;vertical-align: text-bottom;
}
.parm_bgcolor .transparent11 {
	position: absolute;
	top: 0;
	left: 0;
	width: 200%;
	border-top: 1px solid #eb5648;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform: translateY(-50%) rotate(45deg);
	transform: translateY(-50%) rotate(45deg);
}
.borderWidth{}

.labelText{
	position: relative;display: block;
	width: 92%;
	height: 66px;
	margin: 8px 0;
	padding: 4px 7px;
	overflow-y: auto;
	background: #fff;
	border: 1px solid #d9d9d9;
	outline: none;
	line-height: 20px;
}
.labelText p{ margin:0; padding:0; line-height:15px;}
.statetext{display: inline-block;max-width: 90px;padding: 0 5px;height: 22px;margin: 5px 0;width: auto;line-height: 22px;overflow-y:inherit; font-weight: normal}
.shape {
	width: 75px;
	height: 22px;
	border: 1px solid #eee;background: #eee;
	line-height: 20px;
	text-align: center;
	cursor: pointer; display: inline-block; margin-right:10px;
}
.shape.on{ background: #fff;}
.select-image{
	border: 1px dashed #e5e5e5;width: 82%;padding: 12px 18px;margin: 8px 0;text-align: center;color: #bec2c9;height: 60px;
}
.select-image span{cursor: pointer;color: #f55d54;}


/*组件 输入  position: absolute;*/
.divblock .label_input{height: 100%;width: 100%}
.label_input textarea, .label_input input{
	display: block;
	left: 0;
	width: 90%;
	height: 100%;
	font-size: inherit;
	font-weight: inherit;
	font-style: inherit;
	color: inherit;
	border: none;
	border-radius: inherit;
	outline: none;
	background: inherit;
	text-align: inherit;
	line-height: inherit;
	resize: none;
}
.lookType2 .label_input textarea,.lookType2 .label_input input{ width: 100%}
.label_input textarea{padding-left: 0;}
.form-entry{ display: block; min-width: 300px;}
.form-entry, .form-entry > .key {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: box;
	display: flex;
	-webkit-box-align: center;
	-moz-box-align: center;
	-o-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	margin: .5em 0;
	min-height: 34px;
}
.form-entry > .val {
	max-width: calc(100% - 7em);
}
.form-entry > .val {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-o-box-flex: 1;
	box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	margin-left: auto;
}
.form-entry input:not([type="radio"]):not([type="checkbox"]):not([readonly]) {
	padding: .25em .5em;
	padding-left: 0.5em;
	background: #fff;
	border: 0;
	border-bottom-width: 0px;
	border-bottom-style: none;
	border-bottom-color: currentcolor;
	border-bottom: 1px solid #d7d7d7;
	border-radius: 0;
	color: #27364e;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	-ms-transition: all .2s ease-out;
	transition: all .2s ease-out;
	display: inline-block; width: 60px;
}
.form-entry input#labelName{ width: 120px;}
#labellistContent11 .item,.labellist-my .labellistContent .item{display:block; width:100%; height: 40px; overflow: hidden; text-align: left; line-height: 40px;border-bottom: 1px solid #d7d7d7;}
#labellistContent11 .item img,.labellist-my .item img,#labellistContent11.labelimg-span,.labellist-my .labelimg-span{display:none}
#labellistContent11 .item .b-labelName,.labellist-my .item .b-labelName{min-width:80px; display: inline-block; font-weight: normal;}/*position: relative; z-index: 10*/
.hassShareLabel:after{content: "\E92C";display: inline-block;position: absolute;line-height: 30px;font-size: 8px;color: #f55d54;font-family: mb-icons;}
#labellistContent11 .item .navEditBtnList,.labellist-my .item .navEditBtnList{display:none;position: absolute; z-index: 10;right: 5px}
#labellistContent11 .item.hover .navEditBtnList,.labellist-my .item.hover .navEditBtnList{display:inline}
.labelClassEditBtnList{display: none;position: absolute;right: 5px;}
.labelClassEditBtnList a .svg-icon{color: #8D9EA7}
.hover .labelClassEditBtnList{display: inline-block}
.nolabeltip{color:#e0dddd;padding: 10px;}
/*标签事件设置*/
#parm_li_gesture{border-bottom: 1px solid #e5e5e5;}
.gestures { display: block;  }
.gestures .gesture{margin-bottom: 6px;width: 34px;width: 24%; display: inline-block;
	height: 34px;color: #525e71;  text-align: center;  font-size: 24px;  line-height: 32px;  cursor: pointer;}
.gestures .gesture.hover,.gestures .gesture.on{background-color: rgba(0,0,0,.04);}
.gestures .gesture.on{border: 1px solid #d9d9d9;height: 32px;}
.gestures .gesture:before{font-size: 24px; }
.icon-gesture-tap::before { content: "\E935"; }
.icon-gesture-left::before { content: "\E932";  }
.icon-gesture-right::before {  content: "\E933";  }
.icon-gesture-up::before {  content: "\E937";  }
.icon-gesture-down::before {  content: "\E92F";  }
.icon-gesture-hold::before {  content: "\E931";  }
.icon-gesture-dtap::before {  content: "\E930";  }
.icon-gesture-timer::before {content: "\E936";  }

.effect-one{position: relative; height: 47px;width: 24%;  display:inline-block; text-align: center;  align-items: center;  margin-bottom: 10px;  margin-right: 1px;cursor: pointer;}
.effect-one .page1:before,.effect-one .page2:before{font-size:17px;line-height: 30px; }
.effect-one .pages {  position: relative;  height: 30px;  width: 30px;  line-height: 28px;  border: 1px solid #d9d9d9;  overflow: hidden;margin: 0 auto;}
.effect-one.on .pages {border: 1px solid #f55d54;}
.effect-one .page1,.effect-one .page2{ position: absolute; width: 100%; height: 100%;}
.effect-one .page1{z-index: 2;  background: #fff;}
.effect-one .page2{background: #f5f5f5;}
.effect-one.effect-none .page1 { top: 5px;  left: 5px;  width: 19px;  height: 19px;  }
.effect-one.effect-none .page2{background: #f5f5f5;}
/*.icon-arrow-right::before {  content: "\E913";}
.icon-arrow-left::before {  content: "\E912";  }
.icon-arrow-bottom::before {  content: "\E911";  }
.icon-arrow-top::before {  content: "\E914";  }*/
/*标签数据设置*/
.parmli-parameter{}
.parmli-parameter input{ width:80px; margin-top: 5px;}
.parmli-parameter .parmValue{width: 100px;}
.blockDataSet .z-select{ border: 0;}
#parm_li_parmType .current-val{ position: relative;min-width: 60px;}
#parm_li_parmType .current-val::after {  content: "\F0D7"; position: absolute; right:1px;top:2px;  font-family: 'FontAwesome';  }
.rawdata100 #parm_li_parmType{ display: none}
.parm-btn,.inter-set-btn,.inter-parm-btn{ display: inline-block;width: 30px; background-color: #d9d9d9; text-align: center;line-height: 20px}
.parm-btn::before {  content: "\F00D";font-family: 'FontAwesome';  display: inline-block;line-height:20px;}
.parm-btn:hover{background-color: #ccc;color:red}
.parm-parmId::before{content: " ";}
.parm-parmId{width: 10px; line-height: 10px;vertical-align: bottom}
.parm-out-btn::before {  content: "\E92C";font-family: 'mb-icons';}
.parm-out-btn.on::before {color: red}

.inter-set-btn::before { line-height:20px; }
.parm-test-btn::before {content: "\F01D";}
.parm-delete-btn::before {  content: "\F00D";}
.parm-add-btn::before {  content: "\F0FE";}
.parm-addChild-btn{ display: none}
.parm-addChild-btn::before {  content: "\F196";}
.rawdata .parm-addChild-btn{display: inline-block}

.tool-center-c-c-label #block-wai{ display: none}

/**/
.w-selectAddNavType{ text-align: center; padding-top: 50px;}
.w-selectAddNavType a{ display: inline-block; width:80px; line-height: 24px; text-align: center;cursor: pointer}
.w-selectAddNavType a.on,.w-selectAddNavType a:hover{ background-color: #2e8ded; color: #fff}
.w-selectPageClass1,.w-selectPageClass2,.w-selectPageClass3,.w-selectPageClass4,.selectPageList{
	padding:5px;border: 1px #f0f0f0 solid; margin:5px 20px;
}
.w-selectPageClass a{ display: inline-block; padding: 0 5px; line-height: 24px;}
.w-selectPageClass a.on,.w-selectPageClass a:hover{ background-color: #2e8ded; color: #fff}

.selectPageList{margin:5px 20px; min-height: 460px;}
.selectPageList a{ display: inline-block; margin: 5px; padding: 1px;border: 1px #2e8ded solid}
.selectPageList a.on,.selectPageList a:hover{ border: 1px #FF0000 solid}
.selectPageList span{ display: block; width:100px; height:120px; overflow: hidden; text-align: center}
.selectPageList img{width: 100px;}
.selectPageList b{ display: block; line-height: 24px;text-align: center}
/*底部导航*/
.space_menu_bar_w{ height: 50px; width: 100%; position: absolute; bottom:33px; z-index: 999;}
.space_menu_bar{ margin: 0 15px 0 13px;background-color: #fff; height: 50px;}
.space_menu_bar span{display: inline-block; text-align: center;height: 100%; cursor: pointer}
.outMenuType1 img{ height:28px; vertical-align: middle; margin-top: 12px;}
.outMenuType1{vertical-align: middle; }
.outMenuType0 img{ height:24px; vertical-align: middle; margin-top: 7px;}
.outMenuType0 b{ display: block; margin: 0 auto; font-weight: normal; line-height:19px; font-size: 11px;}

/*组件*/
.labelIdType9 select{ width:90%; height:98%; border:0; background:none;direction: rtl;}
.lookType2 .labelIdType9 select {width:100%;padding: 0px; height: 100%;}
/*预览部分*/
/*底部导航*/
.w_footer{ width: 100%; position: relative;position: fixed;bottom:0;z-index: 999;}
#bottom-menu{height:50px;margin: 0 auto;}/*max-width: 375px; */
#bottom-menu li{ display: inline-block;width:19%; text-align: center}
.prewhtml.pchtml111 .simulator-type-class3 .bottom-menu-ul{ border-radius: 20px;}
.space_menu_bar_w{ height: 50px; width: 100%; position: absolute; bottom:33px; z-index: 999;}
.space_menu_bar{ margin: 0 15px 0 13px;background-color: #fff; height: 50px;}
.space_menu_bar span{display: inline-block; text-align: center;height: 100%; cursor: pointer}
.outMenuType1 img{ height:28px; vertical-align: middle; margin-top: 12px;}
.outMenuType1{vertical-align: middle; }
.outMenuType0 img{ height:24px; vertical-align: middle; margin-top: 7px;}
.outMenuType0 b{ display: block; margin: 0 auto; font-weight: normal; line-height:19px; font-size: 11px;}
.bottom-tabarItem {display: block}
.bottom-tabarItem-select,.on .bottom-tabarItem{display: none}
.on .bottom-tabarItem-select{display: block}
.tabar-iocn{display: inline-block}
.tabar-iocn img{ height:24px; vertical-align: middle; margin-top: 7px;}
.outMenuType1 .tabar-iocn img{ height:28px;margin-top: 12px;}
/*.tabar-iocn-select{ display: none}*/
/*.on .tabar-iocn{display: none}*/
/*.on .tabar-iocn-select{display: block}*/
#bottom-menu li a{color:#999;}
#bottom-menu li.on a{color:blue}
.tabar-name{ display: block;}
/*.tabar-name{ display: block; margin: 0 auto; font-weight: normal; line-height:19px; font-size: 11px;}
.outMenuType1 .tabar-name{ display: none}
.outMenuType2 .tabar-name{font-size:15px;}*/
.outMenuType2 .tabar-iocn{ display: none}
/*二级导航*/
.childNavPageMenu{height:45px;margin: 0 auto;font-size:14px;text-align: left;}/*max-width: 375px; */
.childNavPageMenu li{ display: inline-block;width:19%;  cursor: pointer; text-align: center}
.childNavPageMenu.outMenuType2 .tabar-name{}
.childNavPageMenu .tabar-name-xian{width: 15px; display:none; margin: 0 auto; height: 1px; background-color: #5060ed; margin-top:-1px;}
.childNavPageMenu .on .tabar-name-xian{display: none}
.childNavPageMenu .tabar-name-n{border-bottom: 2px #999 solid;display: inline-block;border-width:0;}
.childNavPageMenu .on .tabar-name-n{border-width:2px;}
.childNavPageContent{ position: relative;}
.lookType0 .getChildNavPageHtml,.lookType0 .childNavPageMenu {width: 100%;}

/*album 图片*/
.spaceAlbumLeft{ width: 187px;}
.spaceAlbumLeft header{margin-top: 18px; height: 22px;  padding-left: 14px;  padding-right: 12px;}
.spaceAlbumLeft header i {  font-size: 18px; margin-right: 6px; text-indent: 2px;  color: #f55d54; }
.icon-search::before {  content: "\E96E"; }
.spaceAlbumLeft header input {  border: 0;  border-bottom: 1px solid #e5e5e5;  color: #525e71;  }
.spaceAlbumCenter{ position: absolute; left: 187px; right:228px; top:0;min-height:600px;border-left: 1px solid #d9d9d9;  border-right: 1px solid #d9d9d9;}
.spaceAlbumRight{width: 188px; padding: 20px 14px; position: absolute; top: 0; right: 0; min-height: 300px;}
.center-list{ padding:10px 20px;}
.spaceAlbumCenter-list li{display: inline-block;position: relative}
.spaceAlbumCenter-list li a { display: inline-block;position: relative; margin: 5px;  padding: 1px;  border: 1px #d9d9d9 solid;box-shadow:0px 0 1px 0 #000000}
.spaceAlbumCenter-list li a.on{border: 1px #FF0000 solid;}
.spaceAlbumCenter-list li a span {  display: block;  width: 50px; height:50px;  overflow: hidden;  text-align: center;}
.spaceAlbumCenter-list li a b{display: block;  width: 50px; height:17px;overflow: hidden; text-align: center; font-weight: normal}
.center-list .deleteItiemBtn{ display: none; position: absolute;top: -10px; right:3px; cursor: pointer;text-align: right}
.spaceAlbumCenter-list li a.on .deleteItiemBtn{ display: block}
.icon-times-circle-filled::before { content: "\E987"; color: #FF0000}

.spaceAlbumRight .details-body{min-height:318px}
.spaceAlbumRight .no-select{ color: #ccc; line-height: 200px;text-align: center;}
.spaceAlbumRight .spaceAlbumPicture-upload{position:relative;text-align: center;height: 111px; border: 1px dashed #d9d9d9; padding: 24px 0;}
.spaceAlbumRight .storage { margin-top: 16px; text-align: center;position:relative}
.icon-cloud::before {  content: "\E917";}

.spaceAlbumRight .thumb{ width: 160px; height: 160px; overflow: hidden; text-align: center;box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.2);background-size: 18px 18px;background-position: 0 9px, 9px 18px;background-clip: content-box;
	background-image: -webkit-linear-gradient(45deg, #d9d9d9 26%, transparent 25%, transparent 74%, #d9d9d9 74%, #d9d9d9),-webkit-linear-gradient(45deg, #d9d9d9 25%, transparent 25%, transparent 75%, #d9d9d9 75%, #d9d9d9);
	background-image: linear-gradient(45deg, #d9d9d9 26%, transparent 25%, transparent 74%, #d9d9d9 74%, #d9d9d9),linear-gradient(45deg, #d9d9d9 25%, transparent 25%, transparent 75%, #d9d9d9 75%, #d9d9d9);}
.spaceAlbumRight .details-body .thumbupload{width: 1px; height: 1px; overflow: hidden; display: none}
.spaceAlbumRight .btn-group{margin-top: 14px;margin-bottom: 17px; height: 32px;}
.spaceAlbumRight .btn-group a{ text-align:center;width: 76px; font-size: 12px;color: #f55d54; border: 1px solid #f55d54; display:inline-block; line-height: 32px; height: 32px; cursor: pointer}
.spaceAlbumRight .btn-group .insert-btn{ margin-left: 3px;}
.spaceAlbumRight .group-title { height: 26px;  font-size: 12px;  line-height: 1;  color: rgba(39,54,78,0.3);}
.asset-tags{ display: none}
.spaceAlbumRight .select-photoName{width: 100%; height: 24px; color: #525e71; font-size: 14px;border: 0;}

/*分页*/
.Pager{ display:block}
.combtnlist{text-align:center}
.Pager .topage{font-size:11px;line-height:20px;padding-left:5px;}
#topagenum{text-align:center;width:30px;}
.even{background-color:#dff0d8}
.nohref{color:#ccc}
.thispage a{color: #FF0000}
.label-orange{background-color: #f57035; color: #fff}
.pagination {
	margin: 20px 0;
}

.pagination ul {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin-left: 0;
	margin-bottom: 0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 2px rgba(0,  0,  0,  0.05);
	-moz-box-shadow: 0 1px 2px rgba(0,  0,  0,  0.05);
	box-shadow: 0 1px 2px rgba(0,  0,  0,  0.05);
}

.pagination ul>li {
	display: inline;
}

.pagination ul>li>a, .pagination ul>li>span {
	float: left;
	padding: 4px 12px;
	line-height: 20px;
	text-decoration: none;
	background-color: #ffffff;
	border: 1px solid #dddddd;
	border-left-width: 0;
}

.pagination ul>li>a:hover, .pagination ul>li>a:focus, .pagination ul>.active>a, .pagination ul>.active>span {
	background-color: #f5f5f5;
}

.pagination ul>.active>a, .pagination ul>.active>span {
	color: #999999;
	cursor: default;
}

.pagination ul>.disabled>span, .pagination ul>.disabled>a, .pagination ul>.disabled>a:hover, .pagination ul>.disabled>a:focus {
	color: #999999;
	background-color: transparent;
	cursor: default;
}

.pagination ul>li:first-child>a, .pagination ul>li:first-child>span {
	border-left-width: 1px;
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	border-top-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-left-radius: 4px;
}

.pagination ul>li:last-child>a, .pagination ul>li:last-child>span {
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	border-bottom-right-radius: 4px;
}

.pagination-centered {
	text-align: center;
}

.pagination-right {
	text-align: right;
}

.pagination-large ul>li>a, .pagination-large ul>li>span {
	padding: 11px 19px;
	font-size: 17.5px;
}

.pagination-large ul>li:first-child>a, .pagination-large ul>li:first-child>span {
	-webkit-border-top-left-radius: 6px;
	-moz-border-radius-topleft: 6px;
	border-top-left-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-bottomleft: 6px;
	border-bottom-left-radius: 6px;
}

.pagination-large ul>li:last-child>a, .pagination-large ul>li:last-child>span {
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-topright: 6px;
	border-top-right-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	border-bottom-right-radius: 6px;
}

.pagination-mini ul>li:first-child>a, .pagination-small ul>li:first-child>a, .pagination-mini ul>li:first-child>span, .pagination-small ul>li:first-child>span {
	-webkit-border-top-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	border-top-left-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-bottom-left-radius: 3px;
}

.pagination-mini ul>li:last-child>a, .pagination-small ul>li:last-child>a, .pagination-mini ul>li:last-child>span, .pagination-small ul>li:last-child>span {
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topright: 3px;
	border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	border-bottom-right-radius: 3px;
}

.pagination-small ul>li>a, .pagination-small ul>li>span {
	padding: 2px 10px;
	font-size: 11.9px;
}

.pagination-mini ul>li>a, .pagination-mini ul>li>span {
	padding: 0 6px;
	font-size: 10.5px;
}

/*接口管理*/
.interLeft1{ position:relative;height: 38px; line-height:38px; border-top:1px #dcdcdc solid;border-bottom:1px #dcdcdc solid; padding-left: 14px; margin-top:10px; background-color: #f3f3f3}
.interLeft1-l a{margin-right:6px; color: #b8b8b8; padding: 0 5px;}
.interLeft1-l a.on{color: #606060}
.interLeft1-r{ position: absolute;  right:10px;  display: inline-block;  padding-top: 4px;}
.interLeft1-r img{ cursor: pointer}

.interClassList{}
.interClassList .infor-parent{border-bottom:1px #dbdbdb solid;position:relative;min-height:60px; cursor: pointer; background-color: #f8f8f8}
.interClassList .infor-parent.hover,.interClassList li.on{ background-color: #f0f0f0;}
.interClassList .infor-parent.on{ background-color: #f0f0f0;-webkit-box-shadow: 0 2px 8px 0 rgba(0,0,0,.1); box-shadow: 0 2px 8px 0 rgba(0,0,0,.1);}
.interClassList .infor-parent{ height:60px;}
.interClassList .infor-l{ display: inline-block; width: 50px; text-align: center; padding-top: 20px;font-size:20px;color: #999; font-size: 14px;}
.interClassList .infor-l-sys0{color: #f5a92a}
.menu-copy{display: none}
.interClassList .infor-sys0 .caozuo-menu-inter a{display: none}
.interClassList .infor-sys0 .caozuo-menu-inter a.menu-copy{display: block}
.interClassList .infor-sys1 .caozuo-menu-inter a.menu-copy{display: none}
.interClassList .infor-c{ position: absolute; left:50px;}
.interClassList .infor-c-t{color:#8b8b8b; display: block; margin-top: 8px; line-height: 22px;}
.interClassList .infor-c-b{color:#949494; line-height: 22px;}
.interClassList .infor-c-b b{font-weight: normal;}
.interClassList .infor-r{ position: absolute; right:0px;height:60px; width:30px; border-left: 1px #dbdbdb solid; display: none}
.interClassList .infor-parent.hover .infor-r,.interClassList .infor-parent.on .infor-r{ display: inline-block;}
.interClassList .infor-r-t{color:#8b8b8b; display: block; height:30px;border-bottom: 1px #dbdbdb solid; text-align: center;line-height: 30px;}
.interClassList .infor-r-t:hover,.interClassList .infor-r-t.on,.interClassList .infor-r-b:hover,.interClassList .infor-r-b.on{ background-color:#dbdbdb; color:#808080 }
.fa-angle-right::before {  content: "\F105"; line-height: 30px;}

.interClassList .infor-r-b{display: block;height:30px;text-align: center;line-height: 30px;}

.infor-child{line-height: 21px; display: none;position: relative;}
.lion .infor-child{display: block}
.infor-child-con{ padding-left: 10px;}
.infor-child-folder.hover,.infor-child-con.hover,.infor-child-con.on{ background-color:#eaeaea}
.infor-child-l{ display: inline-block; width: 35px; text-align: center; overflow: hidden}
.infor-child-con .infor-child-l{color:#7ed321;}
.infor-child-con .infor-child-l.post{ color: #f5a92a}
/*.fa-folder-o::before {  content: "\f114"; font-size: 18px;}*/
.infor-child-folder{ padding-top: 3px;}
.infor-child-folder.on .fa-folder-o::before{content: "\f115";}
.fa-folder-open-o::before {  content: "\f115";}
.infor-child-r{position: absolute; right:0px;height:30px; width:30px;display: none}
.infor-child.hover .infor-child-r,.infor-child-folder.hover .infor-child-r{ display: inline-block;}
.infor-child-r-b{display: block;height:21px;text-align: center;line-height:21px; cursor: pointer}
.infor-child.hover .infor-child-r-b:hover{color:#333 }
.infor-child .infor-child-con{ padding-left:20px}
.infor-child-list .infor-child .infor-child-con{ display: none}
.infor-child.on .infor-child-conlist .infor-child-con{ display:block}
.infor-child-conlist0 .infor-child-con{ display:block}
.infor-child-c{ max-width:100px; overflow: hidden;display: inline-block;height: 21px; line-height: 21px; font-size: 12px;}

.infor-child-conlist{ padding-left:0px;}
.caozuo-menu{width: 100px; min-height: 30px; background-color: #f8f8f8; position: absolute; left:-70px; z-index: 999; border: 1px #dfdfdf solid;-webkit-box-shadow: 0 2px 8px 0 rgba(0,0,0,.1);
	box-shadow: 0 2px 8px 0 rgba(0,0,0,.1);}
.caozuo-menu a{ display: block; line-height: 30px;}
.caozuo-menu a:hover{background-color: #eaeaea;}
.interCenter-ge{ position: absolute; left: 187px;top:0;min-height:600px; height:100%; width:2px; background-color:#dbdbdb;box-shadow: 0 2px 2px 0 rgba(0,0,0,.1);}
.interCenter{ right: 0;left: 189px;}
.interCenter-head{}
#interCenter-head{ padding-left: 8px; padding-top: 20px; position: relative}
.interCenter-head li{ width: 150px; height: 30px; line-height:30px;border: 1px #dbdbdb solid; border-bottom: 0; background-color: #fff; text-align: center;position: relative; z-index: 2}
.interCenter-head-xian{ height: 1px; background-color: #dbdbdb; overflow: hidden;position: relative; z-index: 1; margin-top: -1px;}

.interCenter-top,.interCenter-bottom{border: 1px #dbdbdb solid;border-radius: 4px;box-shadow: 0 2px 2px 0 rgba(0,0,0,.1); min-height: 170px; margin-left: 8px; margin-right: 15px; margin-top: 10px;}
.interCenter-top1{ height: 40px;border-radius:4px; margin: 10px 10px 10px 10px; position: relative}
.interCenter-top1a{ position: relative; z-index: 10;display: inline-block;}
.interCenter-top1a .current-val{ width:114px; height: 40px; line-height: 40px; text-align: center;border-right: 1px #dcdcdc solid;padding: 0;font-weight: bold;font-size: 13px;}
.fa-angle-down::before {  content: "\F107";}
.interCenter-top1a .current-val.fa-angle-down::before{ position: absolute;right:20px; font-size: 18px;  }
.interCenter-top1a .on .current-val.fa-angle-down::before{content: "\F106";}
.interCenter-top1a .z-select ul li{ line-height: 30px;}

.interCenter-top1b{ position: absolute; width: 100%;left: 0;top: 0; z-index: 2;}
.interCenter-top1b-1{ padding-left: 114px; margin-right: 200px;border: 1px #dcdcdc solid; background-color: #f0f0f0;}
#parm_li_inter_post{ border: 0}
#select-interUrl{ border: 0; height: 38px; width:96%; background: none;text-indent: 20px; padding-right: 10px;color: #919191}
#select-interUrl::-webkit-input-placeholder, #select-interUrl::-moz-placeholder, #select-interUrl:-moz-placeholder,#select-interUrl:-ms-input-placeholder{  color:#ff0000;  }
.interCenter-top1c{ position: absolute; right: 0;top: 0;z-index: 11}
.interCenter-top1c a{ width: 90px; height:40px;line-height:40px;border-radius:6px;background-color: #097bed; color: #fff; font-size: 14px; display: inline-block; text-align: center; margin-left: 10px;}
.interCenter-top1c a:hover{ background-color: #4a90e2}
.interCenter-top1c .inter-save-btn,.interCenter-top1c .inter-select-btn{background-color: #f0f0f0;color: #8a8a8a}
.interCenter-top1c .inter-save-btn:hover,.interCenter-top1c .inter-select-btn:hover{background-color: #e6e6e6;}

.interCenter-top0{ padding: 20px 5px;}
.interCenter-top2{}
.interCenter-top2 label{ margin-left: 20px;}
.interCenter-top2 input{ margin-right: 5px; background-color: #dcdcdc; border: 1px #c8c8c8 solid}
.interCenter-top2 input[type="radio"] { position: absolute;  clip: rect(0, 0, 0, 0);  }
.new-radio input[type="radio"] + label::before {
	content: "\a0"; /*不换行空格*/  display: inline-block;  vertical-align: middle;  font-size: 18px;  width:12px;  height:12px;  margin-right: .4em;  border-radius: 50%;  border: 1px solid #c8c8c8;  background-color: #dcdcdc;  text-indent: .15em;  line-height: 1;  }
.new-radio input[type="radio"]:checked + label::before {  background-color: #f47023;  background-clip: content-box;  padding:1px;  }
.interCenter-top4{ margin: 10px;border-radius: 6px;border: 1px solid #c8c8c8;padding: 20px;}
.postData,.returnData{width:100%;border:0; display: block; height:120px;}
.interCenter-bottom3{ padding: 20px 10px;}
.saveInterAdd label{ display: block; margin: 5px 20px;}
.saveInterAdd input,.saveInterAdd textarea{margin:0px 20px; width: 430px; height: 30px;border-radius: 6px;border: 0;border: 1px solid #c8c8c8;}
.saveInterAdd textarea{height: 60px;width: 435px;}
.parm_li_classId{ margin: 5px 20px;}

.v-list li{ height:25px; line-height:25px; margin: 0; padding: 0 5px; border-left: 10px #e6e6e6 solid;}
.v-list li.hover,.v-list li.selected,.v-list li.onselect{background-color: #f47023; color: #fff}
.tipvlist{color:#777}
.tipvlist li{ height:25px; line-height:25px; margin: 0; padding: 0 5px; border-left:0;list-style: square inside;color: #777}
.tipvlist li.hover,.tipvlist li.selected{background-color: #f47023; color: #fff}
.tipvlist2{ display: block; width: 300px; overflow-y:auto; height: 550px;background-color: #f0f0f0;}

.saveInterAdd .z-select ul{width:inherit; height:200px; overflow-y: auto; overflow-x: hidden;min-width: 150px;}
.parm_li_classId .v-list li{ height: 30px; line-height: 30px; margin: 0; padding: 0 16px; border-left: 10px #e6e6e6 solid; display: none}
.parm_li_classId .v-list li.selected{ background-color: #f47023; color: #fff}
.parm_li_classId .v-list li.intetClass-parentId0{ border: 0; display: block}

.wkangdiv{position:absolute; border:1px dashed #1e98ea; width:0px; height:0px;left:0px; top:0px; overflow:hidden;z-index: 1000}
.retc{position:absolute; border:1px solid #CCCCCC; overflow:hidden; background:#EFEFEF;}

.dragselect{border: 2px #f55d54 solid;}

.videodiv{ line-height:20px; color: #fff; padding: 14px; position: absolute; bottom:60px; font-size: 14px; letter-spacing:1.5px;display: none}
.videodiv-t{font-size: 16px; font-weight: bold;line-height:22px;}

.label-search-container{position: relative;padding:8px 0px 5px;}
.zhedie-all,.label-search{display: inline-block}
.zhedie-all{padding-right:5px;cursor:pointer}
.zhedie-all.on{-webkit-transform: rotate(90deg);transform: rotate(90deg);}
.label-search{ position: absolute; }
.label-search input{width: 100%;height: 100%;background:#f2f2f2 none repeat scroll 0% 0%;border: 1px solid rgb(232, 232, 232);border-radius: 2px;transition: all 0.2s ease-out 0s;
	text-indent: 24px;padding: 2px 12px 2px 2px;color:#b7b6b6}
.label-search.on input{border: 1px solid #f59994;box-shadow: #f5c8c8 0px 0px 3px;background: none}
.search-icon{ position: absolute; padding: 4px 4px;color: #c7c5c5}
.search-icon:before{font-size: 12px;}

.thirdClassList{ display: inline-block;width: 50px; overflow-x: hidden}
.thirdLabelList{display: inline-block; width: 120px; overflow-x:hidden; vertical-align: top;padding-left: 2px;}
.thirdLabelList .labelname-span{display: none}
.thirdLabelList .labellistContent {margin-top: 1px;margin-left: 1px;display: flex;flex-wrap: wrap;}
.thirdLabelList .labellistContent .item{width: 25px; height: 25px;border: 1px solid #f1f1f5;display: flex;margin-top: -1px;
	margin-left: -1px;background: #fff;border: 1px solid #f1f1f5;font-size: 16px;display: flex;justify-content: center;align-items: center;}
.thirdLabelList .labellistContent .item.hover .divblock{ background-color: #f2f2f2; border: 1px #00b3ee solid;opacity: 0.3}
.thirdClassli{ line-height: 30px; cursor: pointer}
.thirdClassli.on{ color: #0fb0f8}
.labellistContentChild{display: none}
.labellist-share .labelname-span{font-size:9px;}
.labellist-my .item .b-labelName{color: #9ea7f5}

.mycontextmenu-ul{ border-bottom: 1px #e5e5e5 solid; line-height: 30px; padding: 4px 0;list-style: none;}
.mycontextmenu-ul li{ padding: 0 15px;position: relative;list-style: none;}
.mycontextmenu-ul li.hover{ background-color: #f5f5f5;color: #000; font-weight: bold; cursor: pointer;}
.mycontextmenu-ul li span{ position: absolute; right:15px;}
.blockStatelist{ padding-bottom: 20px;display: block}
.blockStatelist li{ padding:0 15px; line-height: 28px; cursor: pointer}
.blockStatelist li.on{ background-color:#f0f0f0}
.blockTipLayer{ padding: 20px; line-height: 28px;}

.divblockselect .childNavPageContent {opacity: 0.5}
.tool-center-c-totop{ position: fixed; bottom:20px; right:270px; width:30px; height:30px; background-color: #ccc; border-radius: 50%; overflow: hidden; text-align: center; line-height:30px;
	font-size:16px; cursor: pointer;display: none}

.blockSatatusList{ padding:5px 10px; line-height: 24px; cursor: pointer}
.blockSatatusList span{display: block; padding: 0 5px;}
.blockSatatusList .hover,.blockSatatusList .on{ background-color: #f0f0f0; color: #f38f89}
.block-edit-btn{background-color: #f0f0f0; text-align: center; border-radius: 6px; line-height: 30px; margin: 10px 20px;display: block}
.block-edit-btn:hover{ background-color: #0fb0f8; color: #fff;}
.layui-layer-loading .layui-layer-content{ margin: 0 auto}

.blockCustomParm{ position: relative}
.blockCustomParm .parm-c{}
.blockCustomParm .parmTip { margin-left: 10px; position: absolute; right: 10px;cursor: pointer}
.parm_li .parmTip{ padding-left: 10px; cursor: pointer}
.blockCustomParm  .color-span{ margin-left: 10px;}

.lookType0 .labelIdType42 {background-color: #b3fc6a;opacity: 0.3;filter:alpha(opacity=30)}
.labelIdType37 .imgspan-upload{border: 0;}

.labelIdType8 label{vertical-align: top}

.blockCustomParm #select-phone{ width:100px;}
.webviewflow{ position: absolute; height: 100%; width: 100%; z-index: 100;}
.labelIdType1905 { display: block; overflow: hidden}
.labelIdType1905 iframe{ position: absolute;z-index: 1}
.lookType2 .webviewflow,.lookType1 .webviewflow{display: none}
.lookType2 .labelIdType1905{ width: 100%; height: 100%;}
#clearBack{ border: 1px #f0f0f0 solid}

.indexhtml .nav_top_w{position:relative;left:0;top:0;margin: 0 auto;}
.indexhtml .nav_top_w{height: 45px;}
.indexhtml.pchtml .nav_top_w{margin-bottom: 14px;}
.indexhtml .nav_top_title,.indexhtml .nav_top_back{top:0; margin-top:0}
.indexhtml .navButtonInput{top:10px;}
.pchtml{}

.eventBlockKuang{border:1px dotted #d9d9d9 }
.eventBlockKuang .parm_li_eventBlockStr{ display: block;}
.eventBlockKuang .parm_li_eventBlockStr{ margin-top: 3px;padding-left: 5px;}

#parm_li_navLeftWindow .z-select ul {z-index: 1000;}