@charset "utf-8";
/* CSS Document */

select {
   appearance:none;
   -moz-appearance:none;
   -webkit-appearance:none;

}
select::-ms-expand { display: none;}

*::-webkit-scrollbar-track{background-color: transparent;}
*::-webkit-scrollbar {
	width: 12px;
	height: 12px;
}
*::-webkit-scrollbar-thumb {
	background-color: #898989;
	border: 4px solid transparent;
	background-clip: content-box;
	border-radius: 10px;
}
*, *:before, *:after {
	 -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
     -o-box-sizing: border-box;
     -ms-box-sizing: border-box;
	 box-sizing: border-box;

}
.clearfix {*zoom: 1;}

.clearfix:before, .clearfix:after {
	display: table;
	line-height: 0;
	content: "";
}

.clearfix:after {clear: both;}

html, body {
	margin: 0;
	padding: 0;
	height:100vh;
}

html{
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%; /*Safari文字缩放*/
}

body {
	font-family: Microsoft YaHei, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	overflow: hidden;
}

input, button, select, textarea, option {
	color: #535453;
	font-family: Microsoft YaHei, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	outline: none;
}
input, button{
	display:inline-block;
	margin:0;
	padding-top:0;
	padding-bottom:0;
	padding-left:10px;
	padding-right:10px;
}

textarea {
	resize: none;
}

h1, h2, h3, h4, h5, h6, ul, li, dl, dt, dd, form, img, p, hr, samp, em {
	margin: 0;
	padding: 0;
	border: none;
	list-style-type: none;
}

a {
	color: #0088cc;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}
a:focus, input:focus, button:focus, select:focus, textarea:focus , option:focus {
	outline: none;
}

hr {
	display: block;
	border-left: none;
	border-right: none;
	border-bottom: none;
	margin: 5px 0;
	border-top: 1px solid #e9e9e9;
	background-color:transparent;
	color: #transparent;
}
.h40{ height: 40px; clear: both;}
.h30{ height: 30px; clear: both;}
.h20{ height: 20px; clear: both;}
.h10{ height: 10px; clear: both;}
.h5{ height: 5px; clear: both;}

.tl {text-align: left;}

.tr {text-align: right;}

.tc {text-align: center;}

.tt {vertical-align: top !important;}

.tm {vertical-align: middle;}

.tb {vertical-align: bottom;}

.tfb {font-weight: bold;}

.fl {float: left;}

.fr {float: right;}

.fc {
	clear: both;
	vertical-align: middle;
	margin: 0 auto;
}
.cursor{cursor: pointer;}

/* display:none; */
.column_hidden {
	display: none;
}

/*清除浮动*/
.clear-block:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

.tmc {
	clear: both;
	display: table-cell;
    vertical-align: middle;
}

.dot{ overflow:hidden; }
/*单行超出省略*/
.vellipsis {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
}

.verticals{
	position: relative;
	width:100%;
	max-height:4.1em;
	display:inline-block;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}

.verticals_10{
	position: relative;
	width:100%;
	max-height:13.4em;
	display:inline-block;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 10;
	overflow: hidden;
}
/*强行折行*/
.txt_bend{
	table-layout: fixed;
	word-wrap:break-word;
	word-break:break-all;
}
/*公共类-input*/
.btn{
	display: inline-block; margin-right: 5px; padding: 4px 20px; background: #fff; border:1px solid  #ddd; font-size: 12px;
	color: #89949b; text-align:center; cursor: pointer;
/*	transition: all 0.4s ease 0s;*/
	border-radius: 2px;
}

.bnt_h18 {
	padding: 2px 15px;
	font-size: 12px;
	border: none;
	cursor: pointer;
	text-align: center;
	white-space: nowrap;

}

.bnt_h22 {
	padding: 4px 20px;
	font-size: 12px;
	border: none;
	cursor: pointer;
	text-align: center;
	white-space: nowrap;

}

.but_h26 {
	height:26px;


	cursor: pointer;
	text-align: center;
	white-space: nowrap;

}

.but_h26[type="button"] {
	padding: 7px 15px;
	outline: none;
}

.but_h30 {

	padding: 10px 30px;
	border: none;
	cursor: pointer;
	outline: none;
	text-align: center;
	white-space: nowrap;

}


.bnt_h35 {
	padding: 10px 20px;
	font-size: 18px;
	border: none;
	cursor: pointer;
	text-align: center;
	white-space: nowrap;

}

.bnt_h45 {
	padding: 14px 20px;
	border: none;
	cursor: pointer;
	text-align: center;
	white-space: nowrap;

}

.btn:hover{ text-decoration: none; border:1px solid  #c0c0c0; color: #6c777d; }
.height26{ height: 26px;}

/*绿色按钮*/
.btn_green{ background: #59cba0; border: 1px solid #59cba0; color: #fff; }
.btn_green:hover{ background:#7ad5b3; border: 1px solid #7ad5b3; color: #fff;}
/*蓝色按钮*/
.btn_blue{ background: #3e8cd4;border: 1px solid #3e8cd4;color: #fff; }
.btn_blue:hover{ background:#65a3dd; border: 1px solid #65a3dd;  color: #fff; }
/*红色按钮*/
.btn_red{background: #fe6f73;border: 1px solid #fe6f73;color: #fff; }
.btn_red:hover{ background: #fe8c8f; border: 1px solid #fe8c8f; color: #fff;}
/*灰色按钮*/
.btn_gray{background: #dddddd; border: 1px solid #dddddd; color: #a8a8a8; cursor:default; }
.btn_gray:hover{  color: #a8a8a8; cursor:not-allowed; }

/*行内元素*/
.inline_blcok{ display: inline-block;}

/*块级元素*/
.blcok{ display: block !important;}

.padding-5{ padding:0 5px;}
.padding-10-6{ padding:10px 6px;}
.padding-lr-10{ padding-left:10px; padding-right:10px;}
.padding-l-30{ padding-left:30px;}
.padding-l-50{ padding-left:50px;}
.padding-r-20{ padding-right:20px;}

.margin-5{ margin: 0 5px;}
.margin-20{ margin: 0 20px;}

.margin-t-5{ margin-top: 5px;}
.margin-t-10{ margin-top: 10px;}
.margin-t-15{ margin-top: 15px;}
.margin-t-20{ margin-top: 10px;}

.margin_r_0{ margin-right: 0!important;}
.margin-r-5{ margin-right: 5px;}
.margin-r-10{ margin-right: 10px;}
.margin-r-20{ margin-right: 20px;}
.margin-r-30{ margin-right: 30px;}

.margin-l-10{ margin-left: 10px;}
.margin-l-20{ margin-left: 20px;}
.margin-l-30{ margin-left: 30px;}

.margin_b_5{ margin-bottom: 5px;}
.margin_b_10{ margin-bottom: 10px;}
.margin_b_15{ margin-bottom: 15px;}
.margin_b_20{ margin-bottom: 20px;}
.margin_b_30{ margin-bottom: 30px;}

.editorElement{ width: 600px; }


/****************************流式栅格****************************/
.switch{}

.row {
	margin-right: 0px;
	margin-left: 0px;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2,
.col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3,
.col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5,
.col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6,
.col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8,
.col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9,
.col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11,
.col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12
	{
	position: relative;
	min-height: 1px;
	padding-right: 1px;
	padding-left: 0;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6,
.col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
	float: left;
}



.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6,
.col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
	float: left;
}


.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6,
.col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
	float: left;
}
.col-lg-fifth {
	width: 20%;
}
.col-lg-12 {
	width: 100%;
}
.col-lg-11 {
	width: 91.66666667%;
}
.col-lg-10 {
	width: 83.33333333%;
}
.col-lg-9 {
	width: 75%;
}
.col-lg-8 {
	width: 66.66666667%;
}
.col-lg-7 {
	width: 58.33333333%;
}
.col-lg-6 {
	width: 50%;
}
.col-lg-5 {
	width: 41.66666667%;
}
.col-lg-4 {
	width: 33.33333333%;
}
.col-lg-3 {
	width: 25%;
}
.col-lg-2 {
	width: 16.66666667%;
}
.col-lg-1 {
	width: 8.33333333%;
}
.col-lg-pull-12 {
	right: 100%;
}
.col-lg-pull-11 {
	right: 91.66666667%;
}
.col-lg-pull-10 {
	right: 83.33333333%;
}
.col-lg-pull-9 {
	right: 75%;
}
.col-lg-pull-8 {
	right: 66.66666667%;
}
.col-lg-pull-7 {
	right: 58.33333333%;
}
.col-lg-pull-6 {
	right: 50%;
}
.col-lg-pull-5 {
	right: 41.66666667%;
}
.col-lg-pull-4 {
	right: 33.33333333%;
}
.col-lg-pull-3 {
	right: 25%;
}
.col-lg-pull-2 {
	right: 16.66666667%;
}
.col-lg-pull-1 {
	right: 8.33333333%;
}
.col-lg-pull-0 {
	right: auto;
}
.col-lg-push-12 {
	left: 100%;
}
.col-lg-push-11 {
	left: 91.66666667%;
}
.col-lg-push-10 {
	left: 83.33333333%;
}
.col-lg-push-9 {
	left: 75%;
}
.col-lg-push-8 {
	left: 66.66666667%;
}
.col-lg-push-7 {
	left: 58.33333333%;
}
.col-lg-push-6 {
	left: 50%;
}
.col-lg-push-5 {
	left: 41.66666667%;
}
.col-lg-push-4 {
	left: 33.33333333%;
}
.col-lg-push-3 {
	left: 25%;
}
.col-lg-push-2 {
	left: 16.66666667%;
}
.col-lg-push-1 {
	left: 8.33333333%;
}
.col-lg-push-0 {
	left: auto;
}
.col-lg-offset-12 {
	margin-left: 100%;
}
.col-lg-offset-11 {
	margin-left: 91.66666667%;
}
.col-lg-offset-10 {
	margin-left: 83.33333333%;
}
.col-lg-offset-9 {
	margin-left: 75%;
}
.col-lg-offset-8 {
	margin-left: 66.66666667%;
}
.col-lg-offset-7 {
	margin-left: 58.33333333%;
}
.col-lg-offset-6 {
	margin-left: 50%;
}
.col-lg-offset-5 {
	margin-left: 41.66666667%;
}
.col-lg-offset-4 {
	margin-left: 33.33333333%;
}
.col-lg-offset-3 {
	margin-left: 25%;
}
.col-lg-offset-2 {
	margin-left: 16.66666667%;
}
.col-lg-offset-1 {
	margin-left: 8.33333333%;
}
.col-lg-offset-0 {
	margin-left: 0;
}

.col-lg-tr{ text-align:right;}
.col-lg-tl{ text-align:left}

@media ( max-width : 1200px) {
	.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6,
	.col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
		float: left;
	}
	.col-md-fifth {
		width: 20%;
	}
	.col-md-12 {
		width: 100%;
	}
	.col-md-11 {
		width: 91.66666667%;
	}
	.col-md-10 {
		width: 83.33333333%;
	}
	.col-md-9 {
		width: 75%;
	}
	.col-md-8 {
		width: 66.66666667%;
	}
	.col-md-7 {
		width: 58.33333333%;
	}
	.col-md-6 {
		width: 50%;
	}
	.col-md-5 {
		width: 41.66666667%;
	}
	.col-md-4 {
		width: 33.33333333%;
	}
	.col-md-3 {
		width: 25%;
	}
	.col-md-2 {
		width: 16.66666667%;
	}
	.col-md-1 {
		width: 8.33333333%;
	}
	.col-md-pull-12 {
		right: 100%;
	}
	.col-md-pull-11 {
		right: 91.66666667%;
	}
	.col-md-pull-10 {
		right: 83.33333333%;
	}
	.col-md-pull-9 {
		right: 75%;
	}
	.col-md-pull-8 {
		right: 66.66666667%;
	}
	.col-md-pull-7 {
		right: 58.33333333%;
	}
	.col-md-pull-6 {
		right: 50%;
	}
	.col-md-pull-5 {
		right: 41.66666667%;
	}
	.col-md-pull-4 {
		right: 33.33333333%;
	}
	.col-md-pull-3 {
		right: 25%;
	}
	.col-md-pull-2 {
		right: 16.66666667%;
	}
	.col-md-pull-1 {
		right: 8.33333333%;
	}
	.col-md-pull-0 {
		right: auto;
	}
	.col-md-push-12 {
		left: 100%;
	}
	.col-md-push-11 {
		left: 91.66666667%;
	}
	.col-md-push-10 {
		left: 83.33333333%;
	}
	.col-md-push-9 {
		left: 75%;
	}
	.col-md-push-8 {
		left: 66.66666667%;
	}
	.col-md-push-7 {
		left: 58.33333333%;
	}
	.col-md-push-6 {
		left: 50%;
	}
	.col-md-push-5 {
		left: 41.66666667%;
	}
	.col-md-push-4 {
		left: 33.33333333%;
	}
	.col-md-push-3 {
		left: 25%;
	}
	.col-md-push-2 {
		left: 16.66666667%;
	}
	.col-md-push-1 {
		left: 8.33333333%;
	}
	.col-md-push-0 {
		left: auto;
	}
	.col-md-offset-12 {
		margin-left: 100%;
	}
	.col-md-offset-11 {
		margin-left: 91.66666667%;
	}
	.col-md-offset-10 {
		margin-left: 83.33333333%;
	}
	.col-md-offset-9 {
		margin-left: 75%;
	}
	.col-md-offset-8 {
		margin-left: 66.66666667%;
	}
	.col-md-offset-7 {
		margin-left: 58.33333333%;
	}
	.col-md-offset-6 {
		margin-left: 50%;
	}
	.col-md-offset-5 {
		margin-left: 41.66666667%;
	}
	.col-md-offset-4 {
		margin-left: 33.33333333%;
	}
	.col-md-offset-3 {
		margin-left: 25%;
	}
	.col-md-offset-2 {
		margin-left: 16.66666667%;
	}
	.col-md-offset-1 {
		margin-left: 8.33333333%;
	}
	.col-md-offset-0 {
		margin-left: 0;
	}

	.col-md-tr{ text-align:right;}
    .col-md-tl{ text-align:left}
}

@media ( max-width : 769px) {
	.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6,
	.col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
		float: left;
	}
	.col-sm--fifth {
		width: 20%;
	}
	.col-sm-12 {
		width: 100%;
	}
	.col-sm-11 {
		width: 91.66666667%;
	}
	.col-sm-10 {
		width: 83.33333333%;
	}
	.col-sm-9 {
		width: 75%;
	}
	.col-sm-8 {
		width: 66.66666667%;
	}
	.col-sm-7 {
		width: 58.33333333%;
	}
	.col-sm-6 {
		width: 50%;
	}
	.col-sm-5 {
		width: 41.66666667%;
	}
	.col-sm-4 {
		width: 33.33333333%;
	}
	.col-sm-3 {
		width: 25%;
	}
	.col-sm-2 {
		width: 16.66666667%;
	}
	.col-sm-1 {
		width: 8.33333333%;
	}
	.col-sm-pull-12 {
		right: 100%;
	}
	.col-sm-pull-11 {
		right: 91.66666667%;
	}
	.col-sm-pull-10 {
		right: 83.33333333%;
	}
	.col-sm-pull-9 {
		right: 75%;
	}
	.col-sm-pull-8 {
		right: 66.66666667%;
	}
	.col-sm-pull-7 {
		right: 58.33333333%;
	}
	.col-sm-pull-6 {
		right: 50%;
	}
	.col-sm-pull-5 {
		right: 41.66666667%;
	}
	.col-sm-pull-4 {
		right: 33.33333333%;
	}
	.col-sm-pull-3 {
		right: 25%;
	}
	.col-sm-pull-2 {
		right: 16.66666667%;
	}
	.col-sm-pull-1 {
		right: 8.33333333%;
	}
	.col-sm-pull-0 {
		right: auto;
	}
	.col-sm-push-12 {
		left: 100%;
	}
	.col-sm-push-11 {
		left: 91.66666667%;
	}
	.col-sm-push-10 {
		left: 83.33333333%;
	}
	.col-sm-push-9 {
		left: 75%;
	}
	.col-sm-push-8 {
		left: 66.66666667%;
	}
	.col-sm-push-7 {
		left: 58.33333333%;
	}
	.col-sm-push-6 {
		left: 50%;
	}
	.col-sm-push-5 {
		left: 41.66666667%;
	}
	.col-sm-push-4 {
		left: 33.33333333%;
	}
	.col-sm-push-3 {
		left: 25%;
	}
	.col-sm-push-2 {
		left: 16.66666667%;
	}
	.col-sm-push-1 {
		left: 8.33333333%;
	}
	.col-sm-push-0 {
		left: auto;
	}
	.col-sm-offset-12 {
		margin-left: 100%;
	}
	.col-sm-offset-11 {
		margin-left: 91.66666667%;
	}
	.col-sm-offset-10 {
		margin-left: 83.33333333%;
	}
	.col-sm-offset-9 {
		margin-left: 75%;
	}
	.col-sm-offset-8 {
		margin-left: 66.66666667%;
	}
	.col-sm-offset-7 {
		margin-left: 58.33333333%;
	}
	.col-sm-offset-6 {
		margin-left: 50%;
	}
	.col-sm-offset-5 {
		margin-left: 41.66666667%;
	}
	.col-sm-offset-4 {
		margin-left: 33.33333333%;
	}
	.col-sm-offset-3 {
		margin-left: 25%;
	}
	.col-sm-offset-2 {
		margin-left: 16.66666667%;
	}
	.col-sm-offset-1 {
		margin-left: 8.33333333%;
	}
	.col-sm-offset-0 {
		margin-left: 0;
	}
	.col-sm-tr{ text-align:right;}
    .col-sm-tl{ text-align:left}
}

@media ( max-width : 567px){
	.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6,
	.col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
		float: left;
	}
	.col-xs-fifth {
		width: 20%;
	}
.col-xs-12 {
	width: 100%;
}

.col-xs-11 {
	width: 91.66666667%;
}

.col-xs-10 {
	width: 83.33333333%;
}

.col-xs-9 {
	width: 75%;
}

.col-xs-8 {
	width: 66.66666667%;
}

.col-xs-7 {
	width: 58.33333333%;
}

.col-xs-6 {
	width: 50%;
}

.col-xs-5 {
	width: 41.66666667%;
}

.col-xs-4 {
	width: 33.33333333%;
}

.col-xs-3 {
	width: 25%;
}

.col-xs-2 {
	width: 16.66666667%;
}

.col-xs-1 {
	width: 8.33333333%;
}

.col-xs-pull-12 {
	right: 100%;
}

.col-xs-pull-11 {
	right: 91.66666667%;
}

.col-xs-pull-10 {
	right: 83.33333333%;
}

.col-xs-pull-9 {
	right: 75%;
}

.col-xs-pull-8 {
	right: 66.66666667%;
}

.col-xs-pull-7 {
	right: 58.33333333%;
}

.col-xs-pull-6 {
	right: 50%;
}

.col-xs-pull-5 {
	right: 41.66666667%;
}

.col-xs-pull-4 {
	right: 33.33333333%;
}

.col-xs-pull-3 {
	right: 25%;
}

.col-xs-pull-2 {
	right: 16.66666667%;
}

.col-xs-pull-1 {
	right: 8.33333333%;
}

.col-xs-pull-0 {
	right: auto;
}

.col-xs-push-12 {
	left: 100%;
}

.col-xs-push-11 {
	left: 91.66666667%;
}

.col-xs-push-10 {
	left: 83.33333333%;
}

.col-xs-push-9 {
	left: 75%;
}

.col-xs-push-8 {
	left: 66.66666667%;
}

.col-xs-push-7 {
	left: 58.33333333%;
}

.col-xs-push-6 {
	left: 50%;
}

.col-xs-push-5 {
	left: 41.66666667%;
}

.col-xs-push-4 {
	left: 33.33333333%;
}

.col-xs-push-3 {
	left: 25%;
}

.col-xs-push-2 {
	left: 16.66666667%;
}

.col-xs-push-1 {
	left: 8.33333333%;
}

.col-xs-push-0 {
	left: auto;
}

.col-xs-offset-12 {
	margin-left: 100%;
}

.col-xs-offset-11 {
	margin-left: 91.66666667%;
}

.col-xs-offset-10 {
	margin-left: 83.33333333%;
}

.col-xs-offset-9 {
	margin-left: 75%;
}

.col-xs-offset-8 {
	margin-left: 66.66666667%;
}

.col-xs-offset-7 {
	margin-left: 58.33333333%;
}

.col-xs-offset-6 {
	margin-left: 50%;
}

.col-xs-offset-5 {
	margin-left: 41.66666667%;
}

.col-xs-offset-4 {
	margin-left: 33.33333333%;
}

.col-xs-offset-3 {
	margin-left: 25%;
}

.col-xs-offset-2 {
	margin-left: 16.66666667%;
}

.col-xs-offset-1 {
	margin-left: 8.33333333%;
}

.col-xs-offset-0 {
	margin-left: 0;
 }

 	.col-xs-tr{ text-align:right;}
    .col-xs-tl{ text-align:left}
}

@media ( max-width : 567px) {


}




/****************************流式栅格-end****************************/


/****************************框架布局****************************/
/*--头部--*/
.back_header{
	padding:0 20px;
	height:50px;
	line-height:50px;
}

/*--头部logo--*/
.header_logo_img{
	display:inline-block;
	height:100%; padding-top:8px; padding-bottom:8px;
 }
.header_logo_img img{ height:24px;}

/*--头部版本号--*/
.header_edition{display:inline-block; font-size:10px;}

/*--头部版本号--*/
.header_R{float:right;}

/*--头部搜索--*/
.header_cable{
	float:right;
	display:inline-block;
	padding-top:12px;
}
.header_cable input[type="text"]{
	float:left;

	height:26px;
	width: 198px;
	padding-right:0;
    border: 0;

	background-color: #fff;
    color: #666666;

}
.header_cable input[type="button"]{
	float:left;
	height:26px;
	width:32px;
	background-color:#FFF;

	background-repeat:no-repeat;
	background-position:50% 50%;
	/*background-image:url(../images/ico/header_cable_but.png);*/
	border: 1px solid #fff;
}

/*--头部功能--*/
.header_function{ height:50px; float:right; margin-left: 15px;}
.header_function .cloud{ width: 20px;height: 15px; background:url( ../images/cloud.svg);}
.header_function .dd_cloud{ width: 20px;height: 20px; background:url(../images/dd_cloud.svg);background-repeat: no-repeat}
.header_function .unbound{ width: 18px;height: 18px; background:url( ../images/unbound.svg);background-repeat: no-repeat}
.header_function > li{ float:left; position:relative; height:100%; margin-left:15px; margin-right:15px;}
.header_function a{ color:#FFF; vertical-align: middle;display: inline-block;}
.header_function > li:hover .popover{ display: block;}

.notice{ position: relative; }
.notice em{ position: absolute; border-radius: 20px; padding:0px 4px 2px 3px; background: #fe6f73; color: #fff; line-height: 12px; font-size: 12px; font-style: normal; top:15px; left: 7px;}
.language{height: 18px;line-height: 17px;}
.language:hover{text-decoration: none; }


.back_nav1{
    width: 50px;
	height: calc(100vh - 50px);

	position:relative; 
	
    bottom: 0;
    top: 0;
    left: 0;

	z-index: 3;
	overflow:visible;
}

.back_nav_scroll{
	height: calc(100% );
    width: 100%;
    overflow-x: hidden;
}

/* ios浏览器 多减60像素 */
.back_nav1_ios{
	height: calc(100vh - 120px);
}
.back_nav1_scroll{ height:100%;}


.back_nav1_switch{
    display: block;
    width: 100%;
    
    position: relative;
    top: 0;
    left: 0;
}

.back_nav1_switch a{
	display:block;
	height:50px;
	width:100%;

	background-repeat:no-repeat;
	background-position:50% 50%;
	    -ms-background-size: auto 20px;
	   -moz-background-size: auto 20px;
	-webkit-background-size: auto 20px;
	    -o-background-size: auto 20px;
	        background-size: auto 20px;

}


.back_nav2{
	width: 0px;
	padding-top:50px;

	position:absolute;
    bottom: 0;
    left: 0;

	z-index: 1;
	overflow: visible;
	
	
	top:50px;
    background: #394655;
	
	
}
.back_nav2 { 
	top:50px;
    background: #394655;
}

.back_nav2_scroll{ height:100%;}
.back_nav2_top{
	display:block;

	height:0;
	margin-left:10px;
	margin-right:10px;

	position:relative;
	top:-50px;
	left:0;

}

.back_nav2_top .back_nav2_top_tit{
	-moz-box-sizing: content-box;
     -webkit-box-sizing: content-box;
     -o-box-sizing: content-box;
     -ms-box-sizing: content-box;
	 box-sizing: content-box;

	position:relative;
	padding-top:5px;
	padding-bottom:5px;

	height:40px;
	width:128px;

	border-bottom:1px solid transparent;
	overflow: hidden;
}
.back_nav2_top_tit p{
	height:40px;
	padding-right:30px;
	overflow: hidden;
	color: #fff;
	font-size:14px;

}

.back_nav2_off{
	display:inline-block;
	width:30px;
	height:50px;

	position:absolute;
	top:0; right:0;
}

.back_section {
	position: absolute;

    padding-left: 100px;
	padding-top:0;

    top: 50px;
    left: 0;
	right: 0;
    bottom: 0;
	border-left:1px solid  transparent;

    overflow: hidden;

}

.back_section_scroll{
	width:100%;
    height:calc(100% - 28px);
    padding-bottom: 20px;
	overflow-x: auto;
}
.back_section_scroll::-webkit-scrollbar-track{background-color: transparent;}
.back_section_scroll::-webkit-scrollbar {
	width: 12px;
	height: 12px;
}
.back_section_scroll::-webkit-scrollbar-thumb {
	background-color: #898989;
	border: 4px solid transparent;
	background-clip: content-box;
	border-radius: 10px;
}

/*导航展示时的宽度控制
.back_nav1_ul > li strong{ display:inline-block; font-weight:inherit; }
.back_nav_off .back_nav1{ width:0;}
.back_nav_off .back_nav2{ width:0; left:0;}
.back_nav_off .back_section{ padding-left:0px;}



.back_nav_1off_2off .back_nav1{ width:50px;}
.back_nav_1off_2off .back_nav1_ul > li strong{ display:none;}
.back_nav_1off_2off .back_nav2{ width:0; left:50px;}
.back_nav_1off_2off .back_section{ padding-left:50px;}


.back_nav_1off_2on .back_nav1{ width:50px;}
.back_nav_1off_2on .back_nav1_ul > li strong{ display:none;}
.back_nav_1off_2on .back_nav2{ width:140px; left:50px;}
.back_nav_1off_2on .back_section{ padding-left:190px;}


.back_nav_1on_2off .back_nav1{ width:170px;}
.back_nav_1on_2off .back_nav2{ width:0; left:140px;}
.back_nav_1on_2off .back_section{ padding-left:170px;}


.back_nav_1on_2on .back_nav1{ width:170px;}
.back_nav_1on_2on .back_nav2{ width:140px; left:170px;}
.back_nav_1on_2on .back_section{ padding-left:310px;}
导航展示时的宽度控制-end*/
.back_nav1{ 
/*	transition: all 0.12s ease 0s*/
}
.back_nav2{
/*	transition: all 0.12s ease 0s*/
}
.back_nav2 .back_nav2_top ,.back_nav2 .sidebar_nav{ opacity: 0;
/*	transition: all 0.06s ease 0s*/
}
.back_section{ 
/*	transition: all 0.12s ease 0s*/
}
.back_nav1_ul > li strong{ display:inline-block; font-weight:inherit; opacity: 0; }

.back_nav_off .back_nav1{ width:0;}
.back_nav_off .back_nav1_ul > li strong{ opacity: 0; }
.back_nav_off .back_nav2{ width:0; left:0;}
.back_nav_off .back_nav2 .back_nav2_top ,
.back_nav_off .back_nav2 .sidebar_nav{ opacity: 0;}
.back_nav_off .back_section{ padding-left:0px;}
.back_nav_off .nav2_ifferent_shutter{ display:none;}


.back_nav_1off_2off .back_nav1{ width:50px;}
.back_nav_1off_2off .back_nav1_ul > li strong{ opacity: 0;}
.back_nav_1off_2off .back_nav2{ width:0; left:50px; overflow:hidden;}
.back_nav_1off_2off .back_nav2 .back_nav2_top ,
.back_nav_1off_2off .back_nav2 .sidebar_nav{ opacity: 0; }
.back_nav_1off_2off .back_section{ padding-left:50px;}
.back_nav_1off_2off .back_nav1_ul > li > a{padding-right:0; padding-left:0;  }
.back_nav_1off_2off .nav2_ifferent_shutter{ display:none;}
.back_nav_1off_2off .nav2_ifferent_shutter{ display:block;}
.back_nav_1off_2off .nav2_ifferent_shutter .R{ display:block;}



.back_nav_1off_2on .back_nav1{ width:50px;}
.back_nav_1off_2on .back_nav1_ul > li strong{ opacity: 0;}
.back_nav_1off_2on .back_nav2{ width:140px; left:50px;}
.back_nav_1off_2on .back_nav2 .back_nav2_top ,
.back_nav_1off_2on .back_nav2 .sidebar_nav{ opacity: 1; 
/*	transition: all 0.3s ease 0.3s*/

}
.back_nav_1off_2on .back_section{ padding-left:190px;}
.back_nav_1off_2on .back_nav1_ul > li > a{padding-right:0; padding-left:0; width:50px; }
.back_nav_1off_2on .nav2_ifferent_shutter{ display:block;}
.back_nav_1off_2on .nav2_ifferent_shutter .L{ display:block;}



.back_nav_1on_2off .back_nav1{ width:150px;}
.back_nav_1on_2off .back_nav1_ul > li strong{ opacity: 1; 
/*	transition: all 0.4s ease 0.2s;*/
}
.back_nav_1on_2off .back_nav2{ left:150px;}
.back_nav_1on_2off .back_nav2 .back_nav2_top ,
.back_nav_1on_2off .back_nav2 .sidebar_nav{ opacity: 0;}
.back_nav_1on_2off .back_section{ padding-left:150px;}
.back_nav_1on_2off .nav2_ifferent_shutter{ display:block;}
.back_nav_1on_2off .nav2_ifferent_shutter .R{ display:block;}


.back_nav_1on_2on .back_nav1{ width:150px;}
.back_nav_1on_2on .back_nav1_ul > li strong{ opacity: 1;
/*	transition: all 0.4s ease 0.2s; */
}
.back_nav_1on_2on .back_nav2{ width:140px; left:150px;}
.back_nav_1on_2on .back_nav2 .back_nav2_top ,
.back_nav_1on_2on .back_nav2 .sidebar_nav{ opacity: 1; 
/*	transition: all 0.3s ease 0.3s*/
}
.back_nav_1on_2on .back_section{ padding-left:290px;}
.back_nav_1on_2on .nav2_ifferent_shutter{ display:block;}
.back_nav_1on_2on .nav2_ifferent_shutter .L{ display:block;}

/* 纵向滚动条start */
.nav_scroll{width: 100%; height: 100%; overflow-x: auto;}
.nav_scroll::-webkit-scrollbar-thumb {
	background-color: rgba(0, 0, 0, 0);
}
/* 纵向滚动条end */

@media ( max-width : 1036px) {

	.back_nav1{ width: 50px;}
	.back_nav1_ul > li strong{ display:none;}

	.back_nav_1on_2on .back_nav1{ width: 50px;}
	.back_nav_1on_2on .back_nav2 {width: 140px;left: 50px;}
	.back_nav_1on_2on .back_section{ padding-left: 190px; }

	.back_nav_1on_2off .back_nav1{ width: 50px;}
	.back_nav_1on_2off .back_nav2 {width: 0px;left: 50px;}
	.back_nav_1on_2off .back_section{ padding-left: 50px; }


}


@media ( max-width : 767px) {
	.back_nav_1off_2on .back_section{ padding-left:0px;}
	.back_nav2_top .back_nav2_top_tit{ left:0;}
	.back_nav1_switch{display:none;}
	.header_edition{ display:none;}
	.back_header{ padding:0 8px;}
	.back_nav_1off_2on .back_nav1,
	.back_nav_1on_2on .back_nav1{ width: 50px;}
	
	.back_nav_1off_2on .back_nav2,
	.back_nav_1on_2on .back_nav2 {
	width:140px;
    padding-top: 50px;
	padding-left:0px;
    position:absolute;
    bottom: 0;
    top: 50px;
    left: 50px;
    right: 0;
    bottom: 0;
    z-index: 2;
	}

	.back_nav_1on_2on .back_section{ padding-left:50px; }
	body #scrollWrapper1{ top: 0px;}
	body #scrollWrapper2 { padding-left: 50px;}
	body .back_nav_1off_2off #scrollWrapper2, body .back_nav_1on_2off #scrollWrapper2 { padding-left: 0px;}


}

.wrapper{}
.wrapper .box{ padding-left:20px; padding-right:20px; margin-top:20px; margin-bottom:20px;}

.title_hover{ }
.title_hover h4{ cursor: pointer;}
/*h4加横线 分割线*/
.box .title_h4{background:url(../images/H4.png) 140px center no-repeat; }
.box .title_h4 h4{ background-color:#FFF;}
/*小于768时 BOX边距减小*/
@media ( max-width : 767px) {
	.wrapper .box{ padding-left:0; padding-right:0;}
	.box .title_h4{ padding-left:10px;}
}

/****************************框架布局-end****************************/

/****************************图标 ico****************************/
/*一级导航展开图标*/
.back_nav1_switch .on{
	background-image:url( ../images/back_nav_switch_off.svg);
}
.back_nav1_switch .off{
	background-image:url( ../images/back_nav_switch_on.svg);
}


/*二级导航关闭图标*/
.back_nav2_off{ background:url( ../images/back_nav2_off.svg) 50% 50% no-repeat; }

/*二级导航 次级展开ico*/
.sidebar_nav > li > a > span{
	right:10px;
	width:11px;
	background:url( ../images/back_nav2_develop.svg) 50% 50% no-repeat; opacity:0.6;

}
.sidebar_nav > li.on > a > span{
    opacity:0.6;
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
}




/****************************图标-end****************************/


/****************************框架色彩****************************/
/*公共类-按钮颜色*/
.filter_gray{
-webkit-filter: grayscale(100%);
-webkit-filter: grayscale(1);
filter: grayscale(100%);
filter:gray;
}

.B_bg {
	color: #FFF;
	background-color: #0088cc;
}

.B_bg:hover {
	background-color: #39ADE6;
	text-decoration: none;
}

.G_bg {
	color: #FFF;
	background-color: #59cba0;
}

.G_bg:hover {
	background-color: #7ad5b3;
	color: #FFF;
	text-decoration: none;
}

.R_bg {
	color: #FFF;
	background-color: #fe6f73;
}

.R_bg:hover {
	background-color: #7ad5b3;
	text-decoration: none;
}

.Y_bg {
	color: #FFF;
	background-color: #f8a636;
}

.Y_bg:hover {
	background-color: #f8a636;
	text-decoration: none;
}

.off_bg {
	color: #FFF;
	background-color: #b9b9b9;
}

.off_bg:hover {
	background-color: #7b7b7b;
}

.gray_bg{
	color:#FFF;
	 background-color:#686868;
}
.gray_bg:hover{
	background-color:#a1a1a1;
	text-decoration: none;
}

.colorB {
	color: #3e8cd4;
}

.colorG {
	color: #59cba0;
}

.colorR {
	color: #fe6f73;
}

.colorY {
	color: #f8a636;
}
.colorGrayA {
	color: #a6a6a6;
}
.colorGray {
	color: #898989;
}
.colorT {
	color: #666;
}
/*ap管理列表中升级后的“...”自动播放*/
.dotting {
    display: inline-block;
    width: 10px;
    min-height: 2px;
    padding-right: 2px;
    border-left: 2px solid currentColor;
    border-right: 2px solid currentColor;
    background-color: currentColor;
    background-clip: content-box;
    box-sizing: border-box;
    animation: dot 3s infinite step-start both;
}
:root .dotting { margin-left: 2px; padding-left: 2px; } /* IE9+ */

@keyframes dot {
    25% { border-color: transparent; background-color: transparent; }
    50% { border-right-color: transparent; background-color: transparent; }
    75% { border-right-color: transparent; }
}

.dotting2 {
    display: inline-block;
    width: 10px;
    min-height: 2px;
    padding-right: 2px;
    border-left: 2px solid currentColor;
    border-right: 2px solid currentColor;
    background-color: currentColor;
    background-clip: content-box;
    box-sizing: border-box;
    animation: dot 1s infinite step-start both;
}
:root .dotting2 { margin-left: 2px; padding-left: 2px; } /* IE9+ */

body {
	background-color:#fff;
	color:#535453;
}
.back_header{
	background-color:#1d74b2;
    color:#FFF;
}

.back_nav1{
    background: #223142;
    color: #fff;
}
.back_nav1_switch a{
	background-color:#1b2735;
}


.back_section {
	background-color:#fff;
}



/****************************框架色彩-end****************************/

/****************************导航菜单****************************/


/*一级导航菜单*/
.back_nav1_ul{}
.back_nav1_ul > li{
	height:42px; margin-bottom:1px;
}
.back_nav1_ul > li > a{
display:table-cell;
overflow:hidden;
position:relative;
width:150px;
height: 42px;
cursor:pointer;

padding-top:5px;
padding-bottom:5px;
padding-right:15px;
padding-left:50px;

border-left: 4px solid transparent;
vertical-align: middle;

color:#FFF;
font-size:12px;
}

.back_nav1_ul > li > a:hover{text-decoration: none; border-left: 4px solid #394655;  background-color:#394655; cursor:pointer;}

.back_nav1_ul > li > a.current, .back_nav1_ul > li > a.current:hover{ border-left-color:#1d74b2; background-color:#394655; color:#fff; }
.back_nav1_ul > li span{ display:inline-block; position:absolute; left:-4px; top:0; height:42px; width:50px; background-position: 14px center; }

.tooltip_nav{display:none; position:absolute; right:-10px; top:0; width:0; }
.tooltip_nav_arrow{text-align:center; position:absolute; top:3px; padding:6px 15px; background-color:#FFF; border:1px solid #666; word-break:keep-all; white-space:nowrap;  color:#666; border-radius:4px;}
.tooltip_nav_arrow:before,
.tooltip_nav_arrow:after{ content: ""; width: 0; height: 0; position: absolute; display: block; border-width: 6px; border-style: solid;  }
.tooltip_nav_arrow:before{ left: -13px; top: 8px; border-color: transparent #666 transparent transparent;}
.tooltip_nav_arrow:after{left: -11px; top: 8px; border-color: transparent #fff transparent transparent ;}

/*二级菜单导航*/
.sidebar_nav {
	width: 100%;
	overflow: hidden;
	margin-top: 0;
}

.sidebar_nav > li > ul > li a {
	display: table-cell;
	width:1000px;
	height:42px;
	padding: 5px 10px 5px 20px;
	vertical-align:middle;
	
	cursor:pointer;
	color: #fff;
}

.sidebar_nav li ul li a:hover {
	text-decoration: none;
	background-color:#68727d;
	color:#fff;
}

.sidebar_nav li ul li.current a {

	cursor: pointer;
	color:#FFF;
	background-color: #51a0d9;
}

.sidebar_nav > li {
	width: 100%;
	margin-bottom:1px;

}

.sidebar_nav > li > a {
	display:table-cell;
	position: relative;
	height: 42px;
	width: 140px;

	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:28px;

	cursor: pointer;
	vertical-align: middle;

	text-decoration:none;
	
	color: #fff;
}

.sidebar_nav > li > a:hover {
	background-color: #68727d;
}


.sidebar_nav > li > a > span{
	display:inline-block;
	position:absolute;

	top:0;
	height:42px;
}

.sidebar_nav > li.on, .sidebar_nav > li.current {
	background: #57626e;
}

.sidebar_nav > li.on > a:hover {
	background:none;
}


.sidebar_nav > li.on > ul{
	display:block;
}

.sidebar_nav > li > ul {
	width: 100%;
	text-align: left;
	display:none;
	padding-bottom:0;

}

.sidebar_nav > li > ul > li {
	overflow: hidden;
	padding-top: 1px;
}
.sidebar_nav > li{ position:relative;}
.sidebar_nav > li > strong{ position:absolute; right:0; top:0; font-size:12px;}


.sidebar_nav .current .secMenuEmp{
	background-color: #51a0d9;
}

/*二级外置开关*/
.nav2_ifferent_shutter{
position:absolute;
right:0px;
top:45%;
z-index:50;

height:60px;
width:16px;

text-align:center; line-height:56px;
background-color:transparent;

cursor:pointer;
}

.nav2_ifferent_shutter:before{
    content:'';
    display:block;
    width:16px;
    height:40px;
    position:absolute;
    transform:skewY(30deg);
    background-color:#ccc;
    border-bottom-left-radius:4px;
    left:0;
	bottom:0;
	z-index:-1;
}
.nav2_ifferent_shutter:after{
    content:'';
    display:block;
    width:16px;
    height:40px;
    position:absolute;
    transform:skewY(-30deg);
    background-color:#ccc;
    border-top-left-radius:4px;
    top:0;
    left:0;
	z-index:-1;
}
.nav2_ifferent_shutter .R{ display:none;}
.nav2_ifferent_shutter .L{ display:none; }

.nav2_ifferent_shutter:hover{ color:#FFF;}
.nav2_ifferent_shutter:hover:after, .nav2_ifferent_shutter:hover:before{ background-color:#1d74b2;}
/*二级外置开关-end*/


/****************************导航菜单-end****************************/


/************** **************面包屑及顶部信息****************************/
.back_section_top{
	display: block;
    position: relative;
    top: 0;
    left: 0;

}

.back_section_top_box{
	height:28px;
	width:100%;
	padding-left:20px;
	padding-right:20px;

	border-bottom:1px solid #f5f5f5;
}

/*面包屑导航*/
.breadcrumb{ float:left;}
.breadcrumb dd{ display:inline-block; margin:5px 0; min-width: 6px; min-width: 60px\9;}
.breadcrumb i{ list-style-type: none; font-style:normal; display: inline-block; }

/*顶部信息*/
.showInfo{ float:right;}
.showInfo img{ display: none;}
.showInfo .popover{ display: none;}
.showInfo dd{
	display:inline-block;
	position:relative;

	margin:5px 0;
	padding-left:20px;
	margin-left:10px;

}
.showInfo em{
	display:inline-block;
	position:absolute;
	left:0;
	height:16px;
	width:16px;
}
.bindAccount{ float:right; }
.bindAccount a{ display: inline-block;  margin: 5px 0;}
/*小于667时 面包屑隐藏*/
@media ( max-width : 667px) {
	.page_div .pager_divs{ display: none;}
	.back_section_top_box{
		padding-left:8px;
		padding-right:8px;
	}

	.breadcrumb{ display:block;}
	.bindAccount{ float:left; }
}

/*小于413时 顶部流量提示隐藏*/
@media ( max-width : 760px) {
	.showInfo{ position: relative;}
	.showInfo dd{ display: none; }
	.showInfo img{ display: block; margin: 6px 10px 5px 4px;}
	.showInfo .popover_box:after,.showInfo .popover_box:before {
		left: auto;
		right: 7px;
	}
	.showInfo .popover {
		left: auto;
		right: 0;
		top: 25px;
		width:120px;

	}
	.showInfo .Levitate {
		left: auto;
		right: 0;
		top: 25px;
		width:150px;

	}
	.popover_box div{ line-height: 20px; padding: 5px;}
}
/****************************面包屑及顶部信息-end****************************/

/*layout-css*/

/*气泡*/
.popover_switch{}
.popover{
	display:none;
	position:absolute;
	min-width:100px;
	margin-top:7px;

	top: 43px;
	left:-38px;

	z-index:10;
}
.popover_switch:hover+.popover{ display: block;}
.popover_box{
	width:100%;
	padding:1px;
	line-height:30px;
	color:#666;
	background-color:#FFF;
	border:1px solid #ddd;
	position: relative;
}
.popover_box:before{
	display:block;
	content:'';
	border-width:8px 8px 8px 8px;
	border-style:solid;
	border-color:transparent transparent #ddd transparent;
	position:absolute;
	left:40px;
	top:-16px;
}
.popover_box:after{
	display:block;
	content:'';
	border-width:8px 8px 8px 8px;
	border-style:solid;
	border-color:transparent transparent #fff transparent;
	position:absolute;
	left:40px;
	top:-15px;
}

.popover_box a{
	display:inline-block;
	width:100%;
	padding:0 10px;
	color:#666;
}
.popover_box a:hover{
	background-color:#1d74b2;
	color:#FFF;
	text-decoration: none;
}
.popover_box p{
	padding:0 10px;
}
/*顶部提示框菜单*/
.head_srt { margin:-8px; }
.head_srt a{ display:inline-block; width:100%; padding: 6px 10px; text-align:center; color: #666; cursor:pointer;}
.head_srt a:hover{color:#0088cc;text-decoration: none;}

.popover_selectBox{
	width:100%; line-height:30px; color:#666;
}

.popover_selectBox dd{ padding:0 10px; cursor: pointer; }
/*
.popover_selectBox dd:hover{
	background-color:#1d74b2;
	cursor:hand;
	color:#FFF;
}
*/


.languages .popover{ left:auto; right:0;}
.languages .popover_box:before,.languages .popover_box:after{ left:auto; right: 5px;}
.languages .popover_switch:hover{ text-decoration: none;}

.search_box_ico .popover_selectBox{ line-height:normal;}
.search_box_ico .popover_selectBox dd{ padding:5px 10px;}

/*一级标题 （帮助服务）*/
.helpService{ float:right; position: relative;}
.helpService a{ color:#666; font-size:11px;}
.helpService .popover{top:20px;}
.borde_help{
	display:inline-block;
	position:relative;
}
.borde_help .popover_switch{ padding:5px;}
.borde_help .popover{
	width:260px;
	min-height:60px;
	top:14px;
	left:auto;
	right:0px;
}
@media ( max-width : 769px) {
	.borde_help .popover{
		width:160px;
	}
}
.borde_help .popover_box{ line-height:150%; padding:10px; color:#8c8c8c;}
.borde_help .popover_box:before{
	top:-16px;
	left:auto;
	right:4px;
}
.borde_help .popover_box:after{
	top:-15px;
	left:auto;
	right:4px;
}
.borde_help .popover_box p{ padding:0;}
.borde_help .popover_box a{ width:auto; padding:0; color:#3e8cd4; background-color:transparent;}
.borde_help .popover_box a:hover{ color:#3e8cd4; }

/*意见反馈*/
.borde_feedback{
	display:inline-block;
	position:relative;
}

.borde_feedback .popover{
	display:none;
	width:560px;
	top:14px;
	left:auto;
	right:-18px;
	line-height:none;
}

.borde_feedback .popover_box{padding-left:20px; line-height:normal;}

.borde_feedback .popover_box:before{
	top:-16px;
	left:auto;
	right:20px;
}
.borde_feedback .popover_box:after{
	top:-15px;
	left:auto;
	right:20px;
}
.borde_feedback .line_edit{ position:relative; padding-left:80px;}
.borde_feedback .input_tit{  width:80px;}
@media ( max-width : 769px) {
.borde_feedback .popover{width:250px;}
.borde_feedback .line_edit{ position:relative; padding-left:0;}
.borde_feedback .input_tit{  width:100%; padding:0; position:relative;}

}



/*气泡--end*/

/*一级标题*/
.title_h3{
	min-height:42px;
	padding:10px 20px;
	background-color:#e9e9e9;
}
.title_h3 h3{ float:left; font-size: 1.17em; color:#333333; font-weight:normal;}


/*二级标题*/
.title_h4{
	height:16px;
	margin-top:10px;
	margin-bottom:10px;
}
.title_h4 h4{ float:left; color:#333333; font-weight:normal;}
/*二级标题（内容块开关）*/
.title_h4 em.box_switch{ display:inline-block; height:100%; width:18px; cursor: pointer;}
.title_h4 em.off{ background:url( ../images/box_switch_offA.svg) 50% 50% no-repeat;}
.title_h4 em.on{ background:url( ../images/box_switch_on.svg) 50% 50% no-repeat;}
.title_h4 em.off:hover{ background:url( ../images/box_switch_offB.svg) 50% 50% no-repeat;}

/*复选单选*/
.radio, .checkbox {
    display:inline-block;
	font-size: 12px;
	min-height: 20px;
	padding-left: 22px;
	position: relative;
	cursor:pointer;
}
.radio input[type="radio"],
.checkbox input[type="checkbox"] {
	display: none;
	/*opacity: 0.5;*/
}
.radio input[type="radio"] + span{
	position:absolute;

	height:14px;
	width:14px;
	left:0px;
	top:2px;

	display:inline-block;
	border:1px solid;
	border-color: #ddd;

	background-color:transparent;
	border-radius: 100px;
}

/*单选框*/
.radio:hover input[type="radio"] + span{
	background:#fff;
	border-color: #3e8cd4;
}
.radio input[type="radio"]:checked + span{
	background:#fff;
	border-color: #3e8cd4;
}
.radio input[type="radio"]:checked + span:before {
	content: "";
    display: block;
    position: absolute;
    top: 2px;
    left: 2px;
    width: 8px;
    height: 8px;

	background:#3e8cd4;
	border-radius: 100px;
/*	transition: all 0.4s ease 0s;*/
}






.checkbox input[type="checkbox"] + span{
	position:absolute;

	height:12px;
	width:12px;
	left:0px;

	line-height:12px;

	display:inline-block;
	border:1px solid #ddd;
	background-color:transparent;
	border-radius: 2px;
	box-sizing: content-box;
}
.checkbox input[type="checkbox"]:checked + span{
	background:#3e8cd4;
	border: 1px solid #3e8cd4;
	border-radius: 2px;
}

.checkbox input[type="checkbox"]:checked + span:before {
	color:#fff;
	content:'✔';
	padding-left: 2px;
}
.checkbox input[type="checkbox"]:disabled + span{
	background:#dfdfdf;
	border: 1px solid #dfdfdf;
	border-radius: 2px;
}


.checkbox1 span{
	position:absolute;

	height:12px;
	width:12px;
	left:0px;

	line-height:12px;

	display:inline-block;
	border:1px solid #ddd;
	background-color:transparent;
	border-radius: 2px;
	box-sizing: content-box;
}
.checkbox1 span.span_checked{
	background:#3e8cd4;
	border: 1px solid #3e8cd4;
	border-radius: 2px;
}

.checkbox1 span.span_checked:before {
	color:#fff;
	content:'✔';
	padding-left: 2px;
}
.checkbox1 span.span_disabled{
	background:#ebebeb;
	border: 1px solid #ebebeb;
	border-radius: 2px;
}


/*复选单选--end*/

/*表单复选框*/

.input_group .checkbox  { margin-top: 5px;}
.input_group .checkbox input[type="checkbox"] + span {
    top: 2px;
}
.checkbox input[type="checkbox"]:checked + span:before{
	padding-left: 1px;
}





/*表格内容块*/
.search_box{}
.search_box_fl{ float:left;}
.search_box_fr{ float:right;}
.search_box .search_box_ico{ display:inline-block; padding-top:4px; padding-bottom:8px;}


/*表格自动刷新*/
.search_box .table_refresh{ padding-top:0px; padding-bottom:5px; display:inline-block;}
.table_refresh .table_refresh_tit{ float:left; display:inline-block; padding-top:2px;}
.table_refresh .checkbox_power{ float:left; margin-left:5px; margin-right:5px;}
.table_refresh .btn_refresh{ float:left;}
.btn_refresh{ background:url( ../images/refresh.svg) center center no-repeat; width: 20px; height: 20px; border: 0;  cursor: pointer; display: inline-block;}
.btn_refresh:hover,.btn_refresh_hover{ background:url( ../images/refresh_hover.svg) center center no-repeat; }
/*表格自动刷新-end*/

/*筛选内容*/
.search_box .search_list{ min-width:160px; margin-right:5px;  margin-bottom:10px;}
.search_box .search_list .inptText{ width:100%;}
.search_box .search_list .selects{ width:100%;}

.search_list{ position: relative; display: inline-block; margin-right: 5px; vertical-align: middle; margin-bottom: 12px;}
.search_box .fr{ margin-left: 10px;}
.search_box .btn{ margin-bottom: 10px;}


.promptTxt {
	display: block;
	left: 5px;
	position: absolute;
	top:5px;
	height:18px;
	color: #dddddd;
	background: #fff;
	width: 80%;
}
.inptText {
	background-color: #fff;
	border: 1px solid #dddddd;
	color: #666666;
	font-size: 12px;
	height: 26px;
	width:340px;
	padding: 0 5px;
	border-radius: 2px;
}
.inptText[disabled]{
	background-color: #ebebeb;
}
.inptText[multiple="multiple"] option{ margin-left:-4px; margin-right:-15px; padding-left:5px; padding-right:5px;}
/*地址池提示*/{}
.inptText_region_prompt1{ padding-top:24px;}
.region_prompt1{position:relative; height:0; text-align:center; width:100%; margin:0 auto; padding:0 1px; color: #dddddd;}
.region_prompt1 > div{position:relative;  height:24px; padding-top:4px; width:100%; top:1px;  background-color:#ddd;  }

.region_prompt{position:relative; height:0; text-align:center; width:100%; margin:0 auto; color: #dddddd;}
.region_prompt > div{position:relative; width:100%; top:60px;}
.region_pool{ position:relative; height:0; text-align:center; width:100%; margin:0 auto; color: #dddddd;}
.region_pool > div{position:relative; width:100%; top:90px;}
::-webkit-input-placeholder { /* WebKit browsers */
　　color:#a8a8a9;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
　　color:#a8a8a9;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
　　color:#a8a8a9;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
　　color:#a8a8a9;
}

textarea.inptText {
	resize: none;
	padding: 5px;
	width: 340px;
	height: 120px;
	max-width: 340px;
	max-height: 180px;
	text-indent: 0;
}

textarea.inptText_W200 {
	width: 200px;

}

.search_inpt { padding-right:24px; }
.search_icon {
	background: url( ../images/search_btn.svg) no-repeat;
	border: 0 ;
	cursor: pointer;
	height: 13px;
	position: absolute;
	right: 0;
	top: 7px;
	width: 13px;
}

.selects{
	height:26px;
	border: solid 1px #ddd;

	text-overflow:“”;

	-ms-appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
	appearance:none;

	padding-left:5px;
	padding-right:24px;
	*padding-right:0;
	padding-right:0\9\0;
	-moz-padding-start:0;
	cursor: pointer;

	background-color:#FFF;
	font-size: 12px;
	width:340px;
    border-radius: 2px;
}
@media (max-width: 769px) {
	.selects {
		width: 78%;
	}
}

.select::-ms-expand { display: none; }
/*ie11*/
@media screen and(-ms-high-contrast:active),(-ms-high-contrast:none) {
	.selects{padding-right:0px;}
	input{outline:none}
}

/*.select_up{
	background: url(../images/ico/select_up.png) no-repeat right center;
}*/

.selects option {
    font-weight: normal;
    display: block;
    white-space: pre;
    min-height: 1.2em;
}

.more{width: 20px; height: 20px; display: inline-block; cursor: pointer; margin-left:10px; margin-top:4px; background: url(" ../images/more.svg") no-repeat;}
.more:hover{background: url(" ../images/more_hover.svg") no-repeat; }

.filed_sort{width: 20px; height: 20px; display: inline-block; cursor: pointer; margin-right: 10px;}
.filed_normal{background: url(" ../images/field_order.svg") no-repeat; }
.filed_order{background: url(" ../images/field_normal.svg") no-repeat; }
.more_filed{ background: url(" ../images/field_more.svg") no-repeat; width: 20px; height: 20px; display: inline-block; cursor: pointer; margin-right: 10px;}
.more_filed:hover,.more_filed:focus{background: url(" ../images/field_more_hover.svg") no-repeat;}
.fileds{position: relative; display: inline-block;}
.fileds .popover {left: auto;  right: 6px; top:15px; }
.fileds .popover_box:before,.fileds .popover_box:after {  left: auto;  right: 7px;  }


.fileds .popover_selectBox dd:hover{
	background:none;
	cursor:hand;
	color:#666;
}
.fileds .popover{ width: 120px;}

.fileds .popover160{ width: 160px;}

/*筛选内容--end*/


/*table表格*/
.table_box{
	width: 100%;

}
.table_box::-webkit-scrollbar-track{background-color: transparent;}
.table_box::-webkit-scrollbar {
	width: 12px;
	height: 12px;
}
.table_box::-webkit-scrollbar-thumb {
	background-color: #898989;
	border: 4px solid transparent;
	background-clip: content-box;
	border-radius: 10px;
}

.table{table-layout: fixed; color: #666; }
@media (max-width: 1280px) {
	.table_w_1500 .table_MAX {width: 1523px;}
	.table_w_1500 .table_box{overflow-x: auto;}
}

@media (max-width: 767px) {
	.table_w{ min-width: 767px;}
	.table_wmin{ min-width: 370px;}
	.table_MAX{ width: 1523px;}
	.table_w_1500{overflow-x: auto; }
}
th{ text-align:left;}
.table th{ background-color: #4c5366; font-weight: normal; border-bottom: 1px solid #ddd; padding: 7px 6px; color: #fff; }
.table_td{width: 40%;}
.table td{
padding:10px 6px;
word-wrap:break-word;
/*transition: all 0.4s ease 0s*/
}
.table td,.table th{  font-size: 12px; border-bottom: 1px solid #dddddd;}
.table .td_tc{ text-align: center;}
.table .td_tr{ text-align: right;}
.table tr:hover td{background:#f5f5f5; }
.table td.td_flow,.td_flow {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.table .td_opacity{opacity:0.6;}
.table .input_opera{ display:inline-block; padding-left: 16px; margin-right:0; margin-top:0px; margin-bottom:0px; min-width:14px; min-height:14px;cursor: pointer;}
.table .checkbox input[type="checkbox"] + span{ top:2px;}
.table .inptText{ height:24px; color: #8c8c8c; padding:0 6px; width: 100%; margin-left: -6px;}

.table .selects{ height:24px; color: #8c8c8c; padding:0 6px 0 6px; padding-right:20px; width: 100%; margin-left: 0;}

.table .selectBox{ width:100%;}
.table .selectBox_ul{  }
.table .td_edit{ display: none;}
.table .td_edit td{ padding:6px 6px 6px 6px;}

.table_NoData{width: 100%; border-bottom: 1px solid #dddddd; padding: 30px 0;}
.table_NoData p{ font-size:14px;}

.table .td_opear a{ display:inline-block;  margin-right: 5px; white-space:nowrap; word-break: normal;cursor:pointer; }
/* .table .td_opear a:hover{ text-decoration:underline; color:#0088cc; } */
.readme{ position: relative; background: #f5f5f5; padding: 15px 20px 15px 90px; color: #8c8c8c;}
.readme .note{ position: absolute; left: 30px;top:15px;}
.readme div{ margin-bottom: 3px;}
.opear_list{ position: relative;}
.opear_list .popover{ top:15px; left: 30px;}
.opear_list .popover_box{ padding: 5px 0 0 15px;}
.opear_list .popover_box > div{ cursor: pointer;line-height: 20px;margin-bottom: 5px;}
.table .td_opear .colorG {color: #59cba0;}



.table td .opear_order a{ color: #1d74b2;}


.table .sort{ display:inline-block; min-width:16px; min-height:10px; cursor: pointer; padding-right:18px; background-position:right center; background-repeat:no-repeat; font-style:normal;}


.table  .click_to_edit:hover{ text-decoration: underline; cursor: pointer}
.table_simple td,.table_simple th{ border-bottom: 0;}
.table_simple tr:hover td{ background: none;}
.table_normal{ border-top: 1px solid #ddd; border-left: 1px solid #ddd;}
.table_normal td{ border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; padding: 6px 8px 6px 10px;}

.table .num{ width: 80px; min-width: 80px;}
.table .td_check{ width: 50px; min-width: 50px;}
.table .td_MAC{ width: 135px; min-width: 135px;}
.table .table_time_w{ width:140px;}
.table .table_IPMAC_w{ width:132px;}
.table .table_th_w100{ width:100px;}

/*ip mac换行*/
.td-IPwrap span{
    display:inline-block;
    white-space: nowrap;
    word-break: normal;
    /*字段超长不这行时使用
    display: inline-block;
    max-width: 100%;
    word-wrap:break-word;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow:hidden;*/
}

.td-ProtocolWrap span{
	display:inline-block;
	white-space: nowrap;
	word-break: normal;
	padding-right:5px;
}

table .td-nowrap{
	white-space: nowrap;
	word-break: normal;

}

/*ul详情表格--end*/
.ul_list_simple{ color:#8c8c8c;}
.ul_list_simple > li{padding:10px; vertical-align: top;}
.ul_list_simple > li > span.tit{ display:inline-block; float:left; width:100px; position:relative; left:0px; top:0px; margin-right:10px;}
.ul_list_simple > li > p.txt{display:inline-block; float:left;}
/*table表格--end*/

/*分页*/
.pager {margin: 20px 0 30px 5px; font-size: 12px;}
.page_div a {
	color: #888888;
	cursor: pointer;
	display: block;
	height: 20px;
	line-height: 20px;
	margin-left: 4px;
	margin-top: 3px;
	text-align: center;
	border-radius: 2px;
}
.firstpage {
	background: url( ../images/left_button.svg) no-repeat center 5px;
	margin-right: 5px;
	width: 20px;
}
.page_div .fpage_l {
	background: url( ../images/left_go.svg) no-repeat center 5px;
	width: 20px;
	margin: 3px 5px 0 0;
}
.page_div .cur { background: #3e8cd4!important;color: #fff; }
.page_a { padding: 0 7px; }
.page_a:hover{ text-decoration: none; background: #c4e1fc;}
.fpage_r {background: url( ../images/right_go.svg) no-repeat center 5px;width: 20px;}
.lastpage {background:url( ../images/right_button.svg) no-repeat center 5px;margin-left: 8px ;width: 20px;}
.pager_select{margin: 0 20px 0 10px;}
.pager_select select{ margin: 0 5px; width: 65px;}
.num_pager{border: 1px solid #dddddd;display: inline-block;height: 25px;margin-left: 15px;padding: 0 5px;text-align: center; width: 35px; border-radius: 2px;}
.pager_l{ margin: 5px 10px 0 5px;}
.pager .jump_go{ color: #fff; background: #3e8cd4;border: 0; display: inline-block; padding: 3px 8px; cursor: pointer; border-radius: 2px; }
/*分页--end*/

/*编辑页面*/
.helpService a.close_ico{
	color:#fe6f73;
	font-size:21px;

    cursor: pointer;
    float: right;

    font-weight: normal;
    line-height: 1;

    padding: 0 4px;
    position: relative;
    right: -5px;
    top: -3px;
    text-decoration: none;

}
.helpService .close_ico:hover{text-decoration: none; color:#fe6f73; }

.error_tip {  margin: 0 0 0 5px;color: #fe6f73; display: inline-block; }
.unit{ display: inline-block; margin-left:5px;}


.btn_confirm{ padding: 7px 28px;}
.btn_cancel{ color: #89949b; padding: 7px 28px; background: #fff; border: 1px solid #ddd;}
.show_btn{ padding: 3px 8px;}
@media ( max-width : 567px){
	.btn_confirm{ padding: 7px 18px;}
	.btn_cancel{  padding: 7px 18px;}
}


/*密码显示切换*/
.show_password{ position: relative;}
.eyes{ position: absolute; width:0; padding-left:12px; padding-right:12px; height: 100%; top:0; right: 0;  border: 0; cursor: pointer; }
.open_eye{background:url( ../images/eye.svg) center center no-repeat; }
.close_eye{background:url( ../images/close_eye.svg)  center center no-repeat;}
/*密码显示切换--end*/



.checkbox_power,.checkbox_tab,.repeat_tab{
	display:inline-block;
	height: 20px;
	width: 56px;
	cursor: pointer;
	background-color: #f9f9f9;
	overflow: hidden;
	position: relative;
}

.checkbox_power input[type="checkbox"],.checkbox_tab input[type="checkbox"],.repeat_tab input[type="checkbox"]{
	position: absolute;
	top: 0;
	left: -60px;
}

.checkbox_power div,.checkbox_tab div,.repeat_tab div{
	height: 20px;
	width: 84px;
	position: absolute;
	top: 0;
	left: 0;
}

.checkbox_power p,.checkbox_tab p,.repeat_tab p{
	height: 20px;
	width: 28px;
	text-align: center;
	line-height: 18px;
	float: left;
}

.checkbox_power span,.checkbox_tab span,.repeat_tab span{
	display: block;
	height: 20px;
	width: 28px;
	float: left;
	border: 1px solid #ddd;
	background: #fff;
	text-align: center;
}
.checkbox_power .on_bgs,.checkbox_tab .on_bgs,.repeat_tab .on_bgs{ border-left: 0}
.checkbox_power .off_bgs,.checkbox_tab .off_bgs,.repeat_tab .off_bgs{ border-right: 0}

.ons{ background: #59cba0; color: #fff; border:1px solid #59cba0; }
.offs{ background: #ccc; color: #fff; border:1px solid #ccc; }
.checkbox_power em,.checkbox_tab em,.repeat_tab em{width: 10px;border: 1px solid #6d6d6d; display: inline-block; vertical-align: middle;}
.checkbox_power .on_bgs em,.checkbox_tab .on_bgs em,.repeat_tab .on_bgs em{height: 10px; border-radius: 50%;margin-top:-1px;}
.checkbox_power .off_bgs em,.checkbox_tab .off_bgs em,.repeat_tab .off_bgs em{height: 1px; border-radius:0; border-bottom: 0;}

.checkbox_power div{ left: -28px; }
.checkbox_power div em {
	display: inline-block;
	border: 1px solid #6d6d6d;
	vertical-align: middle;
	height: 1px;
	border-radius:0;
	border-bottom: 0;
}
.checkbox_power input[type="checkbox"]:checked + div{
	left: 0px;
}
.checkbox_power input[type="checkbox"]:checked + div span {
	border-left: 0;
}
.checkbox_power input[type="checkbox"]:checked + div em {
	height: 10px; border-radius: 50%; margin-top:-1px; border: 1px solid #6d6d6d;
}



.fileds .checkbox{ margin-right: 0;}
.fileds .checkbox input[type="checkbox"] + span{top:0;}
/*switch-the-animation-end*/

/*弹出框*/
.info_title{ font-size: 16px; color: #fe6f73;}
.info_detail{font-size: 14px; margin-top: 5px;}
.jqmWindow {
		display: none;
	left: 50%;
	margin-left: -384px;
	position: fixed;
	top: 20%;
	width: 768px;
	
}
.jqmWindow_box {
	overflow:auto;
	padding:0 20px;
}
.jqmWindow_foot{ padding: 15px 20px;  border-top:1px solid #eff0f4;}
.jqmOverlay {
	background-color: #000;
}
* iframe.jqm {
	left: 0;
	position: absolute;
	top: 0;
	z-index: -1;
}

.jqmWindowTit {
	border-bottom: 1px solid #eff0f4;
	font-size: 16px;
	overflow: hidden;
	padding: 8px 20px;
}
.jqmWindowTit p {
	line-height: 25px;
	font-size: 14px;
}
.jqmWindowBmt {
	border-top: 2px solid #eff0f4;
}
.jqmWindowClose{
	color: #000;
	cursor: pointer;
	float: right;
	font-size: 21px;
	font-weight:normal;
	line-height: 1;
	opacity: 0.2;
	padding: 0 4px;
	position: relative;
	right: -5px;
	text-shadow: 0 1px 0 #fff;
	top: 0px;
	text-decoration: none;
}
.jqmWindowClose:hover,.jqmWindowClose:focus{
	color: #fe6f73;
	opacity: 1;
	text-decoration: none;
}
.showdiv300 {
	background: #fff none repeat scroll 0 0;
	margin-left: -100px;
	top: 20%;
	width: 300px;
}
.showdiv400 {
	background: #fff none repeat scroll 0 0;
	margin-left: -200px;
	top: 20%;
	width: 400px;
}
.showdiv500 {
	background: #fff none repeat scroll 0 0;
	margin-left: -250px;
	top: 20%;
	width: 500px;
}
.showdiv, .showdiv600 {
	background: #fff none repeat scroll 0 0;
	margin-left: -250px;
	top: 20%;
	width: 600px;
}
.showdiv800 {
	background: #fff none repeat scroll 0 0;
	margin-left: -350px;
	top: 8%;
	width: 800px;
}
.showdiv900 {
	background: #fff none repeat scroll 0 0;
	margin-left: -400px;
	top: 8%;
	width: 900px;
}



/*协议*/
.treeLeft {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #dbdfe6;
	height: 200px;
	overflow: auto;
	padding-left: 10px;
	padding-top: 10px;
	text-align: left;
	width: 220px;
	width: 100%;
}

.xieyi {
	height: 200px;
	width: 220px;
}
.tree {
	list-style-type: none;
	padding-left: 60px;
}
.myTree {
	list-style-type: none;
	padding-left: 20px;
}
.myTree UL {
	list-style-type: none;
	padding-left: 22px;
}
.textHolder {
	height: 16px;
	line-height: 16px;
	padding-left: 6px;
}
.treeItem {
	cursor: pointer;
	list-style-type: none;
}
.xie li {
	list-style: outside none none;
	width: 80px;
}
.treeLeft li {
	white-space: nowrap;
}
.xieyi option {
	color: #666;
	padding: 3px 5px;
}
.img_1 {
	vertical-align: bottom;
}
.folderImage {
	vertical-align: bottom;
}

.treeAdd,.treeDel{ width: 90px;}

/*内外网*/

/*内外网设置*/
.lan_num{ font-size: 60px; color: #000; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-weight:lighter;}


.set_net{ margin-top: 10px;}
.set_name{ font-size: 20px; color: #333333; margin-bottom: 10px;}
.btn_label{ font-size: 12px; padding: 2px 10px;}


.set_nets{ padding-left:10px; margin-bottom:20px;}
.set_nets span,.set_nets a{ display: inline-block; vertical-align: text-bottom}
.set_nets a{ margin-bottom: 15px;}
.net_title{color:#8c8c8c; margin-top: 20px;}
.net_title .lan{ font-size: 14px; color: #333333;}
.net_title span{ margin: 0 5px 0 2px;}
.net_head span{ margin-left: 15px; padding: 4px 0; display: inline-block;}
.net_head .net_head_edit{ float:right; margin-right:15px; display:none;}
.net_content > a:hover .net_head .net_head_edit{display: inline-block;}
.net_content{margin-top: 15px;padding-right: 20px;}
.net_content >a,.net_content>a:hover{ text-decoration: none; border-bottom: 1px solid #dddddd; display: block; }
.net_content table { margin-bottom:10px; margin-top:10px;}
.net_content_tit { width:75px;}
.net_content table td{color: #8c8c8c; padding: 6px;word-wrap: break-word; vertical-align: top}
.net_content table td .titdot{ height:32px;}
.net_content table .colorG {color: #59cba0;}
.net_content table .colorR{ color: #fe6f73;}
.net_content table .colorY {color: #eba65f;}
.select_auto{ width: 78%; max-width:430px;}
.type_network .checkbox {margin-right: 0px; }
.type_network > div { margin-top:5px; margin-bottom: 10px;}
.has_txt {line-height: 26px;table-layout: fixed; word-wrap:break-word; word-break:break-all;}
.remark{ color: #cccccc; vertical-align: middle;}


.Reference_bnt{ text-decoration: underline;}
.time_redial .checkbox, .time_redial .radio{ padding-left: 20px; margin-top:5px;}




/*宽带参考 展开--end--*/
.Reference_tab ul{ border-top:0px solid #ddd; border-left: 0px solid #ddd;}
.Reference_tab ul li{ float: left; width: 20%; border-bottom: 0px solid #ddd; border-right: 0px solid #ddd; padding: 8px 10px; cursor: pointer;}
.Reference_tab .bg_color{ background: #3598dc; color: #fff;}
.reference_val{ display:block; margin-bottom: 15px;}

@media ( max-width : 1036px) {
	.net_content{ padding-right:10px; padding-left:10px;}
}
/*内外网--end*/

/*tab切换*/
.menu { border: 1px solid #3e8cd4;border-radius: 2px;overflow: hidden; float: left;margin:0 -1px;}
.radio_hidden{display: block;float: left;margin: 0; line-height:20px; overflow: hidden;cursor: pointer;padding: 3px 20px;position: relative;min-height: 20px; border-left: 1px solid #3e8cd4;}
.menu .active {background: #3e8cd4;color: #fff;}
.radio_hidden input[type="radio"] {left: -9999em;position: absolute;}
.radio_l_border{ }
.radio_hidden:first-of-type{ border-left:0; }

@media ( max-width : 567px){
	.div-center{ width: 100%;}
	.menu{width:90% !important; margin: 0 auto; float: none;}
	.radio_hidden{ clear:both; width:100%; border-right:0 !important;}
	}

/*通知弹出框与升级弹出框*/
.notice_box{ position: fixed; bottom: 10px; right: 16px; border: 1px solid #ddd; border-radius: 2px; background: #fff; width: 270px; padding: 10px 15px; z-index: 999;}
.notice_head{ margin-bottom: 5px;}
.notice_lay{ text-indent: 20px; line-height: 1.6; margin: 10px 0}
.notice_close{
	color: #ccc;
    cursor: pointer;
    float: right;
    font-size: 20px;
    font-weight: normal;
    line-height: 1;
    padding: 0 4px;
    position: relative;
    right: -5px;
    text-decoration: none;
    top: -3px;
}
.notice_close:hover{ color: #fe6f73; text-decoration: none; }
.sdot{width:2px; height:2px; background:#7e8185;display:inline-block; margin-right:3px; vertical-align:middle;}

/*通知弹出框与升级弹出框*/



/*表单*/
.search_list{ margin-right: 0; margin-bottom: 0;}

.line_edit{ margin-bottom: 14px; position:relative; padding-left:160px; }

.input_tit{  display: inline-block; width:160px; padding:5px; position:absolute; left:0px;}

.input_group{ display: inline-block; min-height:26px;}
.input_group > em{
	color: #fe6f73;
	display: inline-block;
    margin-top: 6px;
	margin-left: 5px;
	font-style: normal;
	vertical-align: top;}
.emMandatory{color: #fe6f73; margin-left: 5px; font-style: normal; vertical-align: middle;}
.input_group > .checkbox_power{ margin-top:3px;}

.input_P{ display: inline-block; vertical-align: top; padding-top:5px;}
.adress_net{ padding-top: 0;}

.box{ width: 100%;}

.w25p{width:25%}
.w50p{width:50%}
.w40{ width: 40px;}
.w70{ width: 70px;}
.w110{ width: 110px;}
.w120{ width: 120px;} /*数字输入框的长度*/
.w152{ width: 152px;}
.w160{ width: 160px;}
.w164{ width: 164px;}
.w200{ width: 200px;}
.w274{ width: 274px;}
.w420{ width: 470px; min-width:auto;}
textarea.w420{
	width: 470px;
	max-width: 470px;
}
.w750{ max-width:750px; width:100%;}
.min_w650{ min-width:650px; width:100%;}
.min_w470{ min-width:470px; width:100%;}
@media (max-width: 769px){
.autoTitle{ display:block;width:100%;}
}
/*表单-end*/



/*新添 日志中心-日志管理 表单 复选框列表*/
.input_group_checkbox_list{ width:100%; display:inline-block;}
.input_group_checkbox_list li{ float:left; min-width:200px;}


/*表单自适应*/
@media ( max-width : 1200px) {
	.search_box .search_list{ min-width:125px; max-width:125px;}

}

/*pad竖屏 手机横屏*/
@media ( max-width : 769px) {

	.search_box .fl{ margin-left: 10px;}
	.margin_phone{ padding-left: 10px; padding-right: 10px;}

	.line_edit{ position:relative; padding-left:0;}

	.input_tit{  width:100%; padding:0; position:relative;}

	.input_group{ display: block !important;}
	.input_group{ margin: 5px 0;}
	.input_group .search_list{ width: 78%}

	.line_edit .inptText,.line_edit .input_t textarea{ width: 78%;}
	.line_edit .w70 {width: 70px;}

	.show_password{ width: 78%;}
    .line_show > .show_password .inptText{width: 100%;}

	.search_box{ margin-left:10px; margin-right:10px;}
	.search_box_fr{ float:left;}
	.search_box_fr .selectBox{ margin-bottom:10px;}
	.search_list .selects{ width: 100%;}

	.jqmWindow{ width: 100%!important;margin-left: 0!important;left: 0!important;}
	.ip_groups .search_list{ margin-top: 5px;}
	.opear_ip .col-lg-offset-1{ margin-left: 0;}
	/*.agreement_div{ width: 370px;}*/
	.select_auto{ width: 100%; margin-bottom: 5px;}
	.w420{ width: auto;}
	.h40{ height: 20px;}
	.adress_net{ display: block; margin-left: 0; padding-top: 5px;}
	.remark.margin-l-10{ margin-left: 0;}
	.radio_hidden{/* padding: 2px 5px;*/}
	.bind_btn{ float: right;}
	.line_show > .inline_blcok{ display: block; margin-top: 5px;}
	.line_show > .inline_blcok input, 
	.line_show > textarea.inptText_W200 {
		width:90%;
	}
	.line_show > .inline_blcok .search_list{ width: 90%;}
	.num_names.sum_line{ margin-top: 0;}
	.function_lists{ margin-left: 10px;}

}
/*手机竖屏 小于横屏5*/
@media ( max-width : 567px) {
	.search_box .search_list{ min-width:100%; max-width:100%; width:100%; margin-right:0px;}
}
/*表单自适应-end*/

/*file上传美化*/
.type_file {
	position: relative;
	display:inline-block;
	padding-right:90px;
	margin-bottom:10px;
}

.textfield {

}

.type_file_button {
	display:inline-block;

	margin-right:0;
	width:90px;

	position:absolute; right:0; top:0;

	overflow: hidden;

	text-align: center;
	white-space: nowrap;

	color: #FFFFFF;

}

.type_file_file {
	cursor: pointer;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	height: 100%;
	filter: alpha(opacity = 0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}

.file_W {
	width: 100%; max-width:269px;
}

.file_W .textfield {
	width: 100%;
}
@media ( max-width : 567px){
.file_W {
	width: 100%; max-width:239px;
}
}

.file_W260 .type_file_button {

}
.loading14_black, .loading16, .loading64, .loading120{
	display: inline-block; 
	vertical-align:middle;
	width: 12px;
	height: 12px;
	font-size: 0;
	color: #a8a8a8;
}
 
.loading14_black:after, .loading16:after, .loading64:after, .loading120:after{
	position: relative;
	display: inline-block;
	content:"";
	width: 100%;
	height: 100%;
	float: none;
	background-color: currentColor;
	border: 0 solid currentColor;
	background: transparent;
	border-width: 1px;
	border-bottom-color: transparent;
	border-radius: 100%;
	-webkit-animation: loading-rotate 0.75s linear infinite;
	-moz-animation: loading-rotate 0.75s linear infinite;
	-o-animation: loading-rotate 0.75s linear infinite;
	animation: loading-rotate 0.75s linear infinite;
}

.loading14_black{
 width: 12px;
 height: 12px; 
} 
.loading16 {
 width: 16px;
 height: 16px;
} 
.loading16:after{
 border-width: 2px;
}
.loading64 {
	width: 64px;
	height: 64px;
} 
.loading64:after{
	border-width: 3px;
}
.loading120 {
 padding: 10px;
 width: 100px;
 height: 100px;
}
.loading120:after {
 border-width: 5px;
}
 
@-webkit-keyframes loading-rotate {
0% {-webkit-transform:rotate(0deg);transform:rotate(0deg)}
100% {-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@-moz-keyframes loading-rotate {
0% {-moz-transform:rotate(0deg);transform:rotate(0deg)}
100% {-moz-transform:rotate(360deg);transform:rotate(360deg)}
}
@-o-keyframes loading-rotate {
0% {-o-transform:rotate(0deg);transform:rotate(0deg)}
100% {-o-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes loading-rotate {
0% {-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}
100% {-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}
}

.type_file_state{ display:inline-block; }
.type_file_state p{ display:inline-block;}
/*file上传美化-end*/

/*添加ip组*/
.opear_ip{ padding: 0;}
.ipsC{ height: 154px;}
.opts{ height: 190px; }
.form_layout{ max-width:658px;}
.form_layout .btn,
.form_layout .inptText,
.form_layout .search_list{ width:100%;}
.form_layout .btn{ margin-right:0; margin-right:0; padding-left:5px; padding-right:5px;}
.form_layout_option{ padding-right:108px; }
.form_layout_operation{ position:absolute; width: 108px; padding-top:50px; top:0; right:0;}

/*应用协议*/
.form_agreements{ max-width:658px;}
.form_agreements .btn,
.form_agreements .inptText,
.form_agreements .search_list{ width:100%;}
.form_agreements .btn{ margin-right:0; margin-right:0; padding-left:5px; padding-right:5px;}

.form_agreements_option{ padding-right:108px; }
.form_agreements_operation{ position:absolute; width: 108px;  top:60px; right:0;  padding:0 10px;}
.form_agreements_operation .btn{ margin-bottom:10px;}

.form_agreements_search{ padding-right:108px; }
.form_agreements  .form_agreements_search_btn{position:absolute; height:24px; width: 20px; top:0; right:108px;}

@media ( max-width : 767px) {
/*应用协议*/
.form_agreements_option{width:100%; padding-right:0;}
.form_agreements_operation{position:relative; top:0px; padding-top:10px; width:100%;}
.form_agreements_search{ padding-right:0; }
.form_agreements  .form_agreements_search_btn{width: 108px; top:0; right:0;}
}




/*气泡提示*/
.tooltip {
	display: block;
	font-size: 11px;
	line-height: 1.4;
	opacity: 0;
	position: absolute;
	visibility: visible;
	z-index: 1030;
}
.tooltip.in {
	opacity:1;
}
.tooltip.top {
	margin-top: -3px;
	padding: 5px 0;
}
.tooltip.right {
	margin-left: 3px;
	padding: 0 5px;
}
.tooltip.bottom {
	margin-top: 3px;
	padding: 5px 0;
}
.tooltip.left {
	margin-left: -3px;
	padding: 0 5px;
}
.tooltip-inner {
	background-color: #fff;
	border-radius: 4px;
	color: #888;
	max-width: 200px;
	padding: 8px;
	text-align: center;
	text-decoration: none;
}
.tooltip-arrow {
	border-color: transparent;
	border-style: solid;
	height: 0;
	position: absolute;
	width: 0;
}
.tooltip.top .tooltip-arrow {
	border-top-color: #fff;
	border-width: 5px 5px 0;
	bottom: 0;
	left: 50%;
	margin-left: -5px;
}
.tooltip.right .tooltip-arrow {
	border-right-color: #fff;
	border-width: 5px 5px 5px 0;
	left: 0;
	margin-top: -5px;
	top: 50%;
}
.tooltip.left .tooltip-arrow {
	border-left-color: #fff;
	border-width: 5px 0 5px 5px;
	margin-top: -5px;
	right: 0;
	top: 50%;
}
.tooltip.bottom .tooltip-arrow {
	border-bottom-color: #fff;
	border-width: 0 5px 5px;
	left: 50%;
	margin-left: -5px;
	top: 0;
}

/*气泡提示--end--*/

/*系统设置*/
.set_time span{display: inline-block; margin: 0 1px 0 3px;}
.update_div{background: #e6e6e6;border-radius: 2px;height: 10px; width: 200px;}
.update_div .progress_has {background: #4dbdef;border-radius: 2px;  height: 10px;}
.line_redial .checkbox{ width: 30%; display: inline-block; margin-top: 10px;}
.ddCal{ font-size: 16px; margin-left: 10px;}
.ddCal:hover{ text-decoration: none;}

/*pad竖屏 手机横屏*/
@media ( max-width : 769px) {
	.line_redial .checkbox{ width: 98%; display: inline-block; margin-top: 10px;}
}


/*系统设置--end--*/

/*AC管理 > AP配置 >  批量修改配置---*/
.checkbox_APbatch{ top:5px; margin-right:10px; }
.checkbox_APbatch_NoInputText{ top:8px; margin-right:10px; }
.nbsp_APbatch{margin-right:32px;}
/*AC管理 > AP配置 >  批量修改配置--end--*/

.line_show{ margin-bottom: 10px;}
.line_show > span{ display: inline-block; width: 140px;}
@media ( max-width : 769px) {
	.line_show > span{ width: 100%;}
	}
/*AC管理*/
.line_block{margin-top: 20px;}
/*AC管理--end--*/

/*--权限等级折叠*/
.rightsTree_cursor{ cursor:pointer;}
.rightsTree_fold{  display:inline-block; cursor:pointer; color:#888; }
.rightsTree_open{ display:none; cursor:pointer; color:#888;}

.w1, .w2, .w3, .w4, .w5, .w6, .w7, .w8, .w9, .w10, .w11, .w12, .w13, .w14, .w15, .w16, .w17, .w18, .w19, .w20, .w21, .w22, .w23, .w24, .w25, .w26, .w27, .w28{ display:none;}
.w29,.w30,.w31,.w32,.w33,.w34,.w35,.w36{ display: none;}
/*弹框下表单*/
.jqmWindow .line_edit{ padding-left: 100px;}
.jqmWindow .input_tit{ width: 100px;}
.jqmWindow .inptText{width: 240px;}
.jqmWindow .selects{width: 240px;}


/*统计图插件*/
.font12{ font-size:12px;}
.font14{ font-size: 14px;}
.font16{ font-size: 16px;}
.font18{ font-size: 18px; }
.font20{ font-size: 20px; font-weight:100;}
.font24{ font-size: 24px; font-weight:100;}
.font28{ font-size: 28px; font-weight:100;}
.font32{ font-size: 32px; }
.font36{ font-size: 36px; }



.deal_div{height:300px; width:100%; float:left; overflow: hidden;}
.num_type{font-family: 'Roboto', Helvetica, Arial, sans-serif;font-size: 36px; font-weight:lighter;margin-left: 20px; }
.day_type{ margin-bottom: 5px; margin-left: 20px;}
.num_names{ font-size:14px; color: #333;}
.sum_line{ font-size: 24px; color: #1d74b2; margin-top: -12px;}
.function_lists{ border: 1px solid #efefef; padding: 10px 15px; margin-right: 15px; margin-bottom: 15px;}
.function_lay{ line-height: 1.8; min-height: 42px;}
.route_exam{ margin-left: 75px;}

.btn_exam{ font-size: 14px; float: left;  color: #ffffff; padding: 10px 20px; border-radius: 3px; margin-left: 40px;}
.route_group{ margin-left: 25px; margin-right:25px;}
.exam_icon{ width: 49px; height: 49px;margin-left: 10px; }
.exam_icon1{ background: url(" ../images/exam_icon1.svg") no-repeat;}
.exam_icon2{ background: url(" ../images/exam_icon2.svg") no-repeat;}
.exam_icon3{ background: url(" ../images/exam_icon3.svg") no-repeat;}
.exam_icon4{ background: url(" ../images/exam_icon4.svg") no-repeat;}
.exam_icon5{ background: url(" ../images/exam_icon5.svg") no-repeat;}
.exam_icon6{ background: url(" ../images/exam_icon6.svg") no-repeat;}
.exam_icon7{ background: url(" ../images/exam_icon7.svg") no-repeat;}

.has_exam .exam_icon1{ background: url(" ../images/exam_icon1_h.svg") no-repeat;}
.has_exam .exam_icon2{ background: url(" ../images/exam_icon2_h.svg") no-repeat;}
.has_exam .exam_icon3{ background: url(" ../images/exam_icon3_h.svg") no-repeat;}
.has_exam .exam_icon4{ background: url(" ../images/exam_icon4_h.svg") no-repeat;}
.has_exam .exam_icon5{ background: url(" ../images/exam_icon5_h.svg") no-repeat;}
.has_exam .exam_icon6{ background: url(" ../images/exam_icon6_h.svg") no-repeat;}
.has_exam .exam_icon7{ background: url(" ../images/exam_icon7_h.svg") no-repeat;}

.exam_finish{ font-size: 24px; color: #3e8cd4;}
.exam_lay{ position: relative; margin-top: 30px;}
.tit_exam{ position: absolute; left: 0; top:2px; width:140px;font-size: 14px; }
.exam_lists{ padding-left: 140px;  font-size: 14px; line-height: 1.8;}
.colorGray {color: #898989;}
.exam_list{ width: 110px; margin: 0 auto; }
@media ( max-width : 769px){
	.btn_exam{ margin-left: 20px; }
}
@media ( max-width : 567px){
	.btn_exam{ margin-left: 0px; clear:both; margin-top:10px;}
	.route_exam{ margin-left:10px;}
	.tit_exam{ position:inherit }
	.exam_lists{ padding-left: 0px;}
}


.margin_auto{ margin: 0 auto;}
.route_group .exam_icon{ margin: 0 auto}
.route_group .exam_charts{ padding-top: 22px; margin:0 auto; }
.examing .exam_charts{ padding-top: 0; margin:0 auto; }
.rout_examing .examing .exam_icon{position: absolute; left: 22px; top:20px;}
.exam_chart{ width: 90px; height: 90px;display: none;}
.examing .exam_icon{ display: none;}
.exam_charts{ width: 90px; height: 90px;}

.relative{ position: relative;}
.examing .exam_chart{ display: block;}
.state_type{ width: 60px; height: 50px; position: absolute; left: 30px; top:35px;}

.user_nums{font-family: 'Roboto', Helvetica, Arial, sans-serif;font-size: 36px; font-weight:lighter;}


.char_w{ width: 100%;}
.states_show{height:120px; width:100%; overflow: hidden;}
a.btn_deling{ position: absolute; bottom: 0; right: 0; background: #000; opacity: 0.4; color: #fff; width:auto;  padding: 4px 20px;}
.upload_image{border: 1px solid #ededed; margin-right: 20px; margin-bottom: 20px;}
.speeds{font-family: 'Roboto', Helvetica, Arial, sans-serif;font-size: 20px; margin: 0 5px;}
.btn_speed{ padding: 10px 31px; font-size: 14px; margin-right: 0;}
.test_result{ font-size: 18px; color: #8c8c8c;}

/*流控设置-自定义流控-协议优先级设置*/
.mode_type{ width: 450px; clear:both;}
.mode_type li{ display:inline-table; float:left; margin-bottom:10px; width:50%; padding-right:10px; }
.mode_type_span{ width: 80px; display: table-cell; vertical-align:middle; margin-left:10px;}
.mode_type li .selects{ width:80px;}
.mode_type li .select_auto{ min-width:60px;}

@media ( max-width : 767px) {
.mode_type{ width: 100%;}
.mode_type li{  width:100%; max-width:200px; }
}

/*通知推送展示*/
.announce_body{ background-color:#efefef;}
.announce_box{ width:90%; max-width:800px; background-color:#FFF; border:1px solid #ddd; position:relative; margin:0 auto; padding:0; top:15%; }
.announce_tit{ padding:20px 0 10px 0; border-bottom: 1px solid #efefef; margin:0 30px ;}
.announce_tit h3{ font-size:16px; font-weight:inherit; background:url( ../images/ico/announce_tit.png) 0 50% no-repeat; min-height:24px; padding-left:30px; }
.announce_content{ padding:20px 30px 0 30px; line-height:150%;}
.announce_bottom{ text-align:right; padding:20px 30px 20px 30px;}


/*状态切换（表格刷新）*/
.state_list{
	position:relative;
	display: inline-block;
    margin-right:0;
	margin-left:4px;
	width:auto;
	min-width: 60px;
	margin-top:0;

}
.state_list .selects{
	width: 100%;
	color:#89949b;
}

.state_list_div{ float: right}
@media (max-width: 567px){
	.state_list_div{ float:left; width:100%;}
}
/*状态切换（表格刷新）*/
.state_renovate{
	min-width: 116px;
	margin-bottom:10px;
	margin-right:0;
	margin-left:0;
	padding-right:28px;
}
.state_renovate .btn_refresh {
	position:absolute;
	right:0;
	top:4px;
}


/*日期插件*/
.el-scrollbar__wrap{margin-bottom: 0px!important;}
body .el-input__icon{
  width: 24px;
  font-size:6px;
  color: #8d979e;
}
body .el-icon-close{
  background: url( ../images/datePickerClose.svg) 50% 50% no-repeat;
}
body .el-icon-time{
	background: url( ../images/timePicker.svg) 50% 50% no-repeat;
}
body .el-icon-date{
	background: url( ../images/datePicker.svg) 50% 50% no-repeat;
}
body .el-date-editor.el-input {
  width: 340px;
}

body .el-icon-time:before ,body .el-icon-close:before, body .el-icon-date:before  {
	content: "";
}
body .el-input__icon+.el-input__inner {
  padding-right: 24px;

}
body .el-input--small .el-input__inner{  width: 100%; }
body .el-input__inner:hover{ border-color: #dddddd; }
body .el-input__inner{
  background-color: #fff;
  border: 1px solid #dddddd;
  color: #666666;
  font-size: 12px;
  height: 26px;
  width: 340px;
  padding: 0 5px;
  border-radius: 2px;
}
body .el-date-picker__header {
    min-width: 234px;
}

@media (max-width: 769px){
	body .el-date-editor.el-input  {
	  width: 78%;
	}
	body .el-input__inner {
	  width: 100%;
	}
}
body .w200 .el-date-editor.el-input {
	width: 200px;
}
body .w200 .el-input__inner{
	width: 100%;
}

body .table_refresh .el-date-editor.el-input{width: 100%;}
body .table_refresh .el-input__inner { width: 100%;  }
body .search_list .el-date-editor.el-input{width: 100%;}
body .search_list .el-input__inner { width: 100%;  }

body .el-input__inner::-webkit-input-placeholder { /* WebKit browsers */
  line-height: 1.5em;
  color:#a8a8a9;
}
body .el-input__inner:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	line-height: 1.5em;
　　color:#a8a8a9;
}
body .el-input__inner::-moz-placeholder { /* Mozilla Firefox 19+ */
	line-height: 1.5em;
　　color:#a8a8a9;
}
body .el-input__inner:-ms-input-placeholder { /* Internet Explorer 10+ */
	line-height: 1.5em;
　　color:#a8a8a9;
}
/*el-dialog弹框*/
body .el-dialog__body{padding-bottom:10px; font-size:12px; }
body .el-dialog__title{ font-size:14px;}

.el-dialog__body .helpService{ top:10px !important;}
.el-dialog__body .helpService a.close_ico{ color:#fff;  }



/*文本编辑器*/
.w-e-text ul, .w-e-text ol { margin: 10px 0 10px 20px;}
.w-e-text ol li{list-style-type: decimal; }
.w-e-text ul li{list-style-type: disc; }



/*通知详情*/
.noticeDetails{ padding-top:30px; padding-bottom:30px; max-width:900px; margin:0 auto;}
.noticeDetailsP{ margin-top:10px;}
.noticeDetailsTxt{margin:20px 30px; line-height:160%;}

/*UPNP添加IP*/
.singleAdd{}
.singleAdd .inptText{width:100%;}
.singleAdd .insert{width:340px; padding-right:150px; position:relative;}
.singleAdd .insertBut{position:absolute; top:0; right:0;}
@media ( max-width : 769px) {
	.singleAdd .insert{width:100%; padding-right:0px;}
	.singleAdd .insertBut{ position:relative; margin-top:10px;}
}

@media (max-width : 1036px){
	.noticeDetailsTxt{margin:20px 0;}
}
/*通知详情-end*/


/* 输入框样式 */
.inptTextError{ border: 1px solid #fe6f73 !important; }
.inptTextError[disabled]{border: 1px solid #dddddd !important;}
.inptText:focus {border: 1px solid #0088cc; }
/* 输入框样式 end */

@media ( max-width : 767px) {
/*添加ip组*/

.form_layout_operation{ padding-top:0;}

/*弹框下表单*/
.jqmWindow .line_edit{ padding-left: 0;}

}

/*弹框高*/
.jqmWindow_box{ max-height:560px;}
@media ( max-height : 768px){
.jqmWindow_box{ max-height:400px;}
}
@media ( max-height : 568px){
.jqmWindow_box{ max-height:280px;}
}
@media ( max-height : 420px){
  /*弹框高*/
 .jqmWindow_box{ max-height:100px}
}

@media ( max-height : 321px){
  /*弹框高*/
 .jqmWindow_box{ max-height:100px}
}



/**************************首页**************************/


	/*首页边距*/
	.homeBlock .box{ padding-left: 20px; padding-right: 20px; margin-left:auto; margin-right:auto; max-width:1757px; }

	.help_ico, .ETH_Profile a.help_ico{
		display:inline-block;

		padding: 1px 0 2px 0;
		margin-top:3px;
		margin-left:8px;

		min-width: 15px;

		background: #cccccc;
		border-radius: 10px;

		color: #fff;
		font-weight:bold;
    	text-align: center;
		line-height: 12px;
		font-size: 12px;
		font-style: normal;


		cursor:pointer;
		text-decoration:none;
	}
	.help_ico:hover{ background-color:#0088cc; text-decoration:none;}

	/*首页警示*/
	.warning_Profile{
        height: 28px;
		margin-bottom:0;
		padding-left: 30px;
		padding-right: 30px;
		padding-top:5px;
		padding-bottom:5px;

		background-color: #fae2e1;
		color:#fe6f73;
	}
	.warning_Profile a{}
	.warning_Profile a:hover{  text-decoration:none;}
	.warning_Profile em{
		display: inline-block;
		padding: 1px 4px 2px 4px;
		margin-right:10px;
		min-width: 15px;
		background: #fe6f73;
		border-radius: 10px;
		color: #fff;
		font-weight:bold;
		text-align: center;
		line-height: 12px;
		font-size: 12px;
		font-style: normal
	}
	.warning_Profile a.close_ico{
		    color: #fe6f73;
			font-size: 21px;
			cursor: pointer;
			float: right;
			font-weight: normal;
			line-height: 1;
			padding: 0 4px;
			position: relative;
			right: -5px;
			top: -5px;
			text-decoration: none;
	}
	/*首页警示动画*/

/*下拉复选*/
     .jqmWindow_foot .btn{margin-bottom:0; }
	.search_box .selectBox{ margin-right:10px;}
    .selectBox, .selectList {
        position: relative; display:inline-block;
    }

    .selectBox ul, .selectBox_ul, .selectList ul {

        position: absolute;

        width: 100%;
        max-height: 160px;

        border: 1px solid #ddd;
        border-top: 0;
        background-color: #fff;

        border-radius: 0 0 2px 2px;
        overflow-x: auto;
        z-index: 1000;
    }
    .selectBox li , .selectBox_ul li,  .selectList li {
        width: 100%;
        padding: 4px 10px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        display: inline-block;
        vertical-align: middle;
    }
    .selectBox li:hover , .selectBox_ul li:hover, .selectList li:hover{ background-color:#f5f5f5; }
    .selectBox .checkbox , .selectBox_ul .checkbox{ width: 100%;     margin-top:0; }
/*下拉复选-end*/

/* 表格条件下拉菜单 */
.search_box_nav{ display: inline-block; position: relative; margin-right: 5px; }
.search_box_nav a{ margin-right: 0;}
.search_box_nav ul{display:none; position: absolute; left: 0; top:25px; background-color: #fff; border: 1px solid #ddd; min-width: 100%; border-radius: 2px; 
/*	transition: all 0.4s ease 0s;*/
	z-index: 2
}
.search_box_nav:hover ul{display: inline-block; padding-bottom: 2px; }
.search_box_nav ul li{ display: inline-block; width: 100%; padding: 0; margin: 0; }
.search_box_nav ul p{ display: inline-block; width: 100%; padding: 5px; color: #6c777d; text-align: center;}
.search_box_nav ul p:hover{ cursor:pointer; color: #0088cc; }
/* 表格条件下拉菜单end */

/*测速弹框*/
.interface{ margin-top:70px;}
@media ( max-width : 769px) {
.interface{ margin-top:10px;}
}
/*测速弹框-end*/


/*气泡对话框*/
.pt {
	position: absolute;
	text-align:left;
	background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CFCFCF;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
	z-index: 2209;
	width: auto;
	height:auto;
	display:none;
}
.pt .cont {
	height: auto;
	overflow-y: auto;
	background-color: #FFFFFF;
	padding: 10px;
}
.pt .out, .pt .in {
    display: block;
    font-family: simsun;
    font-size: 0;
    height: 0;
    overflow: visible;
    position: absolute;
    width: 0;
}
/*************up*******************/
.pt-up .out, .pt-up .in{
    border-style: dashed dashed solid;
}
.pt-up .out {
    border-color: transparent transparent #CFCFCF;
    border-width: 0 7px 8px;
    left: 28px;
    top: -8px;
}
.pt-up .in {
    border-color: transparent transparent #FFFFFF;
    border-width: 0 6px 7px;
    left: 29px;
    top: -7px;
}
/*************right****************/
.pt-right .out, .pt-right .in {
    border-style: dashed dashed dashed solid;
}
.pt-right .out {
    border-color: transparent transparent transparent #CFCFCF;
    border-width: 8px 0 7px 7px;
    right: -7px;
    top: 28px;
}
.pt-right .in {
    border-color: transparent transparent transparent #FFFFFF;
    border-width: 7px 0 6px 6px;
    right: -6px;
    top: 29px;
}
/*************down*****************/
.pt-down .out, .pt-down .in {
    border-style: solid dashed dashed;
}
.pt-down .out {
    border-color: #CFCFCF transparent transparent;
    border-width: 8px 7px 0;
    bottom: -8px;
    left: 28px;
    top: auto;
}
.pt-down .in {
    border-color: #FFFFFF transparent transparent;
    border-width: 7px 6px 0;
    bottom: -7px;
    left: 29px;
    top: auto;
}
/*************left*****************/
.pt-left .out, .pt-left .in {
    border-style: dashed solid dashed dashed;
}
.pt-left .out {
    border-color: transparent #CFCFCF transparent transparent;
    border-width: 7px 8px 7px 0;
    left: -8px;
    top: 28px;
}
.pt-left .in {
    border-color: transparent #FFFFFF transparent transparent;
    border-width: 6px 7px 6px 0;
    left: -7px;
    top: 29px;
}
/*气泡对话框-end*/


.warning_Profile{
	opacity: 1;
	max-height:300px;
	-webkit-animation: fadeIn 2s 0ms cubic-bezier(0.3, 0.65, 0.4, 1);
	   -moz-animation: fadeIn 2s 0ms cubic-bezier(0.3, 0.65, 0.4, 1);
	    -ms-animation: fadeIn 2s 0ms cubic-bezier(0.3, 0.65, 0.4, 1);
	        animation: fadeIn 2s 0ms cubic-bezier(0.3, 0.65, 0.4, 1);
}
@-webkit-keyframes fadeIn{
	0%{ max-height: 0; opacity: 0;}
	40%{ opacity: 0;}
	70%{ max-height: 60px;}
	100%{ opacity: 1;}
}
@-moz-keyframes fadeIn{
	0%{ max-height: 0; opacity: 0;}
	40%{ opacity: 0;}
	70%{ max-height: 60px;}
	100%{ opacity: 1;}
}
@-ms-keyframes fadeIn{
	0%{ max-height: 0; opacity: 0;}
	40%{ opacity: 0;}
	70%{ max-height: 60px;}
	100%{ opacity: 1;}
}
@keyframes fadeIn{
	0%{ max-height: 0; opacity: 0;}
	40%{ opacity: 0;}
	70%{ max-height: 60px;}
	100%{ opacity: 1;}
}

/*首页边框*/
.row_Profile{
	padding: 18px 18px 18px 18px;  
	margin-left: 5px; 
	margin-right: 5px;
	margin-bottom: 10px; 
	min-height: 138px;
	border: 1px solid #e5e5e5;
	
	-webkit-border-radius: 2px;
	 -khtml-border-radius: 2px;
	   -moz-border-radius: 2px;
		-ms-border-radius: 2px;
		 -o-border-radius: 2px;
			border-radius: 2px; 
/*	transition: all 0.4s ease 0s;*/
}
.row_Profile:hover{
	-moz-box-shadow:0px 0px 8px #c1c1c1; 
	-webkit-box-shadow:0px 0px 8px #c1c1c1; 
	box-shadow:0px 0px 8px #c1c1c1; 
}

	/*运行状态*/
	.localProfile{ padding:20px; margin-bottom:10px; margin-left: 5px; margin-right: 5px; height:138px;  }

	.localProfile .font14{color:#FFF;}
	.localProfile .font18{color:#FFF;}
	.localProfile .font28{color:#FFF;}
	.localProfileG{ background-color: #59cba0; border:1px solid #59cba0; color:#FFF;  }
	.localProfileR{ background-color: #fe6f73; border:1px solid #fe6f73; color:#FFF;  }
	.localProfileY{ background-color: #f8a636; border:1px solid #f8a636; color:#FFF;  }/*#eba65f*/
	.localProfileGray{ background-color: #cccccc; border:1px solid #cccccc; color:#FFF;  }

	/*运行状态-end*/

	/*速率状态*/
	.rateProfile{ padding:20px 0 20px 20px; margin-bottom:15px; height:140px; border:1px solid #e5e5e5; border-left-width:0; border-right-width:0;  }
	.rateProfile dd{ height:100%; border-right:1px solid #e5e5e5; padding-right:20px; min-height:98px;}
    .info_UP { padding-left:16px; background:url( ../images/info_UP.svg) left 49% no-repeat;}
    .info_DOMN{ padding-left:16px; background:url( ../images/info_DOMN.svg) left 49% no-repeat; margin-top:5px;}
	/*速率状态-end*/

	/*连接状态*/
	.connectionProfile{ }
	connectionProfile a{
		color: #666;
		width: 100%;
		display: inline-block;
		padding: 5px 5px 8px 5px;
		border-radius: 4px;
	}
	.connectionProfile a{ color:#666; width:100%; display:inline-block;  padding:5px 10px 8px 10px; border-radius: 4px;}
	.connectionProfile a:hover{ color:#fff; background-color:#a7d1f0; text-decoration:none;}
	/*连接状态-end*/

	/*网口悬浮框*/
	.internet_parameter{ width:355px; }
	.internet_parameter .ablack{ color: #555;}
	.internet_parameter .ared{ color: #00b;}
	.internet_parameter dl{ display:inline-block;  width:100%; position:relative; min-height:16px; margin:3px 0; table-layout: fixed;word-wrap:break-word;}
	.internet_parameter dt{ width:100px; text-align:right; float:left;}
	.internet_parameter dd{ width:250px; float:right; text-align:left;}
	/*网口悬浮框-end*/

	/*上下行流量*/
	.rate_Profile{ padding:20px; border:1px solid #e5e5e5; margin-bottom:15px;}
	.tooltipDIV{ max-width:450px; }
    .tooltipDIV p{ display:inline-block; float:left; margin-right:10px;}
	/*上下行流量-end*/

	/*协议流量分布*/
	.protocol_Profile{padding:20px; border:1px solid #e5e5e5; height:406px; margin-bottom:15px;}
	/*协议流量分布-end*/

	/*接口状态*/
	.ETH_Profile{padding:20px; border:1px solid #e5e5e5; margin-bottom:10px; }
	.ETH_list{
		display:block;
		margin-top:20px;
		height:82px;
		overflow-x: auto;

	}

	.ETH_Profile a{
		color:inherit;
		text-decoration: none;
	}

	.ETH_Profile dd a{
		width: 100%;
		display: inline-block;
		padding: 5px 5px 8px 5px;
		border-radius: 4px;
	}

	.ETH_Profile dd a:hover, 	.ETH_Profile dd a:hover .colorT{
		color:#fff; background-color:#a7d1f0; text-decoration:none;
	}

	.ETH_Profile, .bandwidth_Profile, .ac_state {
		min-height: 234px;
	}
	@media ( max-width : 769px){
		.ETH_list {
			display: block;
			margin-top: 20px;
			height:auto;
			overflow-x: auto;
		}
	}



	.ETH_list::-webkit-scrollbar-track{background-color: transparent;}
	.ETH_list::-webkit-scrollbar {
		width: 12px;
		height: 12px;
	}
	.ETH_list::-webkit-scrollbar-thumb {
		background-color: #898989;
		border: 4px solid transparent;
		background-clip: content-box;
		border-radius: 10px;
	}
	.ETH_list li{
		float:left;
	}
	.ETH_list li em{display:none;}
	.ETH_list li p em.notice{
		display:block;
		position: absolute;
		top: 25px;
    	left: 50px;

		padding: 1px 4px 2px 4px;
		min-width: 15px;

		background: #fe6f73;
		border-radius: 10px;

		color: #fff;
    	text-align: center;
		line-height: 12px;
		font-size: 12px;
		font-style: normal;
	}

	.ETH_list li p em.time{
		display:block;
		position: absolute;
		top: 0px;
    	left: 50px;

		width: 15px;
		height:15px;

		border:1px solid #fe6f73;
		background-color:#fff;
		background-repeat:no-repeat;
		background-position:center center;
		background-image:url( ../images/em_time.svg);

    	text-align: center;

		font-style: normal;
		border-radius: 10px;
	}
	.ETH_list li p em.default{
		display:block;
		position: absolute;
		top: 0px;
    	left: 50px;

		padding: 1px 4px 2px 4px;
		width: 15px; height: 15px;
		background: #0088cc;
		border-radius: 10px;

		color: #fff;
    	text-align: center;
		line-height: 12px;
		font-size: 12px;
		font-style: normal;
	}
	.ETH_list li p em.default:before{
		content:'√'; position: absolute; left: 3px;
	}

	.ETH_list li p{
		position:relative;
		margin:10px;
		padding-top:46px;
		width:80px;
		height:62px;
		text-align:center;

		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
		display: inline-block;
		vertical-align: middle;

		background-repeat:no-repeat;
		background-position:center 5px;
	}

	.ETH_list .checkbox{ margin-top:0;}

	.ETH_ico_ETH{ background-image:url( ../images/ETH_ico_lan.svg);}
	.ETH_ico_error{ background-image:url( ../images/ETH_ico_error.svg);}
	.ETH_ico_usbOn{ background-image:url( ../images/USB_ico_on.svg);
		background-size: 32px 34px; 
	}
	.ETH_ico_usbOff{ background-image:url( ../images/USB_ico_error.svg);
		background-size: 32px 34px; 
	}
	.ETH_ico_off{ background-image:url( ../images/ETH_ico_off.svg);}
	.ETH_ico_void{ background-image:url( ../images/ETH_ico_void.svg);}
	.ETH_list a {
		color: inherit;
		text-decoration: none;
	}
	/*接口状态-end*/

	/*带宽利用率*/
	.bandwidth_Profile{padding:20px; border:1px solid #e5e5e5; margin-bottom:15px; margin-left:15px; height:234px;}
	.bandwidth_Profile_list{ height: 100px; overflow-x: auto;}
	.bandwidth_Profile_list::-webkit-scrollbar-track{background-color: transparent;}
	.bandwidth_Profile_list::-webkit-scrollbar {
		width: 12px;
		height: 12px;
	}
	.bandwidth_Profile_list::-webkit-scrollbar-thumb {
		background-color: #898989;
		border: 4px solid transparent;
		background-clip: content-box;
		border-radius: 10px;
	}
	.bandwidth_Profile_list li{ display:inline-block; width:100%; padding:0 40px 0 80px; height:18px; margin:5px 0; position:relative; }
	.bandwidth_Profile_list_tit{ position:absolute; width:80px; top:0; left:0;  }
	.bandwidth_Profile_list_bar{ width:100%; height:10px; margin:4px 0; background-color:#e5e5e5;}
	.bandwidth_Profile_list_bar span{ display:block; height:10px; background-color:#65a4dd; 
/*		transition: all 0.4s ease 0s;*/
}
	.bandwidth_Profile_list_per{ position:absolute; top:0; right:0; }

/*带宽利用率-end*/

/*AC状态*/
.ac_state{ }
/*AC状态*/


	/*首页版权*/
	.copyright{ border-top:1px solid #e5e5e5; width:100%; padding-top:20px; padding-bottom:20px;}

	/*col-md-12*/
	@media ( max-width : 1036px){
		/*速率状态*/
		.rateProfile{ border-left-width:0; border-right-width:1px;  }
		.rateProfile dd{ border-right:0; }

		/*连接状态*/
		.connectionProfile{ padding:20px; border-left-width:1px; }

		/*带宽利用率*/
		.bandwidth_Profile{ margin-left:0;}

		/*协议流量分布*/
		.protocol_Profile{ margin-right:0;}

		/*协议流量分布*/
	    .protocol_Profile{ height:auto;}
	}

	/*col-sm-12*/
	@media ( max-width : 769px){
		/*首页边距*/
		.homeBlock .box{ padding-left: 10px; padding-right: 10px; }

		/*连接状态*/
		.connectionProfile dd{ margin-bottom:10px;}
	}

	/*col-xs-12*/
	@media ( max-width : 567px){
		.rateProfile{ border-left-width:1px; border-right-width:1px ; }
	}


/*编辑框动画*/
.main_section_edit_animation{
	opacity: 1;
	-webkit-animation: section_edit 0.8s 0ms cubic-bezier(0.3, 0.65, 0.4, 1);
	   -moz-animation: section_edit 0.8s 0ms cubic-bezier(0.3, 0.65, 0.4, 1);
	    -ms-animation: section_edit 0.8s 0ms cubic-bezier(0.3, 0.65, 0.4, 1);
	        animation: section_edit 0.8s 0ms cubic-bezier(0.3, 0.65, 0.4, 1);
			/*translate(0,30px) */
}
@-webkit-keyframes section_edit{
	0%{  opacity: 0; -webkit-transform: translate(0,30px) scale(0.96,0.99);}
	100%{ opacity: 1; -webkit-transform: translate(0,0) scale(1,1);}
}
@-moz-keyframes section_edit{
	0%{  opacity: 0; -moz-transform: translate(0,30px) scale(0.96,0.99);}
	100%{ opacity: 1; -moz-transform: translate(0,0) scale(1,1);}
}
@-ms-keyframes section_edit{
	0%{  opacity: 0; -ms-transform: translate(0,30px) scale(0.96,0.99);}
	100%{ opacity: 1; -ms-transform: translate(0,0) scale(1,1);}
}
@keyframes section_edit{
	0%{  opacity: 0; transform: translate(0,30px) scale(0.96,0.99);}
	100%{ opacity: 1; transform: translate(0,0) scale(1,1);}
}

/**************************首页-end**************************/

 /*升级上传百分比*/
.upLoadPer, .upPer{ width:80%; height:10px; margin:10px auto; background-color:#e5e5e5; }
.upLoadPer span, .upPer span{ width:0; display:block; height:100%; background-color:#65a4dd; 
	transition: all 0.4s ease 0s
}

/*确认框*/
.el-message-box{
  border-radius:3px;
  font-family: Microsoft YaHei, Tahoma, Arial, Helvetica, sans-serif;
  box-shadow: 0px 0px 20px #343434;
}
.el-message-box .el-message-box__header{
  padding: 12px 20px; background-color: #4d91c4;
  border-radius:3px 3px 0 0;



}
body .el-message-box{ width: 30%;}
body .el-dialog__header{
    padding: 12px 20px 8px 20px;
    background-color: #4d91c4;
}
body .el-dialog__title{ color: #fff; font-weight:normal;}

body .el-dialog--small { width: 95%; max-width: 700px;}
body .el-message-box {width:95%;max-width: 420px;}
body .el-dialog--tiny {width:95%;max-width: 580px;}
.dialog380 .el-dialog--tiny{width: 95%;max-width: 380px;}

.el-message-box .el-message-box__title{ color: #fff; font-size:14px; clear: both; }
.el-message-box .el-message-box__message{ text-align: center; font-size:14px;}
.el-message-box .el-message-box__btns{ text-align: center;}
.el-message-box .el-message-box__btns{ padding: 10px 20px 30px}
.el-message-box .el-message-box__content{ padding: 40px 20px 20px 20px; }
.el-message-box .el-button{ border-radius:2px; padding:8px 25px !important; }
.el-message-box .el-button{background: #fff; border:1px solid  #ddd; color: #89949b;}
.el-message-box .el-button:hover{  border: 1px solid #c0c0c0;  color: #6c777d;}
body .el-message-box .el-button--primary{ background: #59cba0; border: 1px solid #59cba0; color: #fff; }
body .el-message-box .el-button--primary:hover,
body .el-message-box .el-button--primary:link,
body .el-message-box .el-button--primary:visited,
body .el-message-box .el-button--primary:active,
body .el-button--primary:focus, .el-button--primary:hover
{ background:#7ad5b3; border: 1px solid #7ad5b3; color: #fff; min-width:20px; }
body .el-button,body .el-textarea__inner{ font-size: 12px; }

.el-message {
    box-shadow: 0 2px 4px rgb(0 0 0 / 12%), 0 0 6px rgb(0 0 0 / 4%);
    min-width: 300px;
    padding: 10px 12px;
    box-sizing: border-box;
    border-radius: 2px;
    position: fixed;
    left: 50%;
    top: 20px;
    transform: translateY(-150%) translateX(-50%);
    background-color: #fff;
	overflow: hidden;
	opacity: 0; 
}
.el-message__img {
    width: 40px;
    height: 40px;
    position: absolute;
    left: 0;
    top: 0;
}
.el-message__group {
    margin-left: 38px;
    position: relative;
    height: 20px;
    line-height: 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
	align-items: center;
}
.el-message__group p {
    font-size: 14px;
    margin: 0 34px 0 0;
    color: #8391a5;
    text-align: justify;
}
.el-messageKK {animation:msgKK 4s;}
@keyframes msgKK
{
	0%  {transform: translateY(-150%) translateX(-50%); opacity: 0; }
	10% {transform: translateY(100%) translateX(-50%); opacity: 1;  }
	90% {transform: translateY(100%) translateX(-50%); opacity: 1; }
	100%  {transform: translateY(-150%) translateX(-50%); opacity: 0;  }
}
    /*提示框*/
body .el-popover{ min-width: 120px;}


/*--内外网设置--*/
/*内外网状态*/
.WAN_status{ height:80px; margin-right:7px; border:1px solid #e5e5e5; padding-left: 80px; position:relative; margin-bottom:10px; }
.LAN_status{ height:80px; margin-left:7px;  border:1px solid #e5e5e5; padding-left: 80px; position:relative; margin-bottom:10px;}

.WAN_status_tit{ width:80px; height:80px; background-color:#4d91c4; color:#FFF; text-align:center; padding:10px; position:absolute; top:-1px; left:-1px;}
.LAN_status_tit{ width:80px; height:80px; background-color:#59cba0; color:#FFF; text-align:center; padding:10px; position:absolute; top:-1px; left:-1px;}

.WAN_status_ico{ display:inline-block; width:35px; height:35px; background-image:url( ../images/WAN_status_ico.svg); }
.LAN_status_ico{ display:inline-block; width:35px; height:35px; background-image:url( ../images/LAN_status_ico.svg);}

.WAN_status_txt{ color:#666;}
.LAN_status_txt{ color:#666;}

.WAN_status_P{ padding:10px; padding-top:20px;}
.LAN_status_P {padding:10px; padding-top:20px;}

/*接口状态*/
.status_list{ border-bottom:1px solid #e5e5e5; padding-bottom:20px; padding-top:10px;}
.status_list .ETH_list{ margin-top:5px; height:auto;}

@media ( max-width : 1318px){
.WAN_status_txt{ display:block;}
.LAN_status_txt{ display:block;}

.WAN_status_P{ padding-top:10px;}
.LAN_status_P {padding-top:10px;}
}

/*col-md-12*/
@media ( max-width : 1036px){

	.WAN_status{ margin-right:0; }
	.LAN_status{ margin-left:0;}
	.WAN_status_txt{ display:inline-block;}
	.LAN_status_txt{ display:inline-block;}

}

/*col-sm-12*/
@media ( max-width : 769px){

	.WAN_status{ height:auto; padding-left: 0; }
	.LAN_status{ height:auto; padding-left: 0; }

	.WAN_status_tit{ width:100%; height:auto; float:left; position:relative; background-color:transparent; color:#434543; text-align:left; padding:10px; padding-bottom:0; }
	.LAN_status_tit{ width:100%; height:auto; float:left; position:relative; background-color:transparent; color:#434543; text-align:left; padding:10px; padding-bottom:0;}

	.WAN_status_ico{ display:none; }
	.LAN_status_ico{ display:none; }
}

/*col-xs-12*/
@media ( max-width : 567px){


}
/*--内外网设置--end--*/

/* new add*/
.tip_txt{
	color: #888;
	font-size: 12px;
}

.line_detail{
	float: none;
	display: inline-block;;
}
.search_list.margin-r-20{
	margin-right: 20px;
}
.notice-popover{
	position: absolute;
	border-radius: 2px;
	border: 1px solid #d1dbe5;
	padding: 10px;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,.12), 0 0 6px 0 rgba(0,0,0,.04);
	background: #fff;
	font-size: 12px;
	color: #535453;
	line-height: 1.6;
	width: 200px;
}
.notice-popover:before,.notice-popover:after{
	width:0px;
	height:0px;
	border:transparent solid;
	position:absolute;
	left:5px;
	content:""
}
.notice-popover:before{
	border-width:10px;
	border-bottom-color: #ddd;
	top:-20px;
}
.notice-popover:after{
	border-width:10px;
	border-bottom-color: #fff;
	top:-18px;
}
.notice .notice-popover:before,.notice .notice-popover:after{
	left: auto;
	right: 0;
}
.opear_more{
	position: relative;
	display: inline-block
}
.opear_more .popover{
	position: absolute;
	min-width: 100px;
	margin-top: 7px;
	width: 100px;
	left: auto;
	right: 6px;
	top: 15px;
	z-index: 10;
}
.more_up  .popover{
	right: -30px;
}
.popover_more a:hover{ background: none; text-decoration: none;}
.border-top{ border-top: 0;}


.popover{
	display:none;
	position:absolute;
	min-width:100px;
	margin-top:7px;

	top: 43px;
	left:-38px;

	z-index:10;
}
.popover_lay{
	width:100%;
	padding:1px;
	line-height:30px;
	color:#666;
	background-color:#FFF;
	border:1px solid #ddd;
	position: relative;
}
.popover_lay:before{
	display:block;
	content:'';
	border-width:8px 8px 8px 8px;
	border-style:solid;
	border-color:transparent transparent #ddd transparent;
	position:absolute;
	left:40px;
	top:-16px;
}
.popover_lay:after{
	display:block;
	content:'';
	border-width:8px 8px 8px 8px;
	border-style:solid;
	border-color:transparent transparent #fff transparent;
	position:absolute;
	left:40px;
	top:-15px;
}
.fileds .popover_lay:before,.fileds .popover_lay:after {  left: auto;  right: 7px;  }

.more_up .popover{
	top:auto;
	bottom: 20px;
	z-index: 9999;
}


.popover_lays{
	width: 100%;
	padding: 1px;
	line-height: 30px;
	color: #666;
	background-color: #FFF;
	border: 1px solid #ddd;
	position: relative;
}
.more_up .popover_lays:after, .more_up .popover_lays:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.more_up .popover_lays:after {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #fff;
	border-width: 8px;
	margin-left: -8px;
}
.more_up .popover_lays:before {
	border-color: rgba(194, 225, 245, 0);
	border-top-color: #c0c0c0;
	border-width: 9px;
	margin-left: -9px;
}

/*升级弹出框*/
.update_box{position: fixed; bottom:15px; right: 15px; z-index: 9999; background: #fff; width: 100%; max-width: 360px; border: 1px solid #ddd; border-radius: 5px; padding: 20px; box-shadow: 2px 2px 6px #a0a0a0; transition: all 0.4s ease 0s;}
.update_progress{ height: 7px; border-radius: 5px; background: #e6e6e6;}
.update_progress .has_progress{ height: 7px;border-radius: 5px;background: #4dbdef; transition: all 0.4s ease 0s; }
.update_lay{ margin: 5px 0 4px 0;}

.notice_txt{  }
.upgrad_info{ margin: 0 20px;}
.update_box a:hover{ text-decoration: none;}
.update_spand{ display: none;}

.progress-box{ padding: 0 0 10px 0; text-align: center;}
.update_box_short-btn{ width: 100%; padding: 0 0 10px 0; text-align: center; }

.update-ap-mane{ margin: 0 0 20px 0; font-size: 18px; }

.update_box_short{ width: 100%; max-width: 265px; padding:10px; }
.update_box_short .progress-box{ position: relative; padding: 0 50px 0 0; text-align: left; }
.update_box_short .update_spand{ display: block; color: #0088cc; position: absolute; right: 10px;  bottom: 0;}
.update_box_short .update_box_short-btn{ display: none;}
.update_box_short .update-ap-mane{ display: none; }

/*升级右下弹框*/

/*终端监控-详情-流量分布*/
.flow_tab_w {width: 100%; max-width: 240px; margin: 0 auto;}
.flow_tab_w p {width:100%; height:4px; background-color:#e5e5e5; float: left;}
.flow_tab_w .flow_span {display:block;background-color:#0088cc;height:4px; transition: all 0.4s ease 0s;}

/*重要提示*/
.importantNote{
	display: inline-block;
	margin-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #fae2e1;
	color: #fe6f73;
}

/* 毛玻璃滤镜 */
.vagueDiv {
    -moz-filter: blur(3px);
    -webkit-filter: blur(3px);
    -o-filter: blur(3px);
    -ms-filter: blur(3px);
    filter: blur(3px);
}

/* 设置向导 */
.guide_body {
    background-color: #efefef;
}
.guide_tit {
    padding: 20px 0 10px 0;
    margin: 0 30px;
}
.guide_tit h3 {
    font-size: 16px;
    font-weight: inherit;
    min-height: 24px;
}
.guide_content { 
    padding: 20px 30px;
	line-height: 150%;
}
.guide_content p{line-height: 1.8;}
.guide_box {
    width: 90%;
    max-width: 600px;
    background-color: #FFF;
    border: 1px solid #ddd;
    position: relative;
    margin: 0 auto;
    padding: 0;
	top: 80px;
	z-index: 21;
}
.guide_w{ width: 100%; margin: 0 auto; max-width: 340px; margin-bottom: 18px; }
.guide_w.inptText, .guide_w .inptText,.guide_w select, p.guide_w{ height: 34px; font-size: 14px; text-align: left; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #ccc;}
input:-moz-placeholder, textarea:-moz-placeholder {color:#ccc;}
input::-moz-placeholder, textarea::-moz-placeholder {color:#ccc;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color:#ccc;}
	
.normal_weigth{ font-weight: normal;}
	
.nextStep,.prevStep { color: #a2a2a2; display: inline-block; position:relative; text-align: center;  width: 40px; height: 40px; margin: 0 5px; background-color:#FFF;  border: 1px solid currentColor; border-radius: 50%; transition: all 0.4s ease 0s;}
.nextStep:hover,.prevStep:hover{ color: #1d74b2; }	

.nextStep_no,.prevStep_no{cursor: no-drop; opacity: 0.5;}
.nextStep_no:hover,.prevStep_no:hover{ color: #a2a2a2; }	

.nextStep:before, .nextStep:after,.prevStep:before, .prevStep:after{ content: ""; width: 0; height: 0; position: absolute; display: inline-block;  border-width: 9px; border-style: solid; top:10px;   }
.prevStep:before{ left: 5px;  border-color: transparent currentColor transparent transparent;}
.prevStep:after{ left: 6px;  border-color: transparent #fff transparent transparent ;}

.nextStep:before{ left: 16px;  border-color: transparent transparent transparent currentColor;}
.nextStep:after{ left: 15px;  border-color: transparent transparent transparent #fff ;}
	
	
@media (max-width: 567px){
	.guide_content .menu { width: 100% !important;}
	.guide_content .radio_l_border {border-left: 0px;}
}

.guide_content .line_edit{padding-left: 120px;}
.guide_content .input_tit{width: 120px;}
	
@media (max-width: 769px){
.guide_box { top:20px;}	
.guide_content .line_edit{ padding-left: 0;}
.guide_content .input_tit{ width: 100%;}

}

.checkbox_power p { 
    line-height: 18px;
}
	
.guide_w .show_password{ display: inline-block;}
.guide_w .show_password .inptText{ width: 100%; padding-right: 24px;}

.state_renovate .btn_empty{position: absolute; right: 0;top: 2px;}
.btn_empty{ background:url( ../images/empty.svg) center center no-repeat; width: 20px; height: 20px; border: 0;  cursor: pointer; display: inline-block;}
.btn_empty:hover{ background:url( ../images/empty_hover.svg) center center no-repeat; }



/* AP状态 */
				
.row_box{
	padding: 18px 18px 18px 18px;  
	margin-left: 5px; 
	margin-right: 5px;
	margin-bottom: 10px; 
	min-height: 138px;
	border: 1px solid #e5e5e5;

	-webkit-border-radius: 2px;
	 -khtml-border-radius: 2px;
	   -moz-border-radius: 2px;
		-ms-border-radius: 2px;
		 -o-border-radius: 2px;
			border-radius: 2px; 
	transition: all 0.4s ease 0s;
}


.div-table{
	border:0;
	width: 100%;
	margin: 0 auto; 
	font-size: 12px;
	table-layout:fixed;
}

.div-table td, .div-table th{
	color: #666;
	padding: 5px 6px;
	border-bottom: 1px solid #dddddd;
	vertical-align: middle;
	
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	
}
.div-table th{
	color: #bdbdbd;
	background-color: #4c5366;
	font-weight: 400;
	color: #fff;
	padding: 3px 6px;
	border-bottom: 0;
}
.runningStateChart{
   width: 100%; max-width: 300px;  height: 120px; margin: 30px auto 0 auto
}

/* AP状态-end */

.dingtalk-win{ top: 18%; }
#dingtalk-qr {bottom:80px;}
#dingtalk-qr img{ width: 100%;}
@media (max-width: 360px){
	#dingtalk-qr {bottom:60px;}
}
@media (max-height: 667px){
	.dingtalk-win{ top: 8%; }

}



/* 爱快云绑定 */
.qrcode-div{
    position: relative; 
    padding: 15px; 
    margin-bottom: 10px; 
    margin-left: 10px; 
    border-radius: 10px; 
    border:1px solid #ddd; 
    display: inline-block;
}
.qrcode dd{
	display: inline-block; 
}
.qrcode a{
	display:none; 
}
.qrcode-fail dd{
	display:none;  
}
.qrcode-fail a{ 
    display: inline-block; 
    position: absolute; 
    left:0; 
    top:0; 
    width: 100%; 
    height: 100%;  
    border-radius: 10px; 
	background-color:rgba(0, 0, 0, 0.5);  
	background-image: url(' ../images/renew.svg');
	background-size: 50px; 
	background-position: 50%;
    background-repeat: no-repeat;
	


    text-align: center; 
	color:#fff;
	
    line-height: 240px; z-index:1 ;
    }
.qrcode-fail img{
    filter: blur(2px);
}
/* 爱快云绑定-end */

.ETH_list li p em.ico_bing{
    display:block;
    position: absolute;
    top: 25px;
      left: 50px;

    width: 15px;
      height: 15px;
    background-image: url( ../images/ETH_ico_bing.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 11px;

    background-color: #59cba0;
    border-radius: 10px;
}

/* 磁盘管理 */
.diskfilename {

}
.diskfilename:hover {
	color: #0088cc;
	cursor: pointer;
	text-decoration: underline;
}

.diskfilename_tee {	
	/* display: inline-block; */
	display: -webkit-box;
	padding-left: 26px;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-image: url('../../assets/images/ico/fileTee.png') ;
}
.diskfilename_text {
	/* display: inline-block; */
	display: -webkit-box;
	padding-left: 26px;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-image: url('../../assets/images/ico/filetext.png') ;
}
.diskfilename_disk {
	/* display: inline-block; */
	display: -webkit-box;
	padding-left: 26px;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-image: url('../../assets/images/ico/fileHardDisk.png');
}


/* 磁盘管理文件管理 */
.simpleName{
	color:#0088cc;	
}
.simpleName span , .simpleName em, .simpleName dd {
	display: inline-block;
	list-style-type: none;
	vertical-align: middle;
	font-style: normal;	
}
 .simpleName em{
	margin:0 5px 0 0px; 
}
.simpleName span { 
	max-width:8rem;   
    overflow:hidden;   
    text-overflow:ellipsis;   
	white-space:nowrap;
} 
.simpleName span:hover{
	cursor: pointer;
	text-decoration: underline;
}
.simpleName .simpleName_end{
	color: #535453;
}
.simpleName .simpleName_end:hover{
	cursor: auto;
	text-decoration: none;
}


/*--信号强度--*/
.signal{
	display: inline-block; 
	position: relative; 
	height: 12px; 
	width: 2px; 
	margin-left: 16px; 
	background-color: currentColor;
	color: #D8D8D8;
  }
  .signal:before, .signal:after {
	display: inline-block;
	position: absolute; 
	bottom: 0;
	width: 2px;
	content: "";
	background-color: currentColor;
  }
  .signal:before{ 
	right: 6px; 
	height: 8px; 
	box-shadow: 3px 0 0 currentColor, 3px -2px 0 currentColor;
  }
  .signal:after{ 
	right: 12px; 
	height: 4px;
	box-shadow: 3px 0 0 currentColor, 3px -2px 0 currentColor;;
  }
  .signal_1:after{ background-color:#d10c2c;}
  .signal_2:after{ color:#ff4b08;}
  .signal_3:after{ color:#ff9e22;}
  .signal_3:before{ background-color:#ff9e22;}
  .signal_4:after, .signal_4:before{ color:#59cba0;}
  .signal_5{ color: #00c33e; }
  /*--信号强度-end--*/


  /*--插件管理--*/
.plugin_list{ display: inline-block; width: 100%}
.plugin_list li{ display: inline-block;  margin: 20px; text-align: center; float: left;}
.plugin_list a{ display: inline-block;  padding: 10px; width: 100px; height: 105px;  color: #666; text-decoration:none; cursor: pointer; border-radius: 10px; transition: all 0.4s ease 0s;}
.plugin_list a:hover{ box-shadow:0px 0px 8px #c1c1c1;  }
.plugin_list img,.unit svg{ width: 64px; height: 64px;}
.plugin_list p{ width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: inline-block; vertical-align: middle;}