.clearfloat:after {
	display: block;
	clear: both;
	content: "";
	visibility: hidden;
	height: 0
}

.clearfloat {
	zoom: 1
}

.text-m-r2 {
	margin-right: 2px;
}

.text-m-l2 {
	margin-left: 3px;
}

.text-hidden {
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}


/*鍚庨潰鏄嚜宸卞啓鐨�*/

#myModal2 .row span,
#addConfig .row span {
	font-size: 15px;
	line-height: 30px;
}

#myModal2 label,
#addConfig label,
#addpoint .row label {
	font-size: 15px;
	line-height: 15px;
}

#myModal2 .col-sm-7,
#myModal2 .col-sm-9 {
	padding-left: 5px;
	padding-right: 5px;
}

#dev_firm .row span {
	font-size: 15px;
	font-family: "寰蒋闆呴粦";
	line-height: 34px;
	text-shadow: 1px 1px 1px gainsboro;
	padding-left: 30px;
}

#dev_firm .row button {
	margin-bottom: 0px;
	margin-left: 30px;
}

.checkboxStyle {
	border: none;
	width: 15px;
	height: 15px;
	background: none;
}


/*褰撳墠璀︽姤鏍峰紡*/

#current-alarm .row select {
	margin-bottom: 10px;
}


/*娣诲姞鐩掑瓙鏍峰紡绋嶄綔淇敼*/

#addPIBox .row {
	margin: 0px;
	height: 50px;
}


/*鍘嗗彶鎶ヨ鏍峰紡*/

.laydate-icon {
	border-width: 1px;
	border-image: initial;
}

.laydate-icon,
.laydate-icon-default,
.laydate-icon-danlan,
.laydate-icon-dahong,
.laydate-icon-molv {
	height: 34px;
	padding-right: 20px;
	min-width: 34px;
	vertical-align: text-top;
	background-color: rgb(255, 255, 255);
	background-repeat: no-repeat;
	background-position: right center;
	outline: 0px;
}

.layer-date {
	vertical-align: text-top;
	display: inline-block;
}

span.history-alarm-text {
	font-size: 15px;
}

#history-alarm input[type="text"] {
	margin-bottom: 5px;
}

.tr-height {
	height: 45px;
}


/*鎶ヨ鐧昏*/

#addAlarmRecord input[type="radio"] {
	width: 15px;
	height: 15px;
	margin-top: 3px;
}

button.export-excel {
	height: 34px;
	line-height: 10px;
}


/*鍘嗗彶鏁版嵁*/

#original-data select,
#original-data input {
	margin-bottom: 15px;
}

span.original-data-text {
	font-size: 15px;
}

@media only screen and (min-width: 1100px) {
	#original-data .original-data-text-special {
		margin-left: 20px;
	}
}


/*棣栭〉*/

button.main-list {
	width: 34px;
	height: 34px;
	border: 2px solid #1ab394;
	border-radius: 17px;
	float: left;
	background: #243646;
	margin: 10px 11.2px;
}

button.main-list i {
	font-size: 15px;
	text-align: center;
	vertical-align: middle;
}


/*棣栭〉鏍峰紡*/


/*棣栭〉鏀剁缉鍥炬爣*/

.fixed-top-nav {
	position: absolute;
	z-index: 999;
	left: 100%;
	top: 5px;
	margin-left: -52px;
	padding-bottom: 0px;
}

@media only screen and (max-width:350px) {
	.fixed-top-nav {
		margin-left: 0px;
	}
}
.using-icon {
	color: #00FF7F;
}

.unusing-icon {
	color: grey;
}

.usthrough-icon {
	color: #0F92BD;
}
.vpnthrough-icon {
	color: #F3E70F;
}
.vpnreconnect-icon {
	color:  #C21B05;
}
.vpnover-icon {
	color:  #1296db;
}
.normal-ready-icon {
	color: #db963a;
}
.normal-icon {
	color: #8a27db;
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:hover,
.nav-pills>li.active>a:focus {
	color: #1ab394 !important;
}

.vbox-script {}

.vbox-script .vbox-script-title {
	line-height: 40px;
}

.vbox-script .vbox-script-text {
	line-height: 40px;
}

.vbox-script .fourblock .fourblocklist {
	display: inline-block;
	padding: 0px 3px;
}

.vbox-script .fourblock .fourblocklist input {
	display: inline-block;
	width: 160px;
}

.vbox-script .fourblock .fourblocklist select {
	display: inline-block;
	width: 70px;
}

@media only screen and (min-width: 100px) and (max-width: 784px) {
	.vbox-script .fourblock .fourblocklist {
		display: inline-block;
		padding: 0px 3px;
	}
	.vbox-script .fourblock .fourblocklist input {
		display: inline-block;
		width: 85px;
	}
	.vbox-script .fourblock .fourblocklist select {
		display: inline-block;
		width: 60px;
	}
}

@media only screen and (min-width: 785px) and (max-width: 1024px) {
	.vbox-script .fourblock .fourblocklist {
		display: inline-block;
		padding: 0px 3px;
	}
	.vbox-script .fourblock .fourblocklist input {
		display: inline-block;
		width: 135px;
	}
	.vbox-script .fourblock .fourblocklist select {
		display: inline-block;
		width: 60px;
	}
}

@media only screen and (min-width: 1039px) and (max-width: 1125px) {
	.vbox-script .fourblock .fourblocklist {
		display: inline-block;
		padding: 0px 3px;
	}
	.vbox-script .fourblock .fourblocklist input {
		display: inline-block;
		width: 160px;
	}
	.vbox-script .fourblock .fourblocklist select {
		display: inline-block;
		width: 70px;
	}
}

@media only screen and (min-width: 1126px) and (max-width: 1200px) {
	.vbox-script .fourblock .fourblocklist {
		display: inline-block;
		padding: 0px 3px;
	}
	.vbox-script .fourblock .fourblocklist input {
		display: inline-block;
		width: 160px;
	}
	.vbox-script .fourblock .fourblocklist select {
		display: inline-block;
		width: 70px;
	}
}

@media only screen and (min-width: 1201px) and (max-width: 1920px) {
	.vbox-script .fourblock .fourblocklist {
		display: inline-block;
		padding: 0px 3px;
	}
	.vbox-script .fourblock .fourblocklist input {
		display: inline-block;
		width: 160px;
	}
	.vbox-script .fourblock .fourblocklist select {
		display: inline-block;
		width: 70px;
	}
}

.vbox-script .script-title {
	margin-bottom: 10px;
}

.vbox-script .script-title .form-control {
	margin: 0px 3px;
}

.vbox-script .script-title .script-search-box {
	width: 200px;
}

.vbox-script .script-box {
	width: 110px;
}

.vbox-script .modal-script {
	height: 380px;
}

.vbox-arrow {
	/*display: flex;
	justify-content: center;*/
	position: absolute;
	z-index: 999;
	right: 50px;
	margin-top: 22px;
}

.vbox-arrow .arrow-btn {
	display: inline-block;
	padding: 6px 8px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 14px;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	/* 定义选中鼠标光标 */
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	outline: none;
	border: 1px solid transparent;
	border-radius: 4px;
	border-color: #1ab394;
}

.vbox-arrow .arrow-color {
	background-color: transparent;
	border-color: #1ab394;
	color: #1ab394;
	transition: all 0.5s;
}

.vbox-arrow .arrow-color:active,
.vbox-arrow .arrow-color:hover,
.vbox-arrow .arrow-color:focus {
	background-color: #1ab394;
	border-color: #1ab394;
	color: #FFFFFF;
}

.vbox-arrow-map {
	height: 34px;
	line-height: 24px;
	padding-left: 15px;
	position: absolute;
	color: inherit;
	left: 590px;
	width: 50px;
	top: 0px;
}

.vbox-arrow-map .arrow-btn-map {
	display: inline-block;
	padding: 6px 8px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 14px;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	/* 定义选中鼠标光标 */
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	outline: none;
	border: 1px solid transparent;
	border-radius: 4px;
	border-color: #1ab394;
}

.vbox-arrow-map .arrow-color-map {
	background-color: transparent;
	border-color: #1ab394;
	color: #1ab394;
	transition: all 0.5s;
}

.vbox-arrow-map .arrow-color-map:active,
.vbox-arrow-map .arrow-color-map:hover,
.vbox-arrow-map .arrow-color-map:focus {
	background-color: #1ab394;
	border-color: #1ab394;
	color: #FFFFFF;
}

.plc-type .onoffswitch {
	position: relative;
	width: 60px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}

.plc-type .onoffswitch-checkbox {
	display: none;
}

.plc-type .onoffswitch-label {
	display: block;
	overflow: hidden;
	cursor: pointer;
	border: 2px solid #1AB394;
	border-radius: 15px;
}

.plc-type .onoffswitch-inner {
	display: block;
	width: 200%;
	margin-left: -100%;
	-webkit-transition: margin 0.3s ease-in 0s;
	transition: margin 0.3s ease-in 0s;
}

.plc-type .onoffswitch-inner:before,
.plc-type .onoffswitch-inner:after {
	display: block;
	float: left;
	width: 50%;
	height: 20px;
	padding: 0;
	line-height: 20px;
	font-size: 10px;
	color: white;
	font-family: Trebuchet, Arial, sans-serif;
	font-weight: bold;
	box-sizing: border-box;
}

.plc-type .onoffswitch-inner:before {
	content: "启用";
	padding-left: 7px;
	background-color: #1AB394;
	color: #FFFFFF;
}

.plc-type .onoffswitch-inner:after {
	content: "禁用";
	padding-right: 7px;
	background-color: #FFFFFF;
	color: #919191;
	text-align: right;
}

.plc-type .onoffswitch-switch {
	display: block;
	width: 24px;
	margin: 0px;
	background: #FFFFFF;
	border: 2px solid #1AB394;
	border-radius: 30px;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 36px;
	-webkit-transition: all 0.3s ease-in 0s;
	transition: all 0.3s ease-in 0s;
}

.plc-type .onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-inner {
	margin-left: 0;
}

.plc-type .onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-switch {
	right: 0px;
}


/*帮助文档*/

.help-doc .help-doc-search {
	display: flex;
	height: 35px;
	padding: 0px;
	margin: 10px 0px;
}

.help-doc .help-doc-search .input {
	padding-left: 10px;
	width: 200px;
}

.help-doc .help-doc-search .btn {
	margin: 0;
	margin-left: 10px;
	padding: 6px 12px;
	height: 35px;
}

.help-doc table tbody td {
	padding: 5px;
}

.help-doc table tbody td .btn {
	margin: 0;
}

.help-doc-modal .modal-header {
	padding: 10px;
}

.help-doc-modal .modal-header h4 {
	font-size: 16px;
	font-weight: 500;
}

.help-doc-modal .form-group {
	padding: 10px 0px;
	line-height: 30px;
	margin: 0;
}

.help-doc-info .doc-info-input {
	width: 90%;
	margin: 0 auto;
}

.help-doc-info .doc-info-input .input-row {
	display: flex;
	padding: 10px 0px;
}

.help-doc-info .doc-info-input .input-row .control-label {
	width: 100px;
	padding: 0px;
	padding-right: 10px;
}

.help-doc-info .doc-info-input .input-row .input {
	width: 300px;
}

.help-doc-info .doc-info-btn {
	width: 90%;
	margin: 10px auto;
}

.help-doc-info .doc-info-btn .btn {
	padding: 8px 16px;
}


/*反馈*/

.feedback-layout {}

.feedback-layout .nav-tabs>li>a {
	padding: 15px 40px 15px 40px;
}

.feedback-layout .nav-tabs>li.active {
	border-bottom: 0px;
}

.feedback-layout .nav-tabs>li.active>a {
	border-radius: 15px 15px 0px 0px;
	border-width: 2px;
	margin-bottom: -1px;
	border-bottom: 2px solid white;
}

.feedback-layout .nav-tabs>li.active>a span,
.feedback-layout .nav-tabs>li.active>a font {
	color: rgb(26, 164, 140);
}

.feedback-layout .nav-tabs {
	padding-left: 50px;
	border-width: 2px;
}

.feedback-layout .v-box-tab-contain {
	width: 98%;
	margin: 0 auto;
}

.feedback-layout .tab-content {
	width: 98%;
	margin: 0 auto;
	border: none;
}

.feedback-layout .tab-content .ibox-content {
	border-width: 0px 2px 2px 2px;
	border-color: #ddd;
	border-style: solid;
	padding: 30px 35px;
}
.box-modal-title{
	font-size: 16px !important;
}
.map-add-box .input-group{
	display: flex;
	line-height: 35px;
	margin-bottom: 5px;
}
.map-add-box .input-group .title{
	width: 30%;
	text-align: center;
}
.map-add-box .input-group .input{
	width: 70%;
}

/*基本配置全局配置*/
.box-config{

}
.box-config .pointor{

}
.box-config .pointor .flow{
	color: #111111;
}
.box-config .pointor .flow-body span{

}
.box-config .pointor .flow-body input{
	display: inline-block;
	width: 200px;

}

.box-config .ibox-content{
    width: 80%;
    margin: 0 auto;
}

.box-config .box-config-left{
	width:50% ;
	float: left;
}
.box-config .box-config-right{
	width:50% ;
	float: right;
}
.box-config .box-config-list .info{
	width: 100%;
	height: 35px;
	margin-bottom: 5px;
}

.box-config .box-config-list .info .title{
	width: 30%;
	float: left;
	text-align: center;
    height: 35px;
    display: flex;
    line-height: normal;
    justify-content: center;
    align-items: center;




}
.box-config .box-config-list .info .input{
	display: inline-block;
	width: 40%;
	float: left;
}
.box-config .box-config-list .info .value{
    width: 10%;
    padding-left: 2px;
	float: left;
	text-align: left;
    height: 35px;
    display: flex;
    line-height: normal;
    justify-content: flex-start;
    align-items: center;




}


@media only screen and (max-width: 1280px)  {
	.box-config .ibox-content{
	    width: 100%;
	}
	.box-config .box-config-list .info .title{
		width: 40%;
	}
	.box-config .box-config-list .info .input{
		width: 50%;
	}
}
@media only screen and (max-width: 1600px)  {
	.box-config .ibox-content{
	    width: 90%;
	}
}
@media only screen and (max-width: 1440px)  {
	.box-config .ibox-content{
	    width: 100%;
	}
}
.box-config  .btn-config{
	display: flex;
	justify-content: center;
	padding: 0 10%;
}

.box-notice{
}
/* 记得写个媒体查询*/
.box-notice .box-title{
	float: left;
	display: block;
	color: #1ab394;
}
.box-notice .box-title span{
	vertical-align: middle;
	font-weight: 500;
}
.box-notice .noticeList{
	color: #000000;
	font-weight: 300;
	padding: 0;
	height: 36px;
	overflow: hidden;
	position: relative;
	padding-left: 5px;


}
.box-notice .noticeList ul li{
	list-style-type:none;
    line-height: 20px;
    overflow: hidden;
}
 .box-notice li.notice_active span {
    color: #656972;
    font-size: 14px;
    display: block;
    overflow: hidden;
    width: 100%;
    float: left;
    overflow: hidden;
    margin: 0 0 20px 0;
}
@media only screen and (min-width: 1820px) {
	 .box-notice li.notice_active span{
	 	width: 800px;
	 }
}
@media only screen and (min-width: 1600px)and (max-width: 1819px) {
	 .box-notice li.notice_active span{
	 	width: 700px;
	 }
}
@media only screen and (min-width: 1430px)and (max-width: 1599px)  {
	 .box-notice li.notice_active span{
	 	width: 600px;
	 }
	 .notice-title
}
@media only screen and (min-width: 1100px) and (max-width: 1429px) {
	 .box-notice li.notice_active span{
	 	width: 300px;
	 }
}
@media only screen and (min-width: 641px) and (max-width: 1099px) {
	 .box-notice li.notice_active span{
	 	width: 200px;
	 }
}
@media only screen and (min-width: 100px) and (max-width: 640px) {
	 .box-notice li.notice_active span{
	 	display: none;
	 }
}

/*公告模态框*/
.notice-modal{}
.notice-modal .modal-header{
	padding: 15px 20px;
	margin: 0;
	height: 50px;
	line-height: 50px;
	color: #1ab394;
}
.notice-modal .modal-header .modal-title{
	text-align: left;
	font-size: 18px;
	font-weight: 300;
}
.notice-modal .modal-header .close{
	margin: 0;
	padding: 0;
	font-size: 24px;
	color:#1ab394 ;
	opacity: 1;
}
.notice-modal .notice-title{
	  text-align: center;
    font-size: 16px;
    font-weight: 500;
    color: #000;
    padding-bottom: 5px;
}


.notice-modal img{
	max-width: 100%;
}
.notice-layout .notice-body ul{
	padding: 0;
	margin: 0px 30px;

}
.notice-layout .notice-body ul li{
	list-style: none;
	height: 30px;
	line-height: 30px;
	border-bottom: 1px dashed #DCDCDC;
	margin: 5px;
}
.notice-layout .notice-body ul li a{
	color: #000;
	font-size: 14px;
}
.notice-layout .notice-body ul li a span{
	display: inline-block;
}
.notice-layout .notice-body .text{
	width: 80%;
	float: left;
}
.notice-layout .notice-body .time{
	width: 20%;
	float: right;
	color: #555;
}
.notice-layout .page-list{
	margin: 20px;
}
.notice-layout .page-list .pagination{
	margin: 0;
}
.notice-layout .page-list .page-total{
	margin: 0;
}
.notice-action{
	background-image:url(../img/new.gif);
	background-repeat: no-repeat;
	width: 50px;
	height: 10px;
}
.notice-layout-info .notice-body{
	width: 90%;
	margin: 0 auto;
}
.notice-layout-info .notice-body .notice-body-title{
	width: 100%;
	margin: 0 auto;
	text-align: center;
	padding: 10px;
}
.notice-layout-info .notice-body .notice-body-title h4{
	font-size: 18px;
	display: block;
	overflow: hidden;
	/*text-overflow: ellipsis;*/
	/*white-space: nowrap;*/
	color: #000000;

}
.notice-layout-info .notice-body .notice-content{
	width: 90%;
	margin: 0 auto;
}
.tvbtn{width:38px;height:34px; position:absolute;z-index: 999;font-size:16px;background-color:#1ab394;outline: none;font-weight: bold;}
.tboxmenu{margin:30px 0; padding:0}
.tboxmenu ul{ list-style: none; margin:0 auto; padding: 0;}
.tboxmenu ul li{color:#a9b1c3;height:48px;line-height:48px; padding-left:70px; cursor: pointer;white-space:nowrap; overflow: hidden; }
.tboxmenu ul li:hover{ background: #2c3846; color: #4eb492;}
.tboxmenu ul li span{margin:0 10px; }
.tboxmenu ul li i{font-size: 16px;}
.tboxmenu ul  .tactive{background: #2c3846; color: #4eb492;}

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



.grouplist table tr.group2{ background-color: #f6f6f6;display: none;}
.grouplist table tr.group3{ background-color: #f5fbf9;display: none;}

.grouplist table th,td{text-align: center}
.grouplist table tr.group2 td:first-child>span{margin-left:30px;}
.grouplist table tr.group3 td:first-child>span{margin-left:60px;}
.grouplist table span.treeicon{color: #18a689;border: 1px solid #18a689;width: 13px;height: 13px;display: inline-block;text-align: center;border-radius: 50%;vertical-align: middle;line-height:11px;cursor: pointer;background: #fff;}

.netip table td{padding-left: 10px; text-align: left}
.wifi_con table td{padding-left: 10px; text-align: left}
.temp4gcon table td{padding-left: 10px; text-align: left}

/*去除BOOTSTRAP弹框的遮照*/
.modal-backdrop {
	filter: alpha(opacity=0)!important;
	opacity: 0!important;
}
.myshadow{
	display:block;
	position:fixed;
	width:100%;
	height:100%;
	background:#000;
	z-index:5;
	top:0;
	left:0;
	opacity:0.5;
	filter:alpha(opacity:0.5);
	-moz-opacity:0.5;
	-webkit-opacity:0.5;
}

input:focus{outline: none;border: 1px solid white;}