@charset "utf-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, 
acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, 
strong, sub, sup, tt, var, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, 
legend, table, caption, tbody, tfoot, thead, tr, th, td ,input{
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
}
html,body{
	height:100%;
}
body {
	min-height:100%;
	font-size: 14px;
	font-family: Arial,"微软雅黑";
	color: #231815;
}
table{
	width:100%;
	border-collapse:collapse; 
	table-layout: fixed;
	word-break:break-all;
}
tr,td,th{
	height:35px; 
	padding:0 2px;
	text-align:left;
	font-weight:normal; 
	text-decoration:none;
	border-collapse:collapse; 
}
td{
	font-size:12px;
}
#vlanTable td{
	word-break: break-all; 
	word-wrap:break-word;
}
td input,td select{
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:middle;
	width:100%;
}
li {
	list-style-type: none;
}
a{
	text-decoration: none;
	color:#c9caca;
}
a:hover{
	color:#fff;
}
*:focus { 
	outline:0;
}
td[title],div[title],span[title]{
	cursor: default;
}
td>div,td .dropHeader,/*td input,*/td[title],div[title],span[title]{
	white-space: nowrap; 
	text-overflow: ellipsis;
	overflow: hidden;
}
td .dropListBox{
	overflow: visible;
}
pre{
	font-family: Arial,"微软雅黑";
}
.vMiddle{
	vertical-align: middle;
}
.lineHeight{
	line-height:100% !important;
}
/*清除浮动*/
.clearfix {
	zoom: 1;
}
.clearfix:before,.clearfix:after {
	display: block;
	clear: both;
	height: 0;
	font-size: 0;
	overflow: hidden;
	content: "";
}
input,textarea,select,input:focus,textarea:focus,select:focus{
	border:none;
}
input[disabled=disabled]{
	color:#231815;
}
input:-webkit-autofill{ 
	-webkit-box-shadow: 0 0 0px 1000px white inset;
	border:1px solid #666 !important;
}
/*清楚IE10,11中，去除文本输入框的叉号和密码输入框中的眼睛符号*/
input::-ms-clear,input::-ms-reveal{
	display:none;
}
button,input[type="button"],input[type="submit"],input[type="checkbox"]{
	line-height: normal !important;/*保证所有浏览器的按钮的行高一样*/
	*overflow:visible;/*解决ie7按钮变长的bug*/
}
input[type="submit"]{
	border:inherit;
}
input[type="file"]{
	color:#ccc;
}
.tc{
	text-align:center !important;
}
.tl{
	text-align:left !important;
}
.tr{
	text-align:right !important;
}
.fl{
	float:left !important;
}
.fr{
	float:right !important;
}
.relative{
	position:relative !important;
}
.none{
	display: none !important;
}
.marginTop15{
	margin-top: 15px !important;
}
/*强制换行*/
.wordBreak{
	word-wrap: break-word;
    word-break: break-all;
}
/*ie输入框清楚眼睛和叉叉*/
::-ms-clear,::-ms-reveal{
	display: none;
}
input[disabled]{
	color:#231815;
	background:transparent;
}
.listTitle [class^="icon"],.listTitle [class*="icon"] {
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:middle;
	width:30px;
	height:30px;
	background-repeat:no-repeat;
}
.subNav [class^="icon"],.subNav [class*="icon"] {
	display: block;
	width:50px;
	height:50px;
	margin: 0 auto 4px auto;
	background-repeat:no-repeat;
}
[class^="miniIcon"],[class*="miniIcon"] {
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:middle;
	width:20px;
	height:20px;
	background-repeat:no-repeat;
	cursor: pointer;
}
[class^="deviceIcon"],[class*="deviceIcon"]{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
	width:45px;
	height:45px;
	margin-left:20px;
}
/*内容页面*/
.listTitle,.headerBox{
	width:1000px;
	margin:0 auto;
}
.iconBlueLogo{
	display:inline-block;
	*display: inline;
	*zoom: 1;
}
.leftHeader .logoName{
	margin-top:3px;
	color:#fff;
}
.rightHeader{
	float:right;
}
.iconLogout{
	display:inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
	width:22px;
	height:22px;
	margin-left:25px;
	background:url(../images/logout.png) no-repeat;
}
.iconTip{
	display:inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
	width:29px;
	height:20px;
	background:url(../images/tip.png) no-repeat;
}
.tipNum{
	display:inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
	width:18px;
	height:18px;
	line-height:18px;
	margin-left:2px;
	text-align:center;
	border-radius:100%;
	color:#fff;
}
.listBox{
	height:50px;
	line-height:50px;
	/*box-shadow:0 2px 5px #ccc;
	background:#eee;*/
}
.iconStatus{
    background-position: 0 0;
}
.iconAccess{
    background-position: -30px 0;
}
.iconConClient{
    background-position: -60px 0;
}
.iconConDevice{
	background-position: -90px 0;
}
.iconConTerminal{
	background-position: -120px 0;
}
.iconConInfo{
	background-position: -150px 0;
}
.iconConDemo{
	background-position: 0 -30px;
}
.iconConImage{
	background-position: -30px -30px;
}
.iconConLog{
	background-position: -60px -30px;
}
.iconConBase{
	background-position: -90px -30px;
}
.iconConNet{
	background-position: -120px -30px;
}
.iconConUpgrade{
	background-position: -150px -30px;
}
.iconConOther{
	background-position: 0 -60px;
}
.iconConOn{
	background-position: -30px -60px;
}
.iconConOff{
	background-position: -60px -60px;
}
.iconConMap{
	background-position: -90px -60px;
}
.iconConWizard{
	background-position: -90px -60px;
}
.listName{
   display:inline-block;
   *display: inline;
	*zoom: 1;
   vertical-align:middle;
   margin-left:5px;
   font-size:20px;
}
/*二级导航*/
.iconSys{
	background-position:0 -50px;
}
.iconInsert{
	background-position:-50px -50px;
}
.iconClient{
	background-position:-100px -50px;
}
.iconDevice{
	background-position:-150px -50px;
}
.iconTerminal{
	background-position:-200px -50px;
}
.iconInfo{
	background-position:-250px -50px;
}
.iconPattern{
	background-position:-300px -50px;
}
.iconMirror{
	background-position:-350px -50px;
}
.iconLog{
	background-position:0 -150px;
}
.iconBase{
	background-position:-50px -150px;
}
.iconNet{
	background-position:-100px -150px;
}
.iconUpdate{
	background-position:-150px -150px;
}
.iconOther{
	background-position:-200px -150px;
}
.iconOnline{
	background-position:-250px -150px;
}
.iconOffline{
	background-position:-300px -150px;
}
.iconMap{
	background-position:-350px -150px;
}
.iconTheme{
	background-position:-400px -150px;
}
.iconAdManage{
	background-position:-450px -50px;
}
.iconAdCount{
	background-position:-450px -100px;
}
.iconMessage{
	background-position:0 -250px;
}
.iconAdTheme{
	background-position:0 -90px;
}
.subList.selected .iconSys,.subList:hover .iconSys{
	background-position:0 0;
}
.subList.selected .iconInsert,.subList:hover .iconInsert{
	background-position:-50px 0;
}
.subList.selected .iconClient,.subList:hover .iconClient{
	background-position:-100px 0;
}
.subList.selected .iconDevice,.subList:hover .iconDevice{
	background-position:-150px 0;
}
.subList.selected .iconTerminal,.subList:hover .iconTerminal{
	background-position:-200px 0;
}
.subList.selected .iconInfo,.subList:hover .iconInfo{
	background-position:-250px 0;
}
.subList.selected .iconPattern,.subList:hover .iconPattern{
	background-position:-300px 0;
}
.subList.selected .iconMirror,.subList:hover .iconMirror{
	background-position:-350px 0;
}
.subList.selected .iconLog,.subList:hover .iconLog{
	background-position:0 -100px;
}
.subList.selected .iconBase,.subList:hover .iconBase{
	background-position:-50px -100px;
}
.subList.selected .iconNet,.subList:hover .iconNet{
	background-position:-100px -100px;
}
.subList.selected .iconUpdate,.subList:hover .iconUpdate{
	background-position:-150px -100px;
}
.subList.selected .iconOther,.subList:hover .iconOther{
	background-position:-200px -100px;
}
.subList.selected .iconOnline,.subList:hover .iconOnline{
	background-position:-250px -100px;
}
.subList.selected .iconOffline,.subList:hover .iconOffline{
	background-position:-300px -100px;
}
.subList.selected .iconMap,.subList:hover .iconMap{
	background-position:-350px -100px;
}
.subList.selected .iconTheme,.subList:hover .iconTheme{
	background-position:-400px -100px;
}
.subList.selected .iconAdManage,.subList:hover .iconAdManage{
	background-position:-450px 0;
}
.subList.selected .iconAdCount,.subList:hover .iconAdCount{
	background-position:-450px -150px;
}
.subList.selected .iconMessage,.subList:hover .iconMessage{
	background-position:0 -200px;
}
/*内容区域*/
.conBox{
	width:1000px;
	margin:0 auto;
}
.tabHeader{
	padding:20px 0;
	color:#fff;
	overflow:hidden;
}
.tabName{
	float:left;
	/*background:#898989;*/
}
.addBtn{
	float:right;
}
.tabName,.addBtn{
	/*margin-right:15px;
	padding:3px 10px;
	border-radius:5px;*/
	cursor: pointer;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.tabName:hover,.addBtn:hover{
	opacity: 0.8;
}
.iconAdd{
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:middle;
    width:15px;
    height:15px;
    margin-right:5px;
    background:url(../images/add.png) no-repeat;
}
.inlineBlock,.outerProcess,.pName,.pPercent,.secLoginLeft,.secLoginRight,.showFileName,.deviceInfo .editMapItem{
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:middle;
}
.moreBtn{
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:middle;
    max-width:40px;
	padding:4px;
	border-radius:5px;
	text-align:center;
	color:#fff;
	background:#808080;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
	cursor:pointer;
}
.tabRight{
	float:right;
}
.searchBox,.tabRight .btnGray{
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:middle;
	margin-left:15px;
}
.miniIconGroup{
	background-position:-20px 0;
}
.inputSearch{
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:middle;
	width:130px;
	height:23px;
	padding:0 5px;
	border:1px solid #e5e6e6;
	background:#f3f3f3;
}
.search{
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:middle;
	width:20px;
	height:20px;
	background-repeat:no-repeat;
	background-position:0 -180px;
	cursor: pointer;
}
.btnGray,.btnBlue{
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:middle;
    padding: 3px 10px;
    border-radius: 1px;
    color: #fff;
    cursor: pointer;
}
/*.btnGray{
	background:#808080;
}*/
 .miniIconAdd{
 	background-position:-60px 0;
 }

 .subTable th{
 	line-height:100%;
 	border-bottom:none;
 }
/* .subTable td{
 	white-space: nowrap;
 	overflow: hidden;
 	text-overflow: ellipsis;
 }*/
 .areaName{
 	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:middle;
	font-size:16px;
 }
 .miniIconType{
 	background-position:-80px 0;
 }
 .miniIconStatus{
 	background-position:0 -40px;
 }
 .miniIconEdit{
 	width:16px;
 	height:17px;
 	margin-left:-2px;
 	background-position:-80px -40px;
 }
 .miniIconWire{
 	background-position:-40px -60px;
 }
.inputBox.selected .miniIconEdit{
	position:absolute;
	right:0;
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:middle;
 	background-position:-60px -40px;
 }
 .inputBox .miniIconEdit{
 	display: none;
 }
 .inputBox.selected input{
 	height:19px;
 	padding-right:16px;
	border-right:0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
 }
 .w50{
 	width:50px !important;
 }
 .w90{
 	width:90px !important;
 }
.miniIconWire{
	width:30px;
	height:20px;
 	background-position: -90px -60px;
 }
.miniIconWire.selected{
  	background-position: -60px -60px;
}
.selectBox select {   
  width:100%;
  height:18px;
  padding-right:18px;
  border:1px solid transparent;
  appearance:none;   
  -moz-appearance:none;   
  -webkit-appearance:none;
   background:url(../images/icon/list.png) no-repeat right center transparent;
}   
.selectBox select::-ms-expand { display: none; }  

.selectBox select.selected{
	border-color:#dad8d8;   
}
.detailInfo{
	padding-left:25px;
}
.detailInfo th{
	font-size:14px;
    border-bottom: 1px solid #d2d2d3;
}
.detailInfo .section{
	padding-left:5px;
	background:#f3f3f3;
}
.detailInfo .dropHeader{
	border-color:#f3f3f3;
}
.scrollBox{
	height:100px;
	overflow-y:auto;
}
.miniIconWait{
	background-position:0 -20px;
}
.miniIconNow{
	background-position:-20px -20px;
}
.miniIconFail{
	background-position:-40px -20px;
}
.miniIconUp{
	background-position:-60px -20px;
}
.miniIconDown{
	background-position:-80px -20px;
}
.miniIconOff{
	background-position:-100px -20px;
}
.miniIconOn{
	background-position:-100px -40px;
}
.miniIconSignal{
	background-position:-20px -40px;
}
.miniIconAdd.open{
	background-position:-40px 0;
}
.miniIconType.open{
	background-position:-100px 0;
}
.miniIconWait,.miniIconNow,.miniIconFail,.miniIconUp,.miniIconDown,.miniIconOff,.miniIconOn,
.miniIconSignal{
	cursor:default;
}
#wrap{
	position:relative;
}
#topic{
	position:absolute;
	top:0;
	left:0;
	width:1000px;
}
.section{
	position: relative;
	padding-top: 37px;
}
.container {
  max-height: 500px;
  min-height: 200px;
  padding-bottom: 5px;
  overflow-y: auto;
}
.thead{
	height:0;
}
.thead th{
  height: 0;
  line-height: 0;
  padding-top: 0;
  padding-bottom: 0;
  color: transparent;
  border: none;
  white-space: nowrap;
}
.thead th div{
  position: absolute;
  background: transparent;
  color: #000;
  top: 4px;
  line-height: 1;
  padding: 9px;
  margin-left: -9px;
}
.detailInfo .container {
  max-height: 300px;
  min-height: 200px;
  overflow-x: auto;
}
.mainInfo{
	position:relative;
}
.optionBox,.optionDetail{
	display:none;
	position:absolute;
	margin-top:5px;
	border:1px solid #e2e1e1;
	background:#fff;
	z-index:1;
	white-space: nowrap;
	overflow:hidden;
}
.optionDetail{
	right:20px;
}
.mainInfo .optionBox{
	left:-34px;
}
.optionDetail{
	width:220px;
}
.optionBox .optionList,.optionDetail .optionList{
	height:16px;
	padding:2px 10px;
	line-height:20px;	
	cursor:pointer;
}
.optionBox .optionList.selected,.optionBox .optionList:hover,.optionDetail .optionList.selected{
	color:#fff;
}
.backClient,.backClient:hover{
	padding-right:10px;
	color:#178dbb;
	text-decoration:underline;
}
.coverBox{
	display:none;
	position:absolute;
	top:0;
	right:0;
	left:0;
	bottom:0;
	background:rgba(255,255,255,0.5);
	/*background:url(../images/coverBg.png) repeat \9;*/
	z-index:2;
}
.coverWrap{
	position:absolute;
	top:50%;
	left:50%;
	width:500px;
	margin-top:-260px;
	margin-left:-250px;
	border:1px solid #d3d4d4;
	background:#fff;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.coverTop{
	height:30px;
	line-height:30px;
	padding:0 10px;
	color:#fff;
	background:#898989;
	overflow:hidden;
}
.close{
	float:right;
	width:15px;
	height:15px;
	margin-top:8px;
	background:url(../images/close.png) no-repeat;
	cursor:pointer;
}
.coverCon{
	padding:35px 20px;	
}
.coverCon .tableWrap{
	max-height:300px;
	overflow-y:auto;
}
.tableGroup th,.tableGroup td,.tableGroup{
	text-align:center;
    border-bottom:1px solid #d3d4d4;
}
.tableGroup td{
    height:50px;
    line-height:50px;
}
.miniIconModify{
	background-position:0 -80px;
}
.miniIconModify:hover,.miniIconModify.selected,.miniIconBlueEdit{
	background-position:-20px -80px;
}
.miniIconNew{
	margin-left:10px;
	background-position:-40px -60px;
}
.miniIconAppend{
	background-position:-20px -60px;
}
.miniIconDel{
	background-position:0 -60px;
}
.btnWrap{
	margin-top:15px;
	text-align:right;
}
.btnWrap .btnGray{
	margin-left:15px;
	border-radius:0;
	padding:5px;
}
.checkBox{
	position:relative;
	width:20px;
	text-align:center;
	overflow:visible;
}
.treeBox .checkBox,.treeNameBox .checkBox,.treeNameBoxByCover .checkBox{
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align: middle;
}
.checkBox label{
	position:absolute;
	top:50%;
	left:50%;
	width:20px;
    height:20px;
    margin-top:-10px;
    margin-left:-10px;
    cursor:pointer;
}
.checkBox input[type="checkbox"]{
	width:10px;
    height:10px;
}
.checkBox label.selected{
	background-position:0 -20px;
}
.markcolor{
	color: #FF0000;
}
/*下拉框*/
.dropListBox,.dropPageBox{
	position:relative;
}
.dropHeader, .dropListBox.selected .dropHeader,.dropPageHeader{
	height:18px;
	line-height:18px;
	padding:0 4px;
	background-repeat: no-repeat;
	background-position: right center;
	cursor:pointer;
}
.dropHeader.selected,.dropListBox.selected .dropHeader,.dropPageHeader,.dropHeader{
	padding-right:18px;
}
.dropBody,.dropPageBody{
	display:none;
	position:absolute;
	max-height:110px;
	top:20px;
	left:0;
	right:0;
	border:1px solid #dad8d8;
	background:#fff;
	z-index:4;
	overflow:auto;
}
.dropList,.dropPageList{
	float: left;
	min-width: 100%;
	height:18px;
	line-height:18px;
	padding: 0 4px;
	white-space: nowrap;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.dropList.selected,.dropList:hover,.dropPageList.selected,.dropPageList:hover{
	color:#fff;
	cursor:pointer;
}
.miniIconDetail{
	background-position:-40px -80px;
}
.miniIconDetail:hover,.miniIconDetail.selected{
	background-position:-20px -140px;
}
.miniIconRemove{
	background-position:-60px -80px;
}
.miniIconRemove:hover,.miniIconRemove.selected{
	background-position:-20px -100px;
}
.optionWrap{
	position:relative;
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:middle;
	overflow: visible;
}
.tabLineHeader{
	margin-top:40px;
	overflow:hidden;
}
.tabTitle{
	float:left;
	padding:8px;
	cursor:pointer;
}
/*.tabTitle.selected{
	border-width:3px 1px 0 1px;
	border-style:solid;
	background:#fff;
}*/
.tabLineBody{
	margin-top:-1px;
	padding-top:25px;
	/*padding-bottom:25px;*/
	border-top:1px solid #e6e6e7;
}
.editLeft{
	width:225px;
	height:300px;
    padding:15px 10px;
	border:1px solid #d3d3d4;
	overflow-y:auto;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.editLeft li{
	margin: auto;
	padding: auto;
}

.btnBox{
	margin:50px 0 20px;
	text-align:right;
}
.miniIconCompile{
	background-position: -80px -80px;
}
/*.LogHeader{
	margin-bottom:20px;
	text-align: right;
}*/
.rightCon .dropListBox,.tabHeader .dropListBox{
	display: inline-block;
	*display: inline;
    *zoom:1;
	width:150px;
	text-align:left;
}
.rightCon .dropListBox{
	width:140px;
}
.rightCon .dropHeader,.pageList .dropHeader,.tabHeader .dropHeader{
	height:18px;
	line-height:18px;
	border:1px solid #d3d3d4;
}
/*.LogHeader .dropHeader{
	height:23px;
	line-height: 23px;
	border:1px solid #d3d3d4;
}*/
.logRank{
	display: inline-block;
}
/*.LogHeader .inputSearch{
	background:#fff;
}*/
.logCon{
	height:400px;
	margin-left:50px;
	padding:20px 50px;
	font-size:12px;
    background:#efeff0;
	overflow-y:auto;
}
.logCon p{
	line-height:1.5;
}
.secContainer{
	margin:35px 0 50px 100px;
}
.secWrap{
	margin-bottom:15px;
	line-height:25px;
	font-size: 12px;
}
.secWrap .leftName{
	display: inline-block;
	*display: inline;
    *zoom:1;
    vertical-align: middle;
	width:190px;
	text-align:right;
}
.secWrap .rightCon{
	display: inline-block;
	*display: inline;
    *zoom:1;
    vertical-align: middle;
    margin-left: 15px;
}
.secWrapView{
	line-height:30px;
	font-size: 13px;
	color:#898989;
	text-align:left;
	margin-top:5px;
}
.secWrapView .leftName{
	display: inline-block;
	*display: inline;
    *zoom:1;
    vertical-align: left;
	margin-left: 15px;
	text-align:left;
}
.secWrapView .rightCon{
	display: inline-block;
	*display: inline;
    *zoom:1;
    vertical-align: left;
}
.inputText,.inputHide{
	width:140px;
	height:22px;
	line-height:22px;
	padding:0 5px;
	border:1px solid #d3d4d4;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.miniIconSave{
	background-position:0 -100px;
}
.miniIconReaet{
	background-position:-100px -80px;
}
.margin15{
	margin-left:15px;
}
.tName{
	max-width:90px;
}
.secContainer .tName{
	text-align: right;
}
.rightCon .inputText,.rightCon .inputHide{
	margin-right:5px;
}
.secMainName{
	margin-bottom:10px;
	font-size:14px;
}
.miniIconDelBlue{
	background-position:-20px -100px;
}
.w55{
	width:55px;
}
.w30{
	width:30px;
}
.vTop{
	vertical-align: top !important;
}
.miniIconAsc{
	background-position: -40px -100px;
}
.miniIconDes{
	margin-left:10px;
	background-position: -60px -100px;
}
.System_Upgrade .secContainer{
	margin-left: 50px;
}
.System_Upgrade .tName{
	margin-bottom:30px;
}
.inputSelect{
	max-width:80px;
    border:1px solid #808080;
}
.tName.selected[disabled="disabled"]{
	border:1px solid #808080 !important;
}
.conTop{
	margin-top:20px;
	padding-top:20px;
	padding-bottom:20px;
}
.conTop .leftName,.conCenter .leftName{
	width:125px;
}
.conTop .container{
	height: 200px;
	background:#efeff0;
}
.imageCon{
	display: none;
	padding:10px 60px;
}
.conCenter{
	margin-top:45px;
}
.cenName{
	margin-bottom:10px;
	font-size:14px;
}
.miniIconHand{
	background-position: -62px -122px;
}
.miniIconView{
	background-position: -40px -122px;
}
.delWrap .miniIconDel{
	background-position: 0 -62px;
}
.updateWrap,.viewWrap,.delWrap{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
	height:20px;
	line-height:20px !important;
	padding:0 1px;
	border-radius:1px;
	color:#fff;
	cursor: pointer;
}
.viewWrap,.delWrap{
	margin-left:2px;
}
button{
	border:0;
}
button span{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
}
button[disabled="disabled"]{
    background: #808080;
    cursor: default;
}
button.btnBlue{
	padding:0 5px;
}
.miniIconLoad{
	background-position:-100px -100px;
}
.miniIconUpfile{
	background-position:-80px -100px;
}
.miniIconRecom{
	background-position:0 -120px;
}
.miniIconReboot{
	background-position:-20px -120px;
}
.miniIconUpdatefire{
	background-position:-80px -120px;
}
/*.body{
	background:#efeff0;
}*/
/*状态页面*/
.statusTop{
	padding-top:30px;
	padding-bottom:25px;
	color:#878787;
	overflow:hidden;
}
.statusTitle{
	float:left;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
	font-size:22px;
}
.statusTime{
	float:right;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
}
.statusBox{
	height:280px;
	overflow:hidden;
}
.unityInfo{
	float:left;
	width:300px;
	height:100%;
}
.unityInfo{
	padding:15px 20px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.personBox{
	position:absolute;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: bottom;
	bottom:0;
	margin-left:5px;
}
.personBox p{
	margin-top:5px;
}
.serverInfo{
	margin-top:10px;
}
.serverName{
	color:#7f8080;
	line-height:1.5;
}
.serverList{
	font-size:12px;
	line-height:2;
}
.runTime{
	font-size:20px;
}
.serverTime{
	font-size:14px;
	line-height:2;
}
.usingBox{
	float:right;
	width:650px;
	height:100%;
	padding:15px 40px;
	color:#7f8080;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	overflow:hidden;
}
.usingInfo{
	float:right;
	height:100%;
}
.chartBox{
	position:relative;
	margin-top:35px;
	width:200px;
	height:200px;
	background:url(../images/rateBg.png) no-repeat;
}
.chartBox #chartCpu,.chartBox #chartMemory{
	width:187px;
	height:180px;
	padding-top:4px;
}
.chartUsing{
	position: absolute;
	width: 80px;
	left: 50%;
	top: 50%;
	margin-top: -15px;
	margin-left: -40px;
	line-height: 30px;
	text-align: center;
	font-size: 30px;
	color: #008cb2;
}
.allInfoBox{
	height:240px;
	margin:35px 0;
	overflow:hidden;
}
.statusWrap{
	width:470px;
	height:100%;
	padding:15px 25px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.serverWrap{
	padding-top:20px;
	overflow:hidden;
}
.deviceNum{
	width:150px;
	height:60px;
	margin-bottom:15px;
	padding:10px;
	color:#7f8080;
	background:#efeff0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.fr .deviceNum:first-child{
	color:inherit;
}
.deviceNumInfo{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
	width: 60px;
    white-space: nowrap;
}
.deviceIconOn{
	background-position:0 0;
}
.deviceIconOff{
	background-position:-45px 0;
}
.deviceIconOnPer{
	background-position:-90px 0;
}
.deviceIconOffPer{
	background-position:-135px 0;
}
.coverSec .leftName{
    width:140px;
}
.coverSec .secWrap{
    margin-bottom:10px;
}
.miniIconCancel{
	background-position: -100px -120px;
}
.miniIconComplete{
	background-position: 0 -140px;
}
.coverConTop .secWrap{
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:middle;
}
.coverConTop .leftName{
	width:50px;
}
.coverConTop{
	margin-bottom:10px;
	border-bottom:1px solid #eceded;
}
.tName:focus{
	border:1px solid #808080 !important;
}
.slider,.amountWrap{
	display: inline-block;
	*display:inline;
	*zoom:1;
}
.slider{
	width:140px;
}
.amount,.amount:focus{
	width:30px;
	border:1px solid #808080;
}
.amountWrap{
	margin-left:15px;
}
/*编辑组，树形结构*/
.treeBox{
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:middle;
	width:220px;
	height:350px;
	padding:15px 10px;
	border:1px solid #ccc;
	font-size:12px;
	overflow-y:auto;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.secondBox > li{
	margin-top:5px;
}
.secondBox .shrinkIcon{
	width:40px;
	height:35px;
}
.shrinkIcon{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
	margin-left: 5px;
	margin-right: 5px;
	width: 40px;
	height: 14px;
	cursor: pointer;
}
.foldIcon{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
	margin-left: 5px;
	margin-right: 5px;
	width: 40px;
	height: 33px;
	cursor: pointer;
}
.treeBox li span,.zoneName{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
}
.thirdBox li span,.thirdBox .checkBox,.zoneName,.zoneName span{
	vertical-align: bottom !important;
}
.secondBox .shrinkIcon.selected {
	width:40px;
	height:35px;
}
.zoneName{
	margin-left:15px;
}
.modifyBox,td .btnBlue span{
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:middle;
}
.modifyBox .secWrap .leftName{
	width:105px;
	white-space:nowrap;
}
.coverBottom {
	margin-top:25px;
	overflow:hidden;
}
.coverBottom .btnBox{
	margin:0;
	float:left;
}
.modifyBox .btnBox{
	margin:20px 0;
}
.modifyBox .btnBox .btnBlue{
	margin-left:15px;
}
.coverWrap.addDeive{
	width:400px;
	height:440px;
	margin-top:-220px;
	margin-left:-200px;
}
.coverDevice{
	width:600px;
	height:540px;
	margin-top:-270px;
	margin-left:-300px;
}
.coverDevice .container{
	max-height:280px;
}
.coverDevice .btnBox{
	margin-top:20px;
}
.addDeive .container{
	max-height:350px;
}
td .btnGray{
	padding:2px 0 2px 2px;
}
.whiteCon{
	display:none;
}
.outerStatus{
	position:relative;
	margin-top:-15px;
}
.statusRatio{
	position:absolute;
	top: 50%;
	left: 50%;
	width: 100px;
	height: 46px;
	margin-left:-50px;
	margin-top:5px;
	text-align:center;
}
.ratio{
	font-size:25px;
}
.loginOut{
	display:block;
}
.miniIconBlueSave{
	background-position:-40px -140px;
}
.btnUpload,.btnUpgrade,.btnRecovery{
	padding:2px 16px 2px 2px;
    text-align: left;
	color: #fff;
    background-repeat: no-repeat; 
    background-position: right center;
    cursor:pointer;
}
.btnUpload,.btnUpload[disabled]{
	background-image: url(../images/icon/upload.png);
}
.btnUpgrade,.btnUpgrade[disabled]{
	background-image: url(../images/icon/upgrade.png);
}
.btnRecovery,.btnRecovery[disabled]{
	background-image:url(../images/icon/reboot.png);
}
.btnUpload[disabled],.btnUpgrade[disabled],.btnRecovery[disabled]{
	color:#fff;
	background-color: #808080;
	background-repeat: no-repeat;
	background-position: 40px center;
    cursor: default;
}
/*滑块样式修改*/

/*终端列表下线*/
.miniIconOffline{
	background-position:-60px -140px;
}
.miniIconOffline:hover{
	background-position:-80px -140px;
}

.nullBox{
	position: absolute;
	width:200px;
	height:244px;
	top:50%;
	left:50%;
	margin-top:-112px;
	margin-left:-100px;
}
#manualList td/*,.deviceName*/{
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.nowrap{
	white-space: nowrap;
}
.deviceName{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
	max-width: 180px;
}
.miniIconWire.tdma{
	cursor:default;
}
/*page*/
.pageBox{
	margin-top:15px;
	margin-bottom:25px;
	text-align:right;
}
.pageList{
	display: inline-block;
	*display: inline;
	*zoom:1;
	vertical-align: middle;
	margin-left:8px;
}
.pageList .dropPageHeader{
	width:45px;
	padding-right:0;
}
.pageList .dropPageBox{
	text-align: left;
}
.pageList.selected,.pageList.selected:hover{
	cursor: pointer;
}
.pageList.selected:hover{
	text-decoration: underline;
}
/*sort*/
.sort{
	cursor:pointer;
}
.sort:hover{
	text-decoration: underline;
}
.sortDown{
	background: url("../images/icon/sortdown.png") no-repeat right center !important;
}
.circleChart{
	width: 180px;
	height: 180px;
}
.manualContainer{
	max-height: 300px;
}
.multiCheck{
	display: block;
    width: 20px;
    height: 20px;
    cursor: pointer;
}
.multiCheck.selected{
    background-position: 0 -20px;
}
.windowBox{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 500px;
    height: 140px;
    margin-top: -70px;
    margin-left: -250px;
    border: 1px solid #d3d4d4;
    background: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.btnWinBox{
	margin-top: 20px;
    text-align: center;
    overflow: hidden;
}
.btnWinBox .btnBlue{
	margin-left: 15px;
}
.windowBox .coverCon{
	padding: 15px 20px;
}
.vapTotal{
	display: none;
}
.devType,.modelName{
	max-width: 80px;  
    height: 18px;
    line-height: 18px;
}
.firstBox{
	margin-bottom:15px;
}
.editGroup{
	display: block;
}
.innerName{
	margin-left:30px;
}
.groupName{
	max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.editGroupWrap{
	width:540px;
	margin-left:-270px;
}
#delGroupBox .windowBox{
	height:160px;
	margin-top:-80px;
}
.terStatistics .statusWrap{
	background:#efeff0;
}
/*日历，进度条*/
.date,.date:focus{
	width:80px;
	padding-left:5px;
	padding-right:5px;
	border-radius:5px;
	border: 3px inset #fff;
}
.ui-datepicker-calendar tr,.ui-datepicker-calendar td,
.ui-datepicker-calendar th{
	height:20px;
}
.chartContain{
	margin-bottom:10px;
	/*padding:15px 25px 10px 25px;*/
	padding:15px;
	background:#efeff0;
}
.secBox{
	margin-top:15px;
}
.secBox .btnGray{
	cursor: pointer;
}
.listProcess{
	height:15px;
	line-height:15px;
	margin-bottom:15px;
}
.outerProcess{
	width:300px;
	height:10px;
	background:#dcdddd;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.innerProcess{
	height:100%;
}
.pName{
	width:60px;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.pPercent{
	margin-left:15px;
}
.lineChart{
	width:100%;
	height:320px;
	padding-top:10px;
	/*padding-left:10px;
	padding-right:10px;*/
	/*-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;*/
}
.secBox .dropHeader{
	background-color: #fff;
	cursor: pointer;
}
.macwrap{
	height:25px;
}
/*日历图标*/
.ui-icon, .ui-widget-content .ui-icon,.ui-widget-header .ui-icon{
	background-image: url("../images/date.png") !important;
}
.ui-icon-circle-triangle-w{
	background-position:0 0 !important;
}
.ui-icon-circle-triangle-e{
	background-position:-15px 0 !important;
}
.ui-icon{
	width:15px;
	height:15px;
}
.ui-datepicker td span, .ui-datepicker td a{
	text-align: center !important;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{
	color: #fff !important;
}
.miniNullData{
	text-align: center;
    margin-top: 25px;
    color: #ccc;
}
.miniNullData>img{
	margin-bottom:10px;
}
#userBox .miniNullData{
	margin-top:10px;
}
.conTop td,.conCenter td{
	padding-top: 2px;
	padding-bottom: 2px;
}
/*文件file样式*/
.file .btnBlue{
	padding:0 6px;
	line-height:1.9;
}
.file .inputFile {
    position: absolute;
    top:0;
    left:0;
    width:60px;
    font-size:16px;
    opacity: 0;
    filter:Alpha(Opacity=0);
}
.file:hover {
    color: #ccc;
    text-decoration: none;
}
.showFileName,.showFileName[disabled]{
	width:180px;
	color:#ccc;
}
.miniIconImport{
    background-position: -100px -140px;
}
.offMapWrap .tabHeader{
	color:#000;
	overflow: visible;
}
.imgShowBox{
	position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -260px;
    margin-left: -310px;
    width: 620px;
    height: 520px;
    text-align: center;
    background:#eee;
}
.msgShowBox{
	position: absolute;
    top: 40%;
    left: 50%;
    margin-top: -260px;
    margin-left: -210px;
    width: 470px;
    height: 330px;
    text-align: center;
    background:#eee;
}
/*.imgClose{
	width:100%;
	height:30px;
}
.whiteClose{
	position:absolute;
	top:2px;
	right:10px;
	width:25px;
	height:25px;
	background:url(../images/whiteClose.png) no-repeat;
	cursor:pointer;
}*/
.deviceInfo .leftName{
	width: 105px;
}
.deviceInfo .secWrap{
	position: relative;
	margin-bottom:0;
	margin-top:10px;
}
.deviceInfo input{
	border:1px solid #000;
}
.deviceInfo .editMapItem{
	margin-left:5px;
	color:#FF0000;
	text-decoration:none;
	cursor:pointer;
}
.deviceInfo .rightCon{
	width: 180px;
	
}
.deviceInfo .hideSSID,.deviceInfo .hideSSIDSelect{
	position:absolute;
	left:120px;
	right:0;
	top:0;
    word-break: break-all;
	z-index:1;
}
.hideSSID .editMapItem,.hideSSIDSelect .editMapItem{
	color:#008cd2;
}
.deviceInfo .hideSSIDSelect{
	/*border:1px solid #ccc;*/
	background:#eee;
}
.deviceInfo .localHide{
	max-width:150px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.conTop td,.conCenter td{
	padding-top: 2px;
	padding-bottom:2px;
}
.miniIconImport{
	background-position:-100px -140px;
}
.miniIconView{
	margin-right:15px;
	background-position:-40px -160px;
}
.miniIconView:hover{
	background-position:-60px -160px;
}
.importFile{
	position:absolute;
	right:100px;
	width:75px;
	height:30px;
	z-index: 1;  
    opacity: 0;  
    filter:alpha(opacity=0);
    cursor:pointer;
}
.importBtn{
	position:absolute;  
	right:100px;
}
.importBtn:hover{
	cursor:pointer;
}
button.importBtn{
	height:27px;
	padding-right:10px;
	padding-left:10px;
}
.importBtn>span{
	font-size:14px;
	font-family: Arial,"微软雅黑";
}
.addUserBox .coverWrap{
	width:400px;
	height:240px;
	margin-left:-200px;
	margin-top:-120px;
}
.addUserBox .coverSec .leftName{
	width:80px;
}
.addUserBox .btnWrap{
	margin-top:20px;
}
.secWrap input[disabled="disabled"]{
	background:#eee;
}
.singleBox,.singleBtn,.thName{
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align: middle;
}
.singleBox{
	margin-right:10px;
}
.singleBtn{
	width:15px;
	height:15px;
}
.whiteContent{
	margin-left:100px;
}
.whiteContent .container{
	max-height:300px;
	min-height:100px;
}
.whiteContent.btnBox{
	margin-top: 20px;
	text-align: left;
}
.whiteContent .inputText[disabled="disabled"]{
	border:0;
}
.inputHide[disabled="disabled"]{
	border:0;
}
.thName{
	margin-right: 75px;
    margin-left: 8px;
}
.ipName{
	width:100px;
}
.ruleList{
	width:150px;
	padding:2px 5px;
	border-right:1px solid #d6d6d6;
	overflow:hidden;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.portName,.ipName{
	float:left;
}
.ruleBox td{
	border-bottom:15px solid #fff;
}
.btnList{
	max-width: 60px;
	margin-bottom:10px;
	padding:3px 10px;
	text-align:center;
	color:#fff;
	background:#c9caca;
}
.ruleBox .btnGray{
	display: block;
	padding:3px 10px;
	max-width:60px;
	margin-top: 5px;
	border-radius:5px;
	text-align:center;
}
.ruleBox .btnWhite,.coverConBottom .btnWhite{
	background:#92c31f;
}
.ruleBox .btnBlack,.coverConBottom .btnBlack{
	background:#e94846;
}
.inputBlue,.inputBlue:focus{
	width:90%;
    border: 1px solid #008cd2;
    padding: 2px 5px;
    box-sizing: border-box;
}
.addControlBox .container{
	max-height:300px;
}
.addControlBox .coverConTop .secWrap{
	margin-bottom:0;
}
.addControlBox .coverConTop{
	border-bottom:0;
}
.coverConBottom{
	margin-top:25px;
	overflow:hidden;
}
.coverConBottom .btnGray{
	margin-right: 10px;
	padding:0 10px;
	border-radius:2px;
}
.secContainer > .tName{
	text-align: right;
}
.addControlBox .coverConTop .leftName{
	white-space: nowrap;
}
.colBox{
	float:left;
	width:30%;
	margin-left:3%;
}
.colBox:first-child{
	margin-left:0;
}
.rowTitle{
	margin-bottom:20px;
	margin-top:20px;
	color:#7f8080;
}
.rowBox .leftName{
	width:100px;
}
.colBox .leftName{
	font-size: 14px;
	text-align: left;
	color: #7f8080;
}
.colBox .pageBox{
	font-size:12px;
    white-space: nowrap;
}
.colBox .pageList{
	margin-left:2px;
}
.colBox .container{
	max-height:350px;
}
.colBox .btnBox{
	margin-top:20px;
}
.colBox .btnBlue{
	padding:1px 5px;
}
.colBox .leftName{
	width:190px;
}
.addRuleBox .secWrap .leftName{
    width: 110px;
}
.addRuleBox .coverWrap{
    width: 400px;
    height: 200px;
    margin-top: -100px;
    margin-left: -200px;
}
.pageOption{
	margin-bottom:10px;
}
.pageOption .pageList{
	margin-left:6px;
}
.btnIcon{
	line-height: 1;
	padding:0 5px;
}
.logoTitle{
	display: none;
}
.thead th div.btnShow{
	font-weight:bold;
	cursor:pointer;
}
.detailInfo .thead th div{
	font-size:12px;
}
.hideSignal{
	height:15px;
}
.btnCompatible{
	position:absolute;
	top:0;
	right:0;
}
.hideWireBox{
	position:absolute;
	padding: 5px;
    left: 28px;
    top: 20px;
    z-index: 1;
    color: #fff;
    width:150px;
}
.hideWireBox .leftName{
	width:72px;
}
.hideWireBox .secWrap{
	line-height:20px;
	margin-bottom:0;
	white-space: normal;
	word-wrap: break-word;
	word-break: break-all;
}
.wire{
	position:relative;
}
.hideWireBox .secWrap .rightCon{
	width:73px;
	margin-left:5px;
}
.hideWireBox.showWireUp{
	top:initial;
	bottom:10px;
}
/*地圖*/
#allmap {
	width: 100%;
	height: 100%;
	font-size:12px;
}
.c_map{
	margin-top:50px;
	padding-bottom:25px;
	background:#fff;
	min-height:500px;
	overflow:hidden;
}
.mapright{
	float:left;
	background:#000;
	min-height:500px;
	width:75%;
}
.offMapWrap .c_map{
	margin-top:30px;
}
/*账户*/
.iconConAcount{
	background-position:-120px -60px;
}
.conBox.accountManagement{
	padding-top:20px;
	padding-bottom:20px;
}
.accountManagement .checkBox,.accountManagement .radioWrap{
	display: inline-block;
	*display: inline;
	*zoom: 1 ;
	vertical-align: middle;
}
.accountManagement .coverCon{
	padding:10px;
}
.accountManagement .coverWrap{
	width:710px;
	height:560px;
	margin-left:-345px;
	margin-top:-280px;
}
.accountManagement .coverSec .leftName{
	position:absolute;
	width:120px;
	white-space:nowrap;
}
.accountManagement .secWrap .rightCon{
	margin-left:125px;
}
.listAuth{
	float:left;
	width:180px;
}

/*radio默认样式修改*/
/*input[type="radio"]   
{   
    display: none;   
}  
input[type="radio"] + label   
{   
    display: inline-block;  
    vertical-align: middle; 
    position: relative;   
    border: 1px solid #C0C1C1;   
    width: 6px;   
    height:6px;   
    line-height: 6px;  
    padding: 2px; 
    border-radius:50%;
}   
input[type="radio"]:checked + label:before   
{   
    content: ' ';   
    font-size: 12px;   
    color: #99a1a7;   
    width: 6px;   
    height: 6px;   
    line-height: 6px;   
    position: absolute;   
    text-align: center;   
    background-color: #008cd2;   
    border-radius:50%;
}   */
.addrInput{
	width:298px;
}
.radio{
	display: inline-block;  
    vertical-align: middle;
	width: 14px;
	height: 14px;
	
}
.radio.selected{
	background-position: 0 -14px; 
}
.radioBox{
	display: none;
}
.accountManagement .rightCon .dropListBox{
	vertical-align: middle;
}
.accountManagement .coverSec .secWrap{
	position: relative;
	margin-bottom: 4px;
}
.iconAccount{
	background-position: -400px -50px;
}
.subList.selected .iconAccount,.subList:hover .iconAccount{
	background-position: -400px 0;
}
.listAuth.listAuthCancel{
	color:#898989;
}
.staListInfo .optionBox{
	right:0;
}
.offMapID .inputText{
	border:none;
}
.dropHeader{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.accountManagement .disable,.dropListBox.disable{
	color:#898989;
}
.listAuth.disable .checkBox label.selected{
	background-position: 0 -40px;
}
.listAuth.disable .radio.selected{
	background-position: 0 -28px;
}
.listAuth.disable .radio,.radioBox.disable .radio{
	background-position: 0 -42px;
}
.disable .dropHeader{
	background-image: url(../images/listGray.png) !important;
}
/*分组显示*/
.structBox{
	position:relative;
	width:100%;
}
.leftBox{
	position: absolute;
	bottom: 0;
	height: 100%;
	width: 12%;
	min-height:200px;
	padding:10px 5px;
	border:1px solid #dddedf;
	border-right:0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	overflow: auto;
}
.rightBox{
	margin-left:12%;
	height: 100%;
	min-height:200px;
	border:1px solid #dddedf;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.listAccount,.subAccountBox,.subAccountBoxByCover{
	margin-left: 5px;
}
.treeName{
	color:#000;
}
.treeName:hover,.treeName.selected{
	text-decoration: underline;
}
.treeName,.treeName:hover{
	cursor:pointer;
}
.leftAccountName{
	margin-left:10px;
	margin-bottom:10px;
}
.treeNameBox,.treeNameBoxByCover{
	white-space: nowrap;
}
.rightAccountCon{
	height: 35px;
    line-height: 35px;
    padding: 0 15px;
    border-bottom: 1px solid #dddedf;
}
#rightAccountInfo >.section >.container{
	max-height:450px;
	height:450px;
}
#rightAccountInfo > .section{
	padding-left:5px;
	padding-right:5px;
}
.shrink{
	position: absolute;
	left: 12%;
	top: 50%;
	width: 10px;
	height: 40px;
	margin-top: -20px;
	background:url(../images/creatcomm/shrinkOuter.png) no-repeat;
	cursor: pointer;
}
.structBox .pageBox{
	padding-right: 15px;
}
/*模板*/
.tabAround.structBox{
	margin-top:40px;
	margin-bottom:20px;
}
.tabAround .tabLineHeader,.periodBox .tabLineHeader{
	margin-top:0;
}
.tabAround .tabLineBody,.periodBox .tabLineBody{
	padding:0 10px;
	border:1px solid #dddedf;
	border-left:0;
}
.tabAround .rightBox{
	border-width: 0 0 0 1px;
}
.addDevByClound .coverWrap,.modifyIpBox .coverWrap{
	height:240px;
	margin-top:-120px;
}
.structBox .coverBox,.structBox .coverWrap,.structBox .windowBox{
	position:fixed;
}
.structBox .secContainer{
	margin-left:15px;
}
.btnBlue.btnText{
	padding: 3px 10px;
}
.coverAccountBox{
	max-height:400px;
	overflow:auto;
}
.manualInfo .coverCon{
	padding:0;
}
.manualInfo .coverWrap{
	width:700px;
	height:600px;
	margin-left:-350px;
	margin-top:-300px;
}
.manualInfo #rightAccountInfo >.section >.container{
	max-height:380px;
	height:380px;
}
.manualInfo .leftBox{
	border-left:0;
}
.manualInfo .rightBox{
	border-right:0;
}
.manualInfo .btnWrap{
	margin-bottom:18px;
	margin-right:10px;
}
.imgWrap{
	width: 100%;
    height: 480px;
    overflow: auto;
}
.msgWrapView{
	width: 100%;
    height: 290px;
    overflow: auto;
}
.rightBox .c_map{
	margin-top:15px;
	padding-left:5px;
	padding-right:5px;
}
.conBox .structBox{
	margin-top:35px;
}
.rightBox .tabHeader{
	padding-left:5px;
	padding-right:5px;
	padding-bottom:0;
}
.rightBox .btnBox.relative{
	padding-bottom:20px;
	margin-right:15px;
}
.conImage{ 
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=image); /* 该对象只用来在IE下获得图片的原始尺寸，无其它用途 */ 
	height: 1px; 
	visibility:hidden; 
	overflow: hidden; 
}
.tName.mainName{
	height: 18px;
}
.staListInfo .optionBox{
	right: 50px;
}
.vapBox .coverWrap{
	width: 780px;
	margin-left: -390px;
}
.vapBox .coverSec .secWrap{
	margin-bottom: 5px;
}
.vapBox .coverCon{
	padding: 15px 10px;
}
.vapBox .coverSec .leftName{
	width: 165px;
}
.vapBox .secWrap{
	line-height: 20px;
}
.vapTip{
	vertical-align: middle;
	font-size:12px;
	color:#898989;
}
.vapBox .secWrap .rightCon{
	margin-left: 10px;
}
.vapBox .coverSec{
	max-height: 500px;
	min-height: 320px;
    overflow-y: auto;
}
.vapBox .btnWrap{
	margin-top: 10px;
}
.disabled{
	background-color: #eee;
}
.marginTop0{
	margin-top:0;
}
.iconConAdManage{
	background-position: -150px -60px;
}
.iconMsgManage{
	background-position: -30px -90px;
}
.conBox>.section,.conBox>.chartContain{
	margin-top:30px;
}
.adCoverBox .coverWrap{
	height:400px;
}
.adCoverBox .btnWrap{
	margin-top:20px;
}
.adTip{
	color:#ccc;
	line-height:1.2;
}
.conBox>.chartContain{
	background: #fff;
}
.demoBox{
	float:left;
	width:320px;
	margin-right:10px;
	margin-bottom:10px;
	background:#efefef;
}
.demoTop{
	height:195px;
}
.demoSection{
	height:160px;
	overflow:hidden;
}
.demoSecCon{
	position:relative;
	width:50%;
	height:100%;
}
/*轮播修改*/
.demoTop.flexslider{
	margin-bottom:0;
}
.demoTop .flex-control-nav{
	bottom:0;
	z-index:2;
}
.flexslider .slides,.flexslider .slides > li{
	height:100%;
}
.flexslider .slides > li{
	background:#efefef;
}
.demoTop .flex-control-paging li a{
	width: 24px;
    height: 6px;
}
.demoTop .flex-control-paging li a.flex-active{
	background: #008cd2;
}
.selectAdBox{
	position: absolute;
    top: 50%;
    left: 50%;
    width: 160px;
    height: 50px;
    margin-left: -80px;
    margin-top: -25px;
    text-align: center;
    color: #ccc;
}
.selectAdBox>p{
	margin-top: 5px;
	font-size: 12px;
}
.demoBg0{
	background: #dcdcdd;
}
.demoBg1{
	background: #f7f8f8;
}
.slides li img,.demoSecCon img{
	max-width: 100%;
	cursor: pointer;
}
.coverBoxByImg.coverBox{
	z-index:3;
}
.coverBoxByImg .coverWrap{
	width:600px;
	height:420px;
	margin-top:-210px;
	margin-left:-300px;
}
.coverBoxByImg .coverSec{
	height:330px;
	overflow-y:auto;
}
.imgList{
	position:relative;
	float:left;
	width:120px;
	margin-left:24px;
	margin-bottom:10px;
}
.imgList img,.demoCon img{
	max-width:100%;
	cursor:pointer;
}
.coverBoxByImg .coverCon{
	padding:10px 0;
}
.coverBoxByImg .btnWrap{
	margin:0 25px;
}
.imgList.bannerImg{
	width:166px;
}
.imgListName{
	height:20px;
	line-height:20px;
	font-size:12px;
	background:#dcdcdc;
}
.imgList.selected .imgListSelect,.imgList:hover .imgListSelect{
	position: absolute;
    width: 100%;
    top: 0;
    bottom: 20px;
    background-color: rgba(0,0,0,0.8);
    background-color: #000 \9;
    background-image: url(../images/selectImg.png);
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
}
.demoMask{
	display: none;
}
.selectDemo:hover .demoMask{
	position: absolute;
	display: block;
	top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.8);
    background-color: #000 \9;
    cursor: pointer;
}
.demoMaskIcon{
    position: absolute;
    bottom: 30%;
    width: 100%;
    text-align: center;
}
.miniIconReplace{
	margin-left: 10px;
	background-position: -80px -160px;
}
.demoTitle{
	padding: 5px 0;
	background: #fff;
	overflow: hidden;
}
.demoTitle .inputText{
	border:1px solid #fff;
}
.w200{
	width:200px;
}
.demoCon{
	position:relative;
	width:100%;
	height:533px;
}
.imgShowByAd.imgWrap img{
	max-width:100%;
}
.imgShowByAd.msgWrapView img{
	max-width:100%;
}
.adCoverBox .coverCon{
	padding-left:10px;
	padding-right:10px;
}
.demoBox .btnBlue{
	padding-left:5px;
	padding-right:5px;
}
.nullTipByImg{  
    position: absolute; 
    width: 100%;
    height: 20px;
    top: 50%;
    margin-top: -10px;
    text-align: center;
    color: #f00;
}
.languageBox{
	margin-bottom: 5px;
	text-align: right;
	font-size: 12px;
}
.languageBox .btnBlue{
	padding: 5px;
	line-height: 1.0;
}
.register,.register:hover{
	font-size: 12px;
	color: #2e7fdb;
}
.register:hover{
	text-decoration: underline;
}
.registerWrap{
	padding-top:30px;
}
.registerWrap .btnWrap{
    margin-left: 208px;
    margin-top: 30px;
}
.reDetail{
	color: #fff;
	font-size: 12px;
}
.registerHeader .logoTitle{
	margin-left: 10px;
	font-size: 20px;
}
.registerHeader .btnBlue{
	line-height: 1.5;
}
.registerWrap .secWrap .rightCon{
	position:relative;
}
.reisterAllTip.grayTip{
	padding-left: 0;
	font-size: 12px;
	color: #ccc;
	background-image: none;
}
.redTip{
	color: #f00;
	background-position: 0 0;
}
.reisterAllTip{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
	padding-left: 25px;
	line-height: 20px;
	background-image: url("../images/reTip.png");
	background-repeat: no-repeat;
}
.rightTip{
	width: 20px;
    height: 20px;
	background-position: 0 -20px;
}
.registerClean{
	display: none;
    position: absolute;
    width: 20px;
    height: 20px;
    right: 5px;
    padding-left: 0;
    top: 0;
	background-position: 0 -40px;
	cursor: pointer;
}
.registerClean:hover{
	background-position: 0 -60px;
}
.redBorderTip{
	border-color:#f00 !important;
}
.registerCon{
	width: 1000px;
	min-height: 620px;
	margin: 0 auto;
}
.registerBtn{
	width:140px;
	height:30px;
}
.checkBox .grayCheck{
	width:20px;
	height:20px;
	background:url(../images/nooption.png) no-repeat;
}
.btnBlue.btnCompatible{
	height: 27px;
	padding: 0 10px;
    line-height: 27px;
}
.spaceBox{
	display: inline-block;
	*display: 1;
	*zoom: 1;
	vertical-align: middle;
	margin-left: 10px;
	color: #ccc;
}
.spaceBox .spaceDistance{
	margin-left:5px;
}
.detailExportBox{
	margin-top: 15px;
	padding-right: 15px;
	text-align: right;
}
.exportBox{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: top;
}
.exportBox > .btnBlue{
	display: block;
	margin-bottom: 2px;
}
.clearBox{
	float:left;
	margin-left:50px;
}
.logClearBox .btnWinBox{
	margin-top: 10px;
}
.chartContain .chartHeader{
	height:70px;
}
.subAccountName{
	padding-left:6px;
}
.dropListBox .inputBox{
    position: absolute;
    right: 16px;
    top: 0;
}
.dropListBox .inputBox>input{
	width: 100%;
	height: 20px;
    padding-right: 0; 
}
.windowBox{
	font-size: 14px;
}
.miniIconNone{
	background-position:-99px -160px;
	cursor: default;
}
.listTd{
	padding-left:4px;
}
.windowBox.windowTipBox{
	line-height:140px;
	border:0;
	text-align:center;
	font-weight:bolder;
	background-color:transparent;
	background-image:url("../images/loadComon.gif");
	background-position: top center;
	background-repeat: no-repeat;
}
.optionMore{
	cursor: pointer;
}
.optionMore:hover{
	text-decoration: underline;
}
.secPeriod{
	font-size:0;
	margin-top:15px;
}
.secPeriod .lefName,.secPeriod .rightCon,.nameByTime,.secTimeWrap,
.tabWeekBody .leftName,.secTime .inputText{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
}
.tabWeekBody .rightCon{
	margin-left:20px;
}
.secTime{
	line-height: 30px;
}
.nameByTime{
	/*width: 30px;*/
	padding:0 10px;
	text-align: center;
}
.secTime .inputText{
	margin-right: 0;
}
.secTimeWrap{
	width: 210px;
	max-height: 160px;
	padding-left: 15px;
	border: 1px solid #000;
}
.tabWeekBody,.tabDateBody{
	height: 290px;
	overflow: auto;
}
.timeModeWrap{
	font-size: 12px;
}
.timeModeWrap .tabLineBody{
	border-right: 0;
	border-bottom: 0;
}
.tabWeekBody .secWrap .leftName{
	width: 40px;
}
.tabWeekBody .secPeriod .rightCon{
	margin-left: 15px;
}
.tabWeekBody .leftName{
	width: 60px;
}
.tabDateBody .date{
	width: 75px;
	border: 1px solid #d3d4d4;
	border-radius: 0;
}
.tabDateBody .rightCon,.tabDateBody .rightCon>.miniIconType,
.tabDateBody .rightCon>.miniIconDelBlue{
	margin-left:5px;
}
.secPeriod .leftName .date,.secPeriod .rightCon .nameByTime,.secPeriod .leftName .splitLineByPeriod
,.tabWeekBody .secPeriod .leftName,.secPeriod .rightCon .inputText{
	font-size: 12px;
}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year{
	vertical-align: middle;
}
.fontSize0{
	font-size: 0;
}
.fontSize0 span{
	font-size: 12px;
}
.fontSize0 .miniIconModify{
	cursor:default;
	background-position: 0 -80px;
}
.registerCon .secWrap{
	margin-bottom:8px;
}
.accountManagement .coverSec{
	max-height:470px;
	overflow-y: auto;
}
/*找回密码*/
.stepBox{
	height: 80px;
	background-color: #f5f5f5;
}
.subStepWrap{
	padding-top:14px;
    text-align: center;
}
.subStepWrap>li{
	position: relative;
	display: inline-block;
}
.subStepWrap>li>div{
	text-align: center;
    position: relative;
    float: left;
    min-width: 56px;
    height: 34px;
    line-height: 30px;
    vertical-align: middle;
}
.subStepWrap>li i{
    font-style: normal;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    background-repeat: no-repeat;
}
.subStepWrap>li>div>i{
	width: 30px;
    height: 30px;
    font-size: 14px;
    line-height: 30px;
    color: #fff;
    background-image: url(../images/back.png);
    background-position: -30px 0;
    background-repeat: no-repeat;
    background-color: none;
}
.subStepWrap>li>i{
    float: left;
    width: 220px;
    height: 2px;
    margin-top: 14px;
    vertical-align: middle;
    background-color: #ededed;
}
.subStepWrap .last>i{
	display: none;
}
.subStepWrap .active>i{
	background-image: url(../images/back.png);
	background-repeat: no-repeat;
	background-color: none;
}
.stepConBox{
    width: 100%;
    min-height: 300px;
    margin-top: 100px;
}
.stepCon{
	width: 350px;
	margin: 0 auto;
}
.stepInput{
	margin-top:10px;
    white-space: nowrap;
}
.stepInput .inputText,.stepConSecond .inputText {
	width: 200px;
	height: 30px;
	line-height: 30px;
}
.stepCon .btnWrap{
	padding-left:5px;
}
.stepConSecond{
	width: 550px;
	margin: 0 auto;
}
.stepConSecond .secWrap{
	font-size: 14px;
}
.stepConSecond .secWrap .leftName{
	width: 145px;
}
.stepConBox .reisterAllTip{
	font-size: 12px;
}
.stepConByFour{
	font-size: 30px;
}
.stepReturn{
    font-size: 16px;
    margin-top: 30px;
    display: block;
    padding-left: 6px;
}
.stepReturn:hover{
	text-decoration: underline;
}
.stepConSecond .rightCon,.stepConSecond .secWrap{
	white-space: nowrap;
}
.stepConSecond .btnWrap {
    margin-left: 165px;
}
.stepConBox .btnWrap {
    text-align: left;
}
.stepConBox .btnWrap,.reisterAllTip.nowrap{
	margin-top: 30px;
}
.structBox .thead th div{
	font-size: 13px;
}
/*日志搜索*/
.upDownHeader{
	height:30px;
	padding: 0 5px;
    color: #fff;
    font-size: 13px;
}
.upDownHeader > div{
	margin-top:4px;
}
.upDownBody .section{
	padding-top:0;
}
.upDownBody .container{
	border: 0;
}
.upDownBody .inputSearch,.upDownBody .inputSearch:focus{
    border: 3px inset #fff;
	border-radius: 5px;
	background: none;
}
.upDownBody .dropListBox{
	width:150px;
}
.upDownBody .container{
	min-height:150px;
}
.upDownBox .pageBox{
    margin-bottom: 15px;
    text-align: left;
    font-size: 12px;
}
.upDownHeader .btnBlue {
	font-weight:bold;
	background:#fff;
}
.upDownBody .container{
	max-height: inherit;
	overflow-y: visible;
}
.redTipWrap{
	margin-top: 10px;
	font-size: 12px;
	color: #f00;
}
.upDownHeader .btnBlue {
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 13px;
}
.upDownBody tbody>tr:first-child td{
	border-top:none;
}
.upDownBody td{
	padding-left: 5px;
	padding-right: 5px;
}
.languageWrap{
    text-decoration: underline;
    color: #fff;
    margin-left: 5px;
    font-size: 12px;
    cursor: pointer;
}
.pl15{
	padding-left: 15px;
}