body {
	margin: 0;
	padding: 0;
	font: 14px/1.5 helvetica, arial, "Microsoft YaHei", \5b8b\4f53;
}
*{margin: 0;padding: 0;}
html,body{height: 100%;}

::-webkit-scrollbar-track {
	background-color: #f5f5f5
}

::-webkit-scrollbar {
	width: 6px;
	height:6px;
	background-color: #f5f5f5
}

::-webkit-scrollbar-thumb {
	background-color: #b7b7b7
}

.main{width:100%;height:100%;margin:0 auto;}
.mainleft{width:240px;height:100%;float:left;background-color:#212329; position:relative;}
.mainright{height:100%;float:right;width:-webkit-calc(100% - 240px);width:-moz-calc(100% - 240px); width:calc(100% - 240px); background: #f2f5f8;}

.tabmenunew{width:100%; margin:0 auto; padding: 0}
.tabmenunew ul{ list-style:none; margin:0 auto; padding:0}
.tabmenunew ul li {height:40px;line-height:40px;text-align:center;float:left; cursor: pointer;color: #7e828e;width:50%;background-color: #000000;font-size: 1.1em}
.tabmenunew .active {color: #ffffff; background-color: #212329; }

.tabboxnew{width:100%;margin:0 auto;height:-webkit-calc(100% - 40px);height:-moz-calc(100% - 40px); height:calc(100% - 40px);}
.tabboxnew > div {width:100%;display:none;color:#FFFFFF;height:100%;}
.tabboxnew > div:first-Child {display: block;}

.tabboxnew .tabcon .tabcondiv{width:100%; margin: 0 auto; height:calc(100% - 40px);}
.tabboxnew .tabcon .toolcon{position:fixed; bottom:0;width:240px;height:40px; line-height: 43px; background: #000000; text-align: center;padding-right: 7px; box-sizing: border-box}
.tabboxnew .tabcon .toolcon i{color: #78798e;font-size:1.2em;margin: 0 6px; cursor: pointer;}
.tabboxnew .tabcon .toolcon i:hover{color:#fff;}

/*信息导航条开始*/
.infonave{width:100%;height:40px; background-color: #fff;}
.infonave .left{float:left;height:40px; line-height: 40px;color:#9c9c9c;}
.infonave .left span{cursor: pointer;}
.infonave .left span a{color:#6a6a6a; margin: 0; padding: 0;text-decoration: none;}
.infonave .left span a:hover{color:#67b490; text-decoration: none;}
.infonave .left span:first-child{margin:0 12px; display: inline-block;}
.infonave .left span:not(:first-child){margin:0; display: inline-block;}
.infonave .left span:not(:first-child):not(:last-child):after{content:"|"; margin:0 3px 0 5px; font-size: 0.8em;}
.infonave .left span:hover{color:#000;}
.infonave .right{float: right;}
.infonave .right{float: right;height: 40px;margin-right:10px ;}
.infonave .right > div{float: right; margin: 0 12px;height:40px; line-height: 38px;}
.infonave .right > div > img{vertical-align: middle; display:inline-block;}
.infonave .right .user > #btnuser > img{border-radius:50%;width:25px;height:25px; vertical-align: middle;}
.infonave .right .user,.language,.server,.noticecenter{position: relative;}


.fastmenu{position: relative}
.fastmenucon > div > img{display: block;}
.fastmenu .fastmenucon{
	width:192px;
	position: absolute;
	top:48px;
	right:-133px
}
.fastmenuconcon ul{list-style: none; margin: 0; padding: 0}
.fastmenuconcon ul li{margin: 0; padding: 0;line-height: 28px}
.fastmenuconcon ul li input{margin-right:6px; vertical-align: middle; margin-top: -2px}


.noticenum{
	background: #fd450f;
	color: #FFF;
	text-align: center;
	width: 18px;
	height: 18px;
	line-height: 18px;
	border-radius:50%;
	font-size:8px;
	position: absolute;
	top:5px;
	right:-6px;
	}
/*服务下拉菜单*/
.infonave .right .server .servercon{
	width:192px;
	position: absolute;
	top:48px;
	right:-16px;
}
.servercon > div{margin: 0; padding: 0; margin: 0 auto;}
.servercon > div > img{display: block;}
/*.serverconcon{width:100%;background-image: url(../img/new_serverbj3.png);}*/
.serverconcon ul{list-style: none; width:76%; margin: 0 auto; padding: 0; padding-bottom: 10px;}
.serverconcon ul li{margin: 0; padding: 0;height:40px;color: #8e8e8e;cursor: pointer;}
.serverconcon ul li:hover{color: #000;}
.serverconcon ul li i{margin-right:10px;}

/*语言选择下拉菜单*/
.infonave .right .language .languagecon{
	width:192px;
	position: absolute;
	top:48px;
	right:-10px;
}
#btnlan img{vertical-align: middle; margin-right: 3px; margin-bottom: 2px;}
.languagecon > div{margin: 0; padding: 0; margin: 0 auto;}
.languagecon > div > img{display: block;}
/*.languageconcon{width:100%;background-image: url(../img/new_serverbj3.png);}*/
.languageconcon ul{list-style: none; width:50%; margin: 0 auto; padding: 0;}
.languageconcon ul li{margin: 0; padding: 0;}
.languageconcon ul li img{vertical-align: middle;}
.languageconcon ul li span{margin-left: 10px; margin-top: 2px;color:#8e8e8e;cursor: pointer;}
.languageconcon ul li span:hover{color:#000}


/*用户下拉菜单*/
.infonave .right .user .usercon{
	width:247px;
	position: absolute;
	top:48px;
	right:-10px;
	}
/*.infonave .right .user .usercon .userconcon{width:247px;background-image: url(../img/new_userbj3.png);}*/
.infonave .right .user .usercon > div{margin: 0; padding: 0; margin: 0 auto;}
.infonave .right .user .usercon > div > img{display: block;}
/*用户下拉菜单内容第一块:头像用户名帐号类型*/
.infonave .right .user .usercon .userconcon .userdetail{width:80%; margin: 0 auto; border-bottom:solid 1px #ebebeb;padding: 15px 0;}
.userdetail img{width:52px;height:52px; border-radius:50%; float: left;}
.userdetail .userdetailright{float:left;height:52px; line-height: 52px; margin:5px 0 0 10px;}
.userdetail .userdetailright span{margin: 0; padding: 0; display: block; line-height:20px ;}
.userdetail .userdetailright span:first-child{color: #0090ff; font-weight:bold; font-size: 1.2em}
.userdetail .userdetailright span:last-child{color: #cecece;}
/*用户下拉菜单内容第二块:菜单*/
.infonave .right .user .usercon .userconcon .usermenu{width:65%;margin: 0 auto; margin-top: 12px;}
.usermenu ul{list-style: none; margin: 0; padding: 0;}
.usermenu ul li{height:40px;}
.usermenu ul li img{vertical-align: middle;}
.usermenu ul li span{color:#8e8e8e; margin-left: 14px; cursor: pointer;}
.usermenu ul li span:hover{color:#000}
.infonave .right .user .usercon .userconcon .userlogout{
	width:135px;
	height:38px;
	line-height: 38px;
	border-radius:22px ;
	border: solid 1px #ebebeb;
	color: #8e8e8e;
	margin: 0 auto;
	text-align: center;
	cursor: pointer;
}
.infonave .right .user .usercon .userconcon .userlogout:hover{color:#fff; background-color: #0090ff;}
/*信息导航条结束*/

.clear{ clear:both; font-size:0;}

/*首页主IFRAME样式,上下左右统一缩进20像素*/
.myframe{
	height:-webkit-calc(100% - 56px);
	height:-moz-calc(100% - 56px);
	height:calc(100% - 56px);
	width:-webkit-calc(100% - 16px);
	width:-moz-calc(100% - 16px);
	width:calc(100% - 16px);
	display: block;
	margin: 0 auto;
	margin-top:8px;
}



/*首页newindex*/
/*统计信息*/
.newindex_info{
	width:100%;
	height: 90px;
	margin: 0 auto;
	}
.newindex_infoitem{
	width:-webkit-calc((100% - 24px)/4);
	width:-moz-calc((100% - 24px)/4);
	width:calc((100% - 24px)/4);
	height:90px;
	background-color: #fff;
	float: left;
	border-radius: 5px;
	border: solid 1px #eceff2;
	box-sizing: border-box;
	padding: 12px;
}
.newindex_infoitem:first-child{margin-right: 4px;}
.newindex_infoitem:last-child{margin-left: 4px;}
.newindex_infoitem:not(:first-child):not(:last-child){margin: 0 4px;}
.newindex_infoitem > .progress0{width:100%;height:8px;background-color: #edf1f5;}
.newindex_infoitem > .progress0 > .progress1{
	width:0%;
	height:8px;
	transition:width 2s;
	-moz-transition:width 2s; /* Firefox 4 */
	-webkit-transition:width 2s; /* Safari and Chrome */
	-o-transition:width 2s; /* Opera */
}

.newindex_infoitem > .dataname{width:100%; margin: 0 auto;height:32px;overflow: hidden;}
.newindex_infoitem > .dataname > .data{float: left; font-size: 1.5em; font-weight: bold;height:32px;line-height: 32px;}
.newindex_infoitem > .dataname > .name{float: right;color:#8e8e8e;height:32px;line-height:38px;}

/*首页地图通知部分*/
/*该DIV的高是（总高-统计90-两个间隔16）/2*/
.newindex_mapnotice{
	width:100%;
	height:-webkit-calc((100% - 106px)/2);
	height:-moz-calc((100% - 106px)/2);
	height:calc((100% - 106px)/2);
	margin:0 auto;
	}
.newindex_mapnotice .public{
	width:-webkit-calc(50% - 4px);
	width:-moz-calc(50% - 4px);
	width:calc(50% - 4px);
	border-radius: 5px;
	border: solid 1px #eceff2;
	box-sizing: border-box;
	background-color: #fff;
	padding: 12px;
	height: 100%;
}
.newindex_mapnotice .map{
	float: left;
}
.newindex_mapnotice .notice{
	float: right;
}
/*首页报警记录*/
/*该DIV的高是（总高-统计90-两个间隔16）/2*/
.newindex_alarm{
	width:100%;
	margin:0 auto;
	border-radius: 5px;
	border: solid 1px #eceff2;
	box-sizing: border-box;
	background-color: #fff;
	padding: 12px;
	height:-webkit-calc((100% - 106px)/2);
	height:-moz-calc((100% - 106px)/2);
	height:calc((100% - 106px)/2);
}
.newindex_alarm > .title,.newindex_mapnotice > .public > .title{height:30px;}
.newindex_mapnotice > .public > .content,.newindex_alarm > .content{
    width:100%;
    height:-webkit-calc(100% - 30px);
	height:-moz-calc(100% - 30px);
	height:calc(100% - 30px);
}

.tabindexn{width:100%;}
.tabindexn tr td{
	vertical-align: top;
	height:72px;
	box-sizing: border-box;
}
.tabindexn tr td:not(:nth-child(2)){
	padding-top:8px ;
}
.tabindexn tr td:first-child{
	width:85px;
	text-align: right;
	color: #a9a9a9;
}
.tabindexn tr td:nth-child(2){width:42px;background:#fff url(../img/indexnotice.jpg) no-repeat center top;}

.tabindexn a{ text-decoration: none;}
.tabindexn a p:first-child{ color:#000}
.tabindexn a:hover p{ color:#76b58e}




.tabindexalarm th,.tabindexalarm td{text-align: left; height: 35px; line-height: 35px;}
.tabindexalarm th{background-color: #f2f5f8;}
.tabindexalarm td{color: #a9a9a9;border-bottom: dashed 1px #ededed;}


/*慧盒模块*/
.newbox_menu{
	width:100%;
	height:72px;
	margin: 0 auto;
	border-radius:5px ;
	background-color: #fff;
	border: solid 1px #eceff2;
	box-sizing: border-box;
}
.newbox_menu ul{list-style: none; margin: 0; padding: 0;}
.newbox_menu ul li{
	margin:0;
	padding: 0;
	text-align: center;
	float: left;
	height:72px;
}
.newbox_menu ul li{
	width:-webkit-calc(100%/7);
	width:-moz-calc(100%/7);
	width:calc(100%/7);
	cursor: pointer;
	border-right:solid 1px #edf0f3;
	box-sizing: border-box;
}
.newbox_menu ul li:last-child{border:none;}

.newbox_menu ul li a{
	color:#000;
	text-decoration: none;
	display: block;
	width:100%;
	height: 100%;
}
.newbox_menu ul li a i{font-size:1.6em;color:#66b590; margin-top:11px;}
.newbox_menu ul li span{
	display: block;
	height:16px;
	line-height:16px;
	margin-top:6px;
}
.newbox_menu ul li:hover{
	background-color: #66b590;
	color:#fff;
}
.newbox_menu ul li:hover a,.newbox_menu ul li:hover a i{color:#fff}

.newbox_menu ul li a.active{
	background-color: #66b590;
	color:#fff;
}
.newbox_menu ul li a.active,.newbox_menu ul li a.active i{color:#fff;}

.newbox_con{
	width:100%;
	margin: 0 auto;
	height:-webkit-calc(100% - 80px);
	height:-moz-calc(100% - 80px);
	height:calc(100% - 80px);
	border-radius:5px ;
	border-bottom: solid 1px #eceff2;
	box-sizing: border-box;
	background-color: #fff;
	margin-top:8px;
	padding:8px;
}

.boxframe{
	height:100%;
	width:100%;
	display: block;
	margin: 0 auto;
}


.otherBox{width:100%; margin: 0 auto;height:100%;}
.otherBox > .sacon{
	width:100%;
	margin: 0 auto;
	height:-webkit-calc(100% - 60px);
	height:-moz-calc(100% - 60px);
	height:calc(100% - 60px);
	overflow: auto;
}
.otherBox > .sacon > .title{width:100%; margin: 0 auto; padding:10px 12px 10px 12px; box-sizing: border-box; cursor: pointer; -moz-user-select:none; /*火狐*/
	-webkit-user-select:none; /*webkit浏览器*/
	-ms-user-select:none; /*IE10*/
	-khtml-user-select:none; /*早期浏览器*/
	user-select:none;}
.otherBox > .sacon > .title > i{margin-right: 5px;}
.otherBox > .sacon > .contentnew{width:100%; margin: 0 auto;}
.otherBox > .sacon > .contentnew > ul{list-style: none; margin: 0; padding: 0;}
.otherBox > .sacon > .contentnew > ul > li{width:100%; padding: 5px 20px; color: #868a95;  box-sizing: border-box; cursor: pointer;}
.otherBox > .sacon > .contentnew > ul > li:hover{ background-color: #000000;}
.otherBox > .sacon > .contentnew > ul > li:hover .text{ color: #66b590;}
.otherBox > .sacon > .contentnew > ul > li > span{width:180px;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.otherBox > .sacon > .contentnew > ul > li > span > i{margin-right:3px;}
.otherBox > .sacon > .contentnew > ul > li > span:last-child{margin-left:20px;}

.otherBox > .search{
	width:195px;
	height: 34px;
	background-color:#333741;
	border-radius:22px;
	margin: 0 auto;
}
.otherBox > .search > div{float: left;height:34px}
.otherBox > .search > .text{width:158px; box-sizing: border-box;padding-left:20px ;}
.otherBox > .search > .text > input{width:100%;height:28px; line-height: 26px; border: 0; background: none; margin-top:3px;color:#fff;outline:0px;}
.otherBox > .search > .text > input:focus{border: none;}
.otherBox > .search > .btn{width:37px; text-align: left; height: 34px;  box-sizing: border-box;padding-left:9px;cursor: pointer;}
.otherBox > .search > .btn:hover{color:#66b590}


/*从旧的style.css样式表中复制过来的*/
.undo{border:solid 1px #bababa !important;cursor:default !important}
.grouplists {width: 100%;position: relative;margin-top:6px;}
.grouplists ul {list-style-type: none;font-size: 1em;}
.grouplists ul li span.treeicon{color: #18a689;border: 1px solid #18a689;width: 15px;height: 15px;display: inline-block;text-align: center;border-radius: 50%;vertical-align: middle;margin-right:15px;line-height:13px;cursor: pointer;background: #fff;}
.grouplists ul li span.treename{cursor: pointer}
.l_tree {width: calc(100% - 44px);padding-left: 22px;}
.l_tree_branch {width: 100%;display: block;padding: 10px;position: relative;padding:5px 10px;}
ul.l_tree:before {
	content: '';
	border-left: 1px dotted #999a9c;
	height: calc(100%);
	position: absolute;
	left: 40px;
	top:-6px;
}
.l_tree, .l_tree_branch {position: relative;margin-left: 1px;}
.l_tree_branch::after {
	content: '';
	width: 15px;
	height: 0;
	border-bottom: 1px dotted #999a9c;
	position: absolute;
	right: calc(100% - 40px);
	top:15px;
}
.grouplists ul li ul li ul li{color:#bababa; cursor: default}
#addGroup .title{font-size:18px; font-weight: bold;color:#18a689}
#addGroup .groupname{font-size:18px; font-weight: bold; color:#ff9c00}
#addGroup .rootgroup{margin-left:12px; width:56px; height:26px; line-height:28px;background-color:#18a689;color:#fff; border-radius:6px; text-align: center;cursor: pointer}




/*鼠标右键*/
#list,#myShareContextMenu,#otherShareContextMenu,#attentionContextMenu,#groupContextMenu{
	width:170px;
	background-color:#f2f2f2;
	border:1px solid #d7d7d7;
	box-shadow:0px 0px 6px #000;
	position:absolute;
	display:none;
	list-style: none;
	border-bottom: none;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}

#list li,#myShareContextMenu li,#otherShareContextMenu li,#attentionContextMenu li,#groupContextMenu li{
	height: 32px;
	line-height: 32px;
	text-align: left;
	border-bottom: 1px solid #d7d7d7;
	padding: 0 18px;
	cursor: pointer;
}
#list li:hover,#myShareContextMenu li:hover,#otherShareContextMenu li:hover,#attentionContextMenu li:hover,#groupContextMenu li:hover{background-color:#66b590; color:#fff }
#list li:hover i,#myShareContextMenu li:hover i,#otherShareContextMenu li:hover i,#attentionContextMenu li:hover i,#groupContextMenu li:hover i{color:#fff}
#list li i,#myShareContextMenu li i,#otherShareContextMenu li i,#attentionContextMenu li i,#groupContextMenu li i{margin-right: 6px; color: #afafaf}

/*消息通知中心*/
.tabmenu_notice ul{ list-style:none; margin:0 auto; padding:0; margin-left: 38px;}
.tabmenu_notice ul li {height:36px;line-height:36px;text-align:center;float:left; cursor: pointer;color: #000;width:143px; border-radius: 5px 5px 0 0}
.tabmenu_notice .active {color: #66b590; background-color: #fff; font-weight: bold }

.tabbox_notice{width:100%;margin:0 auto;height:calc(100% - 36px); background-color: white}
.tabbox_notice > div {width:100%;display:none;height:100%; padding: 12px; box-sizing: border-box}
.tabbox_notice > div:first-Child {display: block;}

.tablenotice th,.tablenotice td{
	text-align: left;
	height: 35px;
	line-height: 35px;
	color: #868686;
	border-bottom: dashed 1px #ededed;
	padding:5px;
	box-sizing: border-box;
}
.tablenotice th{color: #000}
.tablenotice  .btnn{color:#66b38d; cursor: pointer}
.tablenotice .btnn:hover{color:#000}



/*.tabbox_notice .tabcon .tabcondiv{width:100%; margin: 0 auto; height:calc(100% - 42px);}*/
/*.tabbox .tabcon .toolcon{position:fixed; bottom:0;width:240px;height:42px; line-height: 45px; background: #000000; text-align: center;padding-right: 7px; box-sizing: border-box}*/
/*.tabbox .tabcon .toolcon i{color: #78798e;font-size:1.35em;margin: 0 8px; cursor: pointer;}*/
/*.tabbox .tabcon .toolcon i:hover{color:#fff;}*/

.upgrade{width:100%;margin:0 auto;height:100%; background-color:white; box-sizing: border-box; }
.upgrade > .title{height:36px; line-height: 36px;background-color: #f2f5f8; color: #76b68e; padding-left: 15px; font-weight: bold;}
.upgrade > .con{width:100%;height:calc(100% - 36px);padding: 15px; box-sizing: border-box; overflow: auto}

#modal_alarm  .alarmicon{width:100%; margin: 0 auto; text-align: center; font-size:5em; color: #ffb80f;}
#modal_alarm .alarmcon{width:100%; margin: 0 auto; text-align: center;}


.webcloud_title{width:100%; height:32px; margin: 0 auto;}
.webcloud_titlel{float:left;color: #66b590; font-size: 1.2em; line-height:32px; height:32px; margin-left: 8px}
.webcloud_titler{float:right;line-height:32px; height:32px;}
.webcloud_titler > ul{list-style: none; margin: 0; padding: 0;}
.webcloud_titler > ul > li{
	width:22px;
	height:22px;
	border-radius: 5px;
	background-color: #66b590;
	margin: 5px 7px 0 7px;
	float: left;
	text-align: center;
	vertical-align: middle;
	line-height: 22px;
	color: #fff;
	cursor: pointer;
}
.webcloud_titler > ul > li:hover{background-color: #ffa200}
.webcloud_con{
	width:100%;
	margin: 0 auto;
	height:-webkit-calc(100% - 40px);
	height:-moz-calc(100% - 40px);
	height:calc(100% - 40px);
}
.box-type-hint {
	width: 100%;
	height: 100%;
	background: #f3f3f4;
	margin: 0 auto;
	text-align: center
}

.box-type-hint span {
	display: block;
	font-size: 32px;
	color: #565557;
	padding: 10px;
	padding-top: 20%;
}

#cloudFrame{
	height:100%;
	width:100%;
	display: block;
	margin: 0 auto;
}

/*云组态下拉菜单*/
.cloudcon{
	width:192px;
	position: absolute;
	top:27px;
	right:8px;
}
.cloudcon > div{margin: 0; padding: 0; margin: 0 auto;}
.cloudcon > div > img{display: block;}
.cloudconlist{width:100%;background-image: url(../img/new_serverbj3.png);}
.cloudconlist > ul{list-style: none; width:76%; margin: 0 auto; padding: 0; padding-bottom: 10px;}
.cloudconlist > ul > li{margin: 0; padding: 0;height:40px;color: #8e8e8e;cursor: pointer; text-align: left; line-height: 40px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

.cloudconlist > ul > li > a{color: #8e8e8e;}


.cloudconlist > ul > li:hover a{color: #000;}
.cloudconlist > ul > li > i{margin-right:5px;}

/*.nowebcloud{*/
	/*font-size:1.6em;*/
	/*text-align:center;*/
	/*width:50%;*/
	/*margin: 0 auto;*/
/*}*/
/*.nowebcloud img{width:22%}*/

.nowebcloud{
	text-align:center;
	width:50%;
	margin: 0 auto;
}

.gcss:hover,.gcss:active,.gcss:visited,.gcss:link{text-decoration: none;}

.cloudedit:hover,.cloudedit:active,.cloudedit:visited,.cloudedit:link{color:#fff;}
.cloudunclick{pointer-events: none; background-color: #d3d3d3 !important;}

.linkgreen:active,.linkgreen:visited,.linkgreen:link{color:#67b490; text-decoration: none; float: right}
.linkgreen:hover{color:#000; text-decoration: underline}

.selectmapindex{background-color: #fff;border-radius:3px; margin-right:10px;text-align: center;display: inline;padding: 3px;float: right; border: solid 1px #e1e1e1; margin-top: -5px;}



/*模板模块的样式*/
.mobansearch > .search{
	width:195px;
	height: 34px;
	background-color:#333741;
	border-radius:22px;
	margin: 0 auto;
}
.mobansearch > .search > div{float: left;height:34px}
.mobansearch > .search > .text{width:158px; box-sizing: border-box;padding-left:20px ;}
.mobansearch > .search > .text > input{width:100%;height:28px; line-height: 26px; border: 0; background: none; margin-top:3px;color:#fff;outline:0px;}
.mobansearch > .search > .text > input:focus{border: none;}
.mobansearch > .search > .btn{width:37px; text-align: left; height: 34px;  box-sizing: border-box;padding-left:9px;cursor: pointer;}
.mobansearch > .search > .btn:hover{color:#66b590}

.mobanlist{height:200px;width:100%; margin: 0 auto}
.mobanlist ul{list-style: none; margin:0; padding: 0}
.mobanlist ul li{margin:0; padding:0; box-sizing: border-box}

.mobanlist ul li a{height:37px; line-height:37px;color:#fff; font-size: 1.1em; margin: 0 16px; text-decoration: none; display: block}
.mobanlist ul li a.active{background:url(../img/off.png) top right no-repeat;background-position: 100% 0%;color:#fff;height:37px; line-height: 37px;}
.mobanlist ul li a.inactive{background:url(../img/on.png) top right no-repeat;background-position: 100% 0%;color:#fff;height:37px;line-height: 37px;}

.mobanlist ul li a span{ display: inline-block}
.mobanlist ul li a span.groupicon{width:20px; vertical-align: top}
.mobanlist ul li a span.groupname{width:158px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

.mobanlist ul li ul{list-style: none; margin: 0; padding: 0; display: none;}
.mobanlist ul li ul li{margin:0; padding:5px 15px 5px 40px; cursor: pointer}
.mobanlist ul li ul li:hover{background-color: #000}
.mobanlist ul li ul li:hover div.name{color: #66b590}

.mobanlist ul li ul li div.name{color: #888a93;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.mobanlist ul li ul li div.tool{color:#5c5e65; margin-top: 2px;}
.mobanlist ul li ul li div.tool span.line{margin: 0 3px}
.mobanlist ul li ul li div.tool i:hover{color:#fff; cursor: pointer}



/*针对弹框中的表格中控件的样式*/
.edittable .inputcss{box-shadow: none;border-radius: 0px;border: 1px solid #e5e6e7;width: 80%}
.edittable .inputcss:focus{outline:solid 1px #66b590;}

.tabindexalarm i{color:#66b590; margin: 0 8px; cursor: pointer}
.tabindexalarm i:hover{color:#000}

.normalinput{box-shadow: none;border-radius: 0px;border: 1px solid #e5e6e7;width:50%;height:32px; line-height: 32px;}
.normalbtn{height:32px; line-height:32px;border: 0; border-radius:4px;  background-color:#67b490;color:white; padding: 0 10px}

/*模板公共菜单页*/
.moban_menu{
	width:100%;
	height:72px;
	margin: 0 auto;
	border-radius:5px ;
	background-color: #fff;
	border: solid 1px #eceff2;
	box-sizing: border-box;
}
.moban_menu ul{list-style: none; margin: 0; padding: 0;}
.moban_menu ul li{
	margin:0;
	padding: 0;
	text-align: center;
	float: left;
	height:72px;
}
.moban_menu ul li{
	cursor: pointer;
	border-right:solid 1px #edf0f3;
	box-sizing: border-box;
}
.moban_menu ul li:last-child{border:none; cursor: default}

.moban_menu ul li a{
	color:#000;
	text-decoration: none;
	display: block;
	width:100%;
	height: 100%;
}
.moban_menu ul li a i{font-size:1.6em;color:#66b590; margin-top:11px;}
.moban_menu ul li span{
	display: block;
	height:16px;
	line-height:16px;
	margin-top:6px;
}
.moban_menu ul li:not(:last-child):hover{
	background-color: #66b590;
	color:#fff;
}
.moban_menu ul li:hover a,.moban_menu ul li:hover a i{color:#fff}

.moban_menu ul li a.active{
	background-color: #66b590;
	color:#fff;
}
.moban_menu ul li a.active,.moban_menu ul li a.active i{color:#fff;}

.mblititle{text-align:right;}
.mblititle div{display: inline-block;margin: 0;height:40px;line-height:40px; float:right; margin-right: 20px; margin-top: 15px;}
.mobanfb{ background-color: #66b590; color: #fff; border-radius: 5px;  text-align: center; cursor: pointer; padding: 0 15px;}
.mobanfb:hover{background-color: #507d61}
.mobanhis{color:#67b490; text-decoration:underline; cursor: pointer}
.mobanhis:hover{color:#507d61; text-decoration: none;}

/*模板基本信息*/
.mbinfototal{width:100%; margin: 0 auto; padding: 0 9px;  box-sizing: border-box; height: 128px;}
.mbinfototal > div{
	width:-webkit-calc((100% - 90px)/4);
	width:-moz-calc((100% - 90px)/4);
	width:calc((100% - 90px)/4);
	background-color: #8693f3;
	height:118px;
	margin: 0 9px;
	float: left;
	border-radius: 5px;
}
.mbinfototal > div > div{color: #fff; width:93%;}
.mbinfototal > div > div:first-child{margin: 12px 0 0 14px; opacity: 0.7}
.mbinfototal > div > div:last-child{width:100%; text-align: center; margin-top:6px;}
.mbinfototal > div > div:last-child span:first-child{font-weight: bold; font-size: 3em;}

.mbinfotitle{width:70%; margin: 0 auto; margin-top: 28px; margin-bottom: 20px; text-align: left;  border-bottom: solid 1px #dadada; height: 40px; line-height: 40px; padding-left:12%; box-sizing: border-box; color: #66b590; font-size: 1.2em}
.mbinfocon{ margin: 0 auto;word-wrap:break-word !important;word-break:break-all !important;}
.mbinfocon td{text-align: left; padding: 15px;color: #000;border-bottom: dashed 1px #dadada;word-wrap:break-word !important;word-break:break-all !important;}
.mbinfocon tr td:first-child{color:#858585; text-align: right}


.tableformb{width:100%; margin: 0 auto}
.tableformb td{padding:8px;}


.moban_con{
	width:100%;
	margin: 0 auto;
	height:-webkit-calc(100% - 80px);
	height:-moz-calc(100% - 80px);
	height:calc(100% - 80px);
	border-bottom: solid 1px #eceff2;
	box-sizing: border-box;
	background-color:#f2f5f8;
	padding:8px;
}


.mobansetmenu{width:100%; margin:0 auto; padding: 0}
.mobansetmenu ul{ list-style:none; margin:0 auto; padding:0; margin-left:30px;}
.mobansetmenu ul li {height:36px;line-height:36px;text-align:center;float:left; cursor: pointer;color: #000; padding: 0 15px}
.mobansetmenu .active {color: #66b590; background-color: #fff; border-radius: 5px 5px 0 0; }

.mobanset{
	width:100%;
	margin: 0 auto;
	height:-webkit-calc(100% - 36px);
	height:-moz-calc(100% - 36px);
	height:calc(100% - 36px);
	box-sizing: border-box;
	background-color:#fff;
	padding: 8px;
}

.cloudlistnone{display: none; color: #000;}

.mobanglobal{padding: 15px; border-bottom: dashed 1px #dadada; width:95%; margin: 0 auto}
.mobanglobal .title{font-size: 1.2em; font-weight: bold; color:#76b68e;}
.mobanglobal .content{margin:8px 0}
.mobanglobal input{border: solid 1px #dadada;}

.alarm_ij .inputcss:focus{outline:solid 1px #66b590;}

.roleleft{
	width:20%;
	background-color:#f8f8f8
}
.roleleft .title{height:32px; line-height: 32px; margin: 0 auto; margin-top: 8px;}
.roleleft .title span:first-child{font-size: 1.3em; font-weight: bold; color:#000; margin-left: 15px;}
.roleleft .title span:last-child{color: #76b68e; cursor: pointer; margin-right: 15px;}
.roleleft .con ul{list-style: none;margin:0; padding: 0}
.roleleft .con ul li{height:40px; line-height: 40px; border-bottom: solid 1px #e4e4e4; cursor: pointer}
.roleleft .con ul li .pull-left{margin-left: 15px;}
.roleleft .con ul li .pull-right{margin-right: 15px;}
.roleleft .con ul li .pull-right span{font-size:1.1em;color:#0e533a; cursor: pointer; display: none;}
.roleright{
	width:80%;
	border: solid 5px #f8f8f8;
	border-left:none;
	box-sizing: border-box
}

.roledetail_title{width:88.5%; margin: 0 auto;height:48px;  border-bottom: solid 1px #e2e2e2; margin-bottom:20px;padding-left: 48px; padding-top: 4px;}
.roledetail_con {
	width:92%;
	height:-webkit-calc(100% - 186px);
	height:-moz-calc(100% - 186px);
	height:calc(100% - 186px);
	box-sizing: border-box;
	margin: 0 auto
}
.roledetail_con .pull-left{width:50%;height:100%;border-right:solid 1px #e2e2e2; box-sizing: border-box}
.roledetail_con .pull-right{width:50%;height:100%;}
.roledetail_con p{font-size: 1.3em;font-weight: bold; color:#000000;margin: 0 0 5px;}
.roledetail_con table tr td:first-child{ text-align: right;}
.roledetail_con table tr td:last-child{text-align: left; padding-left:12px;}

/*帐号多级列表*/
.roleuserlist > table > th,.roleuserlist > table > td{text-align: center}
.roleuserlist table span.treeicon{color: #18a689;border: 1px solid #18a689;width: 13px;height: 13px;display: inline-block;text-align: center;border-radius: 50%;vertical-align: middle;line-height:11px;cursor: pointer;background: #fff; margin-right: 3px}
.roleuserlist table tr.user2{ background-color: #f6f6f6;}
.roleuserlist table tr.user3{ background-color: #f5fbf9;}
.roleuserlist table tr.user4{ background-color: #fffbf2;}
.roleuserlist table tr.user5{ background-color: #f3fff2;}
.roleuserlist table tr.user2 td:first-child>span{margin-left:10px;}
.roleuserlist table tr.user3 td:first-child>span{margin-left:20px;}
.roleuserlist table tr.user4 td:first-child>span{margin-left:30px;}
.roleuserlist table tr.user5 td:first-child>span{margin-left:40px;}

/*屏数据查看*/
.hmidata_left{
	width:-webkit-calc(20% - 12px);
	width:-moz-calc(20% - 12px);
	width:calc(20% - 12px);
	float: left;
	margin: 12px 12px 0 0;;
	border: solid 1px #e1e1e1;
	box-sizing: border-box;
}
.hmidata_right{
	width:80%;
	float:right;
	margin-top: 12px
}
.hmidata_left .title{background-color: #e7e7e7; color: #76b68e;width:100%;height:36px; line-height: 36px; padding-left: 20px; font-weight: bold;}
.hmidata_left .con{width:100%;overflow: auto;}
.hmidata_left .con ul{list-style: none;margin: 0; padding: 0}
.hmidata_left .con ul li{height:36px; line-height: 36px; border-bottom: solid 1px #ececec; padding-left: 20px; cursor: pointer}
.hmidata_left .con ul li.active{background-color: #76b68e;color:#fff}

.roleuser_btn{margin:0;padding:0;}
.roleuser_btn i{margin:0 4px !important;font-size: 1.2em;padding:0 !important;color:#76b68e;cursor: pointer }

.btnunclick{pointer-events: none; color: #d3d3d3 !important;}
.btnunclick1{pointer-events: none; background-color: #d3d3d3 !important;color:#fff}
.bjhui{background-color: #efefef;}

.sharedetail_head span{display:inline-block}


.btnunclick_dot{
	display: inline-block;
	padding: 0.45em 1.1em;
	/*border: 1px solid;*/
	border-radius:3px;
	vertical-align: bottom;
	font-weight: inherit;
	/*border-color: #208000 #1F7F00;*/
	pointer-events: none;
	background-color: #d3d3d3 !important;
	/*box-shadow: inset 0 0 1px rgba(255,255,255,.6), 0 1px #8DBF62;*/
	color: #fff;
	/*text-shadow: 0 -1px #137900;*/
	margin: 0 auto;
	display: none;
}
dot {
	display: inline-block;
	height: 1em; line-height: 1;
	text-align: left;
	vertical-align: -.25em;
	overflow: hidden;
}
dot::before {
	display: block;
	content: '...\A..\A.';
	white-space: pre-wrap;
	animation: dot 2s infinite step-start both;
}
@keyframes dot {
	33% { transform: translateY(-2em); }
	66% { transform: translateY(-1em); }
}

.hmidata_left .con ul li.active{ background-color: #76b68e;color:#fff}


.mbhis_ver{width:100%;height:72px; margin: 0 auto;}
.mbhis_ver .vername{float:left; height:72px;line-height:72px; margin-left:30px;font-size:1.2em;}
.mbhis_ver .verbtn{float: right; height:72px;line-height:72px;margin-right:30px;}
.mbhis_ver .verbtn span:not(:nth-child(2)){ color:#67b490;cursor: pointer}
.mbhis_ver .verbtn span:not(:nth-child(2)):hover{ color:#000}