html, body { height: 100%;overflow-y: hidden; }
body{min-width:1200px; background:#eaebef;overflow-x: auto; color:#888;background: #f0f4f5}
.img-responsive{display: block;max-width: 100%;height: auto}
.text-red{ color:#e66}
.text-black{color: #202425}
.pdt5{padding-top:5px}
.pdlr5{padding-left:5px;padding-right:5px}
.pdlr10{padding-left:10px;padding-right:10px}
.pdlr20{padding-left:20px;padding-right:20px}
.pd15{padding:15px}
.pd19{padding:19px;}
.pd20{padding:20px}
.pd40{padding:40px}
.pdlrt20{padding:20px 20px 0px 20px;}
.pdlrt40{padding:40px 40px 0px 40px;}
.pdlrb40{padding:0px 40px 40px 40px;}
.pdlr40{padding-left: 40px;padding-right: 40px}
.mlr20{margin-left: 20px;margin-right: 20px;}
.pdl40{padding-left: 40px}
.pdlr10{padding-left: 10px;padding-right: 10px;}
.pd2040{padding:20px 40px}
.pd1920{padding:19px 20px}
.mr8{margin-right:8px}
.mr20{margin-right:20px}
.mr40{margin-right:40px}
.mr60{margin-right:60px}
.mlr5{margin-left: 5px;margin-right: 5px;}
.mlr10{margin:0px 10px}
.mt35{margin-top: 35px}
.mt40{margin-top: 40px}
.mt60{margin-top: 60px}
.mb10{margin-bottom:10px}
.mb20{margin-bottom:20px}
.mr7{margin-right:7px;}
.ml10{margin-left:10px;}
.col-md-2,.col-md-1{ padding-left:5px; padding-right:5px; float:left;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box;box-sizing: border-box; }
.col-md-2 { width:50%;}
.col-md-1{width:100%;}
.f18{ font-size:18px}
.f24{ font-size:24px}
.f30{ font-size:30px}
.f36{ font-size:36px}
.adaptive-popup{-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box;box-sizing: border-box;}
.mod-card,.bg-card{border-radius: 2px;background: #fff;box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.15);}
.text-alert{ color: #f88}
.text-blue,a.text-blue{ color: #36c}
.text-red,a.text-red{ color: red}
.text-green,a.text-green{ color: #36c}
.bt{border-top: 1px solid #ddd}
.bb{border-bottom: 1px solid #e8e9e9}
.br {border-right:1px solid #dededf;}
.w100{width:100px;}
.w200{width:200px;}
.simsun{font-family:simsun}
.o-auto{overflow: auto}
h4{ font-size: 18px;color: #000}
/*针对谷歌浏览器字体最小只能为12px的解决方案*/
.small-font{
	font-size:10px;
	webkit-text-size-adjust:none;
	-webkit-transform : scale(0.8);
	display:inline-block;
}
.smallsize-font {
	font-size:10px;
}
/*common style end*/

/*覆盖默认zTree样式*/
.ztree li span.button {
	background-image:url("/images/common/zTreeStandard.png");
}
.monitor-wrap .ztree li span.button.root_open,.monitor-wrap .ztree li span.button.roots_open,.monitor-wrap .ztree li span.button.center_open,.monitor-wrap .ztree li span.button.bottom_open {
	background-position: -70px -54px !important;
}
.monitor-wrap .ztree li span.button.root_close,.monitor-wrap .ztree li span.button.roots_close,.monitor-wrap .ztree li span.button.center_close,.monitor-wrap .ztree li span.button.bottom_close {
	background-position: -88px -54px !important;
}

/*Icon*/
.icon-switch-off{width:40px;height:20px;background: url(../images/common/switch_off.png) center center no-repeat;}
.icon-switch-on{width:40px;height:20px;background: url(../images/common/switch_on.png) center center no-repeat;}
.icon-setting{background: url(../images/common/ic_setting.png) 0 0 no-repeat;}
.icon-notification{background: url(../images/common/ic_notification.png) 0 0 no-repeat;}
.icon-search{background: url(../images/common/ic_search.png) 0 0 no-repeat;}
.icon-subordinate{width: 20px;height: 20px;background: url(../images/common/ic_subordinate.png) 0 0 no-repeat;}
.icon-info{width: 20px;height: 20px;background: url(../images/common/ic_info.png) 0 0 no-repeat;}
.icon-plant{width: 20px;height: 20px;background: url(../images/common/ic_plant.png) 0 0 no-repeat;}
.icon-pin{width: 40px;height: 40px; background: url(../images/monitor/ic_pin.png) 0 0 no-repeat;}
.icon-info-big{width: 40px;height: 40px;background: url(../images/common/ic_info_big.png) 0 0 no-repeat;}
.icon-add-group{width: 16px;height: 16px;background: url(../images/monitor/ic_add_grounp.png) 0 0 no-repeat;vertical-align:text-bottom;}
.icon-minus{width: 12px;height: 12px;background: url(../images/common/ic_minus.png) 0 0 no-repeat;}
.icon-plus{width: 12px;height: 12px;background: url(../images/common/ic_plus.png) 0 0 no-repeat;}
.icon-link{width: 30px;height: 30px;background: url(../images/common/ic_link.png) 0 0 no-repeat;background-size: 100%;vertical-align: middle;opacity: .4;filter: alpha(opacity=40);margin-right: 9px; }

/*监控中心图标*/
.icon-alert{width: 16px;height: 16px;background:url(../images/monitor/ic_alert.png) 0 0 no-repeat;}
.icon-alert-red{width: 16px;height: 16px;background:url(../images/monitor/ic_alert_red.png) 0 0 no-repeat;}
.icon-close-l{width: 16px;height: 16px;background:url(../images/monitor/close.png) 0 0 no-repeat;}
.icon-chart{width: 16px;height: 16px;background:url(../images/monitor/ic_chart.png) 0 0 no-repeat;}
.icon-setting-l{width: 16px;height: 16px;background:url(../images/monitor/ic_setting.png) 0 0 no-repeat;}
.icon-pin2{width: 20px;height: 20px;background:url(../images/monitor/ic_pin2.png) 0 0 no-repeat; vertical-align: text-bottom;}
.icon-position{width: 30px;height: 30px;background:url(../images/monitor/ic_position.png) 0 0 no-repeat;}
.icon-device-pump{width: 40px;height: 40px;background:url(../images/monitor/ic_device_pump.png) 0 0 no-repeat;}
.icon-device-curtain{width: 40px;height: 40px;background:url(../images/monitor/ic_device_curtain.png) 0 0 no-repeat;}
.icon-disconnect{width: 40px;height: 40px;background:url(../images/monitor/img_disconnect.png) 0 0 no-repeat;}
.icon-disconnect-little{width: 20px;height: 20px;background:url(../images/monitor/img_disconnect_little.png) 0 0 no-repeat;}
.icon-switch_off{width: 60px;background:url(../images/monitor/switch_off.png) 0 0 no-repeat;}
.icon-switch_on{width: 60px;background:url(../images/monitor/switch_on.png) 0 0 no-repeat;}
.icon-arrow-left{background:url(../images/monitor/arrow_left.png) 0 0 no-repeat;}
.icon-arrow-right{background:url(../images/monitor/arrow_right.png) 0 0 no-repeat;}
.icon-arrow-up{background:url(../images/monitor/arrow_up.png) 0 0 no-repeat;}
.icon-arrow-down{background:url(../images/monitor/arrow_down.png) 0 0 no-repeat;}
.icon-arrow-plus{background:url(../images/monitor/ic_plus.png) 0 0 no-repeat;}
.icon-arrow-minus{background:url(../images/monitor/ic_minus.png) 0 0 no-repeat;}

.icon-switch-off-b{width: 40px;height: 20px;background:url(../images/common/ic_switch_off.png) 0 0 no-repeat;}
.icon-switch-on-b{width: 40px;height: 20px;background:url(../images/common/ic_switch_on.png) 0 0 no-repeat;}

/*主体框架*/
.page{ position: relative;}
.wrap{position: relative;height: 100%;}
.bg-card{border-radius: 2px;background-color:#fff;box-shadow: 1px 0px 0px 0px rgba(238, 238, 238, 0.004);}
.c-title{ font-size:18px;color:#333;}
.page .sidebar{position: absolute; top: 0; left: 0;z-index:9; width: 120px; height:100%; background:#2b7;}
.page .content{margin-left:120px;position: relative;height:100%;}
.page .sidebar .nav-bar{width: 120px;box-shadow:inset -1px 0 0 0 rgba(32,36,37,0.10);float: left;height: 100%;}

.wrap .sub{position: absolute; top: 0; left: 0; width: 240px; height:100%;background:#2b7;}
.wrap .main{margin-left:240px;}

.monitor-wrap{overflow:hidden;}
.monitor-wrap .sub{position: absolute; top: 0; left: -340px; width: 340px; height:100%; background:#2b7;z-index:11}
.monitor-wrap .main{margin-left:0px;}
.monitor-wrap .overlay{ position:absolute;width:100%;height:100%; background:#3c4d5e;left:0;top:0;opacity:0.4; z-index:10; display:none;}


.actionbar{height: 30px;line-height: 30px;padding:15px 20px;background: #fff}
.actionbar .p-name{font-size: 18px;color: #202425}
.actionbar .system-logo{height: 30px;}


.sidebar{position: relative;}
.sidebar .nav-bar .title{text-align: center;}
.sidebar .nav-bar .title .logo{padding:8px 0;color: #fff;display: block;}
.sidebar .nav-bar .title .ic_cloud{ font-size: 64px;}
.main-nav .menu-item:hover,.main-nav .menu-item:active,.main-nav .menu-item.active {opacity: 1.0;filter: alpha(opacity=100);color:#fff;background:rgba(32,36,37,0.15);}
.main-nav .menu-item.active .icon-link {opacity: 1.0;filter: alpha(opacity=100);}
.main-nav .item{position: relative;}
.main-nav .item:hover{opacity: 1.0;filter: alpha(opacity=100);color:#fff;background:rgba(32,36,37,0.15);}
.main-nav .item:hover .icon-link {opacity: 1.0;filter: alpha(opacity=100);}
.main-nav .item a{color: rgba(255,255,255,.4);display:block;height: 30px;line-height: 30px;padding:5px 0px 5px 20px;}
.main-nav .item .menu-item.hide{ display:none;}
.main-nav .icfont{ font-size: 30px;vertical-align: top;margin-right:9px;display:inline-block;}
.main-nav .sub-item{display: none;position: absolute;background: #22a46b;left:120px;top:0;width: 200px;z-index:14;max-height: 260px;overflow: auto;}
.main-nav .sub-item li{line-height: 30px;text-align: left;border-top:1px solid #2b7;}
.main-nav .sub-item li:first-child{border-top:none;}
.main-nav .sub-item a{padding:0px 15px;}
.main-nav .item:hover .sub-item{display:block;}
.nav-bar .action{position: absolute;bottom:30px;width:100%;}
.nav-bar .action a{display: block;position: relative;}
.nav-bar .action a.link-acount{padding: 0;text-align: center;}
.nav-bar .action a.link-acount img{width: 30px;height:30px;border-radius: 50%;}
.nav-bar .action .bage{position: absolute;left:10px;top:5px;z-index: 1;display: inline-block;text-align:center;min-width:20px;height: 20px;line-height: 20px;background: #e56;color: #fff;border-radius:50%;}
.nav-bar .action .link-acount{position: relative;display: block;}
.nav-bar .action .link-acount:hover .acount-menu{display: block;}
.main-nav .accout-sub-item{top:inherit;bottom:0;}

.topbar{height: 49px;background: #fff;border-bottom:1px solid #e8e9e9;position:relative;}
.topbar .p-name{font-size: 18px;color: #202425; display:inline-block;line-height:50px;padding-left:20px;}
.topbar .system-logo{line-height: 30px; font-size: 18px;color: #202425; display:inline-block;padding:10px 0 9px 0}
.topbar .system-logo .pic{height: 30px;margin-right:10px;vertical-align: top;}
.topbar .btn-burger{margin:10px 0px 0px 10px;display: inline-block;vertical-align: top;}
.topbar .btn-burger .bg-menu{display: inline-block;width: 26px;height: 26px;border-radius: 50%;background: #2b7;text-align: center;color: #fff;padding:2px;}
.topbar .btn-burger .bg-menu .icfont{ font-size: 26px;}
.topbar .top-l{position: absolute;left: 0;top:0;height: 50px;}
.topbar .top-r{position: absolute;right: 0;top: 0;padding-right:20px;}
.topbar .tabs{text-align:center;height: 50px;}
.topbar .tabs .tabs-nav{ display: inline-block;padding:10px 0 9px 0; }
.topbar .tabs-nav li{float: left;min-width: 160px;line-height: 28px;border:1px solid #2b7;background: #fff; overflow:hidden;margin-left:-1px;}
.topbar .tabs-nav li:first-child{border-left:0;border-top-left-radius:15px;border-bottom-left-radius:15px;margin-left:0;}
.topbar .tabs-nav li:last-child{border-top-right-radius:15px;border-bottom-right-radius:15px;}
.topbar .tabs-nav li a{ display: block;color: #2b7 }
.topbar .tabs-nav li.active{background: #2b7;}
.topbar .tabs-nav li.active a{color: #fff}


.sub .title{height: 60px;line-height: 60px;padding:0px 20px;color: #fff;}
.sub .title .name{font-size: 18px;}
.sub .title a{color: #fff;}
.sub .title .ic_close{ font-size:24px;}
.side-search{padding:15px 20px;position: relative;}
.side-search .form-text{border-radius: 15px; background: #22a46b;border-color: #22a46b;padding-left: 15px;color: #fff;}
.side-search .btn-search{position:absolute;top:20px;right:25px;color: #fff;}
.side-search ::-webkit-input-placeholder {color:#fff;opacity: 0.6;filter: alpha(opacity=60);}
.side-search :-moz-placeholder {color:#fff;opacity: 0.6;filter: alpha(opacity=60);}
.side-search ::-moz-placeholder {color:#fff;opacity: 0.6;filter: alpha(opacity=60);}
.side-search :-ms-input-placeholder {color:#fff;opacity: 0.6;filter: alpha(opacity=60);}
.sub .tabs{padding:15px 20px;}
.sub .tabs li{border-color: #fff;}
.sub .tabs li a{color: #fff;}
.sub .tabs li.active { background: #fff;  }
.sub .tabs li.active a{color: #2b7}


.tree-panel{}
.tree-panel .a-title{ position:relative;cursor: pointer;padding-bottom:10px;padding-left:20px;}
.tree-panel .a-title a{color:#fff;opacity: 0.6;filter: alpha(opacity=60);}
.tree-panel .a-title .bage{ display:none;background: #22a46b;height:20px;line-height:20px;text-align: center;border-radius:2px;min-width:20px;color:#fff;position:absolute;right:10px;top: 0px;padding:0px 5px; font-weight:normal;}
.tree-panel .a-title:hover .bage{ display:block;}
.tree-panel .a-title:hover a{ text-decoration:underline;opacity: 1.0;filter: alpha(opacity=100);}
.tree-panel .a-title.active a{opacity: 1.0;filter: alpha(opacity=100);}
.tree-panel .ztree li a.curSelectedNode{background-color:transparent;border-color: transparent;font-weight:bold;}
.tree-panel .ztree li a{color: #fff;opacity: 0.6;filter: alpha(opacity=60);}
.tree-panel .ztree li a.curSelectedNode,.tree-panel .ztree li a:hover{opacity: 1.0;filter: alpha(opacity=100);color: #fff;}
/*.tree-panel .ztree li span.button.root_open,.ztree li span.button.root_close{ background-image: url(../images/common/zTreeStandard.png);}*/
.tree-panel .ztree li span.button.ico_close{margin-right: 2px;}
.tree-panel .ztree{padding:0;padding-left:25px;}
.tree-panel .ztree li span.button.noline_open,.tree-panel .ztree li span.button.noline_close{ background-image: url(../images/common/zTreeStandard.png);}
.tree-panel .ztree li span.button.noline_open{background-position:-74px -54px}
.tree-panel .ztree li span.button.noline_close{background-position:-92px -54px}



.toolbar{height: 30px;line-height: 30px;padding:15px 20px 14px 20px;background: #fff}
.toolbar .line{color: #dededf;}
.toolbar .action{line-height: 20px;margin-top: 5px;}
.toolbar .action a{display: inline-block;padding:0px 20px;}
.toolbar .action .grounp.active{color: #2b7;}
.toolbar .action .view [class^="icon-"]{margin:0px 6px;vertical-align: text-bottom;}
.toolbar .action .view.open{}

/*面包屑导航*/
.crumb{display: inline-block;height:30px;line-height:30px;padding:10px 0 9px 20px;}
.crumb li{float: left; font-size: 14px;}
.crumb .caret{color: #dededf;border-left: 5px dashed;border-right:0; border-top: 5px solid transparent; border-bottom: 5px solid transparent;margin:-2px 10px 0 10px;}


.block-list{padding:10px 10px 0px 10px}
.block-list .row{margin-left: -5px;margin-right: -5px;}
.block-list .col-md-3{padding-left: 5px;padding-right: 5px;width: 33.3333333333%;box-sizing: border-box;float: left;}
.block-list .col-md-2{padding-left: 5px;padding-right: 5px;width: 50%;box-sizing: border-box;float: left;}
.block-list .item{height: 278px;border:1px solid #dbdfe0;background: #fff;margin-bottom: 10px;}
.block-list .item .hd{padding:19px 19px 20px 19px;height:20px;line-height: 20px;margin-bottom: 20px;}
.block-list .item .hd .company {padding-top: 5px;color: #000;opacity: .4;filter:alpha(opacity=40)}
.block-list .item .bd{height: 198px;}
.block-list .item .name{color:#202425; font-size: 18px;padding: 15px 0 5px 0}
.block-list .item .statistics{height: 58px;border-top:1px solid #e8e9e9;}
.block-list .item .statistics ul li{ float: left;width: 33.333333333%;text-align: center;line-height: 58px;border-left: 1px solid #f0f0f0;box-sizing: border-box;}
.block-list .item .statistics ul li:first-child{border-left:none}
.block-list .item .statistics .num{color: #202425; font-size: 18px;}
.block-list .item .hd .action{ display:none;}
.map.block-list .item .hd .action{ display:block;margin-right:20px;}
.map.block-list .item{margin-bottom:0;width:638px;border:none;padding-bottom:20px;}

.block-list .item .plant{padding-top: 20px;line-height: 20px;}
.block-list .item .plant .icon-plant{margin-right: 10px;}
.block-list .item:hover{border-color: #2b7;box-shadow: 0px 2px 10px 0px rgba(7, 0, 2, 0.1);}
.block-list .item .tit{height: 60px;}
.block-list .item .bd{padding-right: 339px;padding-left: 40px;}
.block-list .info{padding-right: 38px;}
.block-list .info li{height: 29px;line-height: 29px;border-top:1px solid #f4f4f4;}
.block-list .info li:first-child{border-top:none;}
.block-list .info .value{float: right;max-width:140px; overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.block-list .info .value .bg-icon{ display:inline-block;min-width:24px;height:16px;border-radius:8px;background:rgba(32,36,37,0.10); text-align:center;line-height:16px; vertical-align:text-top;}
.block-list .info .value .bg-alarm{background:#fa6;color:#fff;}
.block-list .info .value .bg-disconnect{background:#4be;color:#fff;}
.block-list .chart-list{float: right;width: 339px;height: 180px;margin-right: -339px;}
.block-list .chart-list .chart-item{padding:0px 39px;border-left: 1px solid #f4f4f4;height: 180px;width: 90px;float: left;}
.block-list .chart-list .value{color: #2b7;margin:5px 0 12px 0}
.block-list .chart-list .value .num{ font-size: 18px;}
.block-list .chart-item li{width: 40px;float: left;margin-left: 10px;text-align: center;height: 100px;}
.block-list .chart-item li:first-child{margin-left: 0px;}
.block-list .chart-item .progress-bar{display: block;width: 40px;height:100px;margin-bottom: 6px;position: relative;}
.block-list .chart-item .progress-bar .bar{position: absolute;bottom: 0;width: 40px;cursor: pointer;}
.block-list .chart-item .progress-bar .bar1{background: #2b7;}
.block-list .chart-item .progress-bar .bar2{background:rgba(32,36,37,0.20);}
.block-detail{padding-top:5%;text-align: center;}


/*卡片列表*/
.card-list{padding:10px 10px 0px 10px}
.card-list .row{margin-left: -5px;margin-right: -5px;}
.card-list .col-md-3{padding-left: 5px;padding-right: 5px;width: 33.3333333333%;box-sizing: border-box;float: left;}
.card-list .col-md-2{padding-left: 5px;padding-right: 5px;width: 50%;box-sizing: border-box;float: left;}
.card-list .item{height: 258px;border:1px solid #dbdfe0;background: #fff;margin-bottom: 10px;}
.card-list .item .hd{padding:19px 19px 20px 19px;line-height: 20px;overflow: hidden;}
.card-list .item .bd{height: 140px;text-align: center;}
.card-list .item .name{color:#202425; font-size: 18px;padding: 15px 0 5px 0}
.card-list .item .statistics{height: 58px;border-top:1px solid #e8e9e9;}
.card-list .item .statistics ul li{ float: left;width: 33.333333333%;text-align: center;line-height: 58px;border-left: 1px solid #f0f0f0;box-sizing: border-box;}
.card-list .item .statistics ul li:first-child{border-left:none}
.card-list .item .statistics .num{color: #202425; font-size: 18px;}
.card-list .item .plant{padding-top: 20px;line-height: 20px;}
.card-list .item .plant .icon-plant{margin-right: 10px;}
.card-list .item:hover{border-color: #2b7;box-shadow: 0px 2px 10px 0px rgba(7, 0, 2, 0.1);}
.card-list .item .tit{height: 60px;}

.link-info{width: 20px;height: 20px;border-radius: 50%;}
.link-info:hover{background: #f2f2f2;}
.link-info .icfont{width: 20px;height: 20px;line-height: 20px;text-align: center; font-size: 35px;margin-left: -5px;}


/*Modal*/
.modal .sidebar{width: 180px;height: 100%;float: left;background: #2b7;float: left;text-align: center;color: #fff;position: relative;}
.modal .list{width: 319px;height:100%;border-right: 1px solid #dbdfe0;background: #f0f4f5;float: left;position: relative;}
.modal .content{background: #fff;overflow: hidden;}
.modal .sidebar .title{ padding: 0 10px;font-size: 18px;color: #fff;height: 59px;line-height: 59px;border-bottom: 1px solid #2b7;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.modal .sidebar .menu .item{margin-bottom: 20px;}
.modal .sidebar .menu .item .bg-icon{display: inline-block;width: 40px;height: 40px;line-height: 40px;border-radius: 50%;margin-bottom: 3px;}
.modal .sidebar .menu .item .bg-icon .icfont {vertical-align: middle;}
.modal .sidebar .menu .item.active .bg-icon{background: #43c58b;}
.modal .sidebar .menu .item a{opacity: 0.4;filter: alpha(opacity=40);color: #fff}
.modal .sidebar .menu .item.active a,.modal .sidebar .menu .item:hover a{opacity: 1.0;filter: alpha(opacity=100);}
.modal .sidebar .time-status{margin-bottom: 80px;padding-top: 20px;color: #7ad6ad}
.modal .sidebar .time-status .num{ font-size: 48px;line-height:48px;color: #fff;padding:13px 0}
.modal .sidebar .switch{line-height: 30px;}
.modal .sidebar .switch .icon-switch{margin:0px 10px;cursor:pointer;}
.modal .sidebar .switch .off{color: #fff;}
.modal .sidebar .switch.active .icon-switch{width:60px;height:30px;background: url(../images/monitor/switch_on1.png) 0 0 no-repeat}
.modal .sidebar .switch.active .on{color: #fff;}
.modal .sidebar .switch.active .off{color: #7ad6ad;}
.modal .sidebar .value{color: #fff;padding-top: 20px;margin-bottom: 80px;}
.modal .sidebar .value .num{ font-size: 36px;}
.modal .sidebar .value .unit{ font-size: 18px;}

.modal .list .title{height:60px;line-height: 60px;padding:0px 20px;overflow:hidden;}
.modal .list .title .name{color:#202425; font-size: 18px;}
.modal .list .title .action{line-height:30px;padding:15px 0;}
.modal .list .bd{border-top: 1px solid #d4d8d9}
.modal .list .item{padding:20px;border-bottom: 1px solid #dbdfe0;cursor:pointer;}
.modal .list .item:hover{background: #eee}
.modal .list .item.active{background: #e8eced;}
.modal .list .item dt{color: #202425;padding-bottom: 15px;}
.modal .list .item .c-time{float: right;}
.modal .flag{display:inline-block;width: 10px;height: 10px;background: #2b7;margin:10px;border-radius: 50%;vertical-align: top;}
.modal .DeviceListDiv .flag {margin:10px 5px;}
/*传感预警*/
.modal .flag-alarming{background:#fa6;}
/*设备断开*/
.modal .flag-warning{background: #e56;}
/*正在运行*/
.modal .flag-devicing{background:#4be;}

.modal .list .item li{line-height: 30px;}
/*.modal .list .action{position: absolute;bottom:20px;width: 100%;}*/
.modal .sidebar .action{position: absolute;bottom:20px;width: 100%;}

/*分组设置*/
.group-setting .list .action{ position:inherit;bottom:0;width:auto;padding:20px;}

.btn-rename{background: #2b7;border-color: #7ad6ad;}

.icon-switch{width: 60px;background: url(../images/monitor/fg_switch.png) 0 0 no-repeat;}
.icon-device-list{width: 40px;height: 40px;background: url(../images/monitor/ic_device_list.png) 0 0 no-repeat;}
.icon-device-log{width: 40px;height: 40px;background: url(../images/monitor/ic_device_log.png) 0 0 no-repeat;}
.icon-device-setting{width: 40px;height: 40px;background: url(../images/monitor/ic_device_setting.png) 0 0 no-repeat;}
.icon-switch-l{width:30px;height:20px;background: url(../images/monitor/ic_switch_l.png) center center no-repeat;}

.modal .content .title{height: 59px;line-height: 59px;border-bottom: 1px solid #e8e9e9;padding-left: 20px;background:#fff;}
.modal .content .title .name{font-size: 18px;color: #202425;margin-right: 40px;float:left;}
.modal .content .title .btn-close{float: right;padding:15px;height: 30px;}
.modal .content .title .btn-close:hover{background: #3c8;}
.modal .content .title .btn-close .icon-close{width: 30px;height: 30px;background: url(../images/monitor/ic_close.png) 0 0 no-repeat;}
.modal .content .title .switch{height:20px;line-height: 20px;display: inline-block;border-left: 1px solid #e8e9e9;padding-left: 40px;}
.modal .content .title .time{ font-size: 18px;color: #222;margin-right: 40px;}
.modal .content .title .switch .icon-switch-l{margin:0px 10px;cursor: pointer;}
.modal .content .title .tabs{margin-top:15px;}

.modal .content .bd{ overflow:auto;}
.pd1020{padding:10px 20px;}
.modal .content .form-item{padding-top: 10px;padding-bottom: 10px;}
.modal .content .form-item input[type=checkbox] {vertical-align: middle;}
.modal .content .form-label{color: #202425}

.border-radius-dialog {border-radius:4px;}
.deviceStatus-modal {border-radius:4px;}
.deviceStatus-modal .table-content {height:490px;overflow:auto;}
.deviceStatus-modal .content .title {height:60px;line-height:60px;border:none;}
.deviceStatus-modal .content .title .name{font-size:14px;color:#202425;}
.deviceStatus-modal .content .table-content {background:#fff;}
.deviceStatus-modal .device-list li {-moz-box-sizing: border-box;-webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box;box-sizing: border-box;float:left;width:290px;height:80px;padding:0 20px;line-height:80px;margin:0 0 20px 10px;border:1px solid rgba(32,36,37,0.10); }
.deviceStatus-modal .device-list li.noDevice {display:block;width:100%;height:490px;line-height:490px;border:none;text-align:center;font-size:14px;margin:0;}
.deviceStatus-modal .device-list li .icfont {display:inline-block;padding:5px;margin-top: 20px;font-size:30px;border-radius:50%;color:#fff;vertical-align: top;}
.deviceStatus-modal .device-list li .device-name {display: inline-block;width: 90px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-left:10px;color:rgba(32,36,37,0.60);}
.deviceStatus-modal .device-list li h5 {float:right;width: 100px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size:24px;color:#202425;text-align:right; font-weight:bold;}
.deviceStatus-modal .device-list li h5 span {font-size:12px;}
.deviceStatus-modal .device-wrapper:first-child .icfont {background:#2b7;}
.deviceStatus-modal .device-wrapper:nth-child(2) .icfont {background:#fa6;}
.deviceStatus-modal .device-wrapper:nth-child(3) .icfont {background:#4be;}
.deviceStatus-modal .device-wrapper:nth-child(4) .icfont {background:#e56;}
.modal .left-bar {width: 80px;height: 550px;float: left;background:#f0f4f5;float: left;text-align: center;color: #fff;position: relative;}
.modal .left-bar .title {height:60px;line-height:60px;font-size:14px;color:#202425;text-align:center;}
.modal .left-bar li {height:70px;margin-bottom:20px;opacity: .3;filter: alpha(opacity=30);cursor:pointer;}
.modal .left-bar li.active {opacity: 1;filter: alpha(opacity=100);}
.modal .left-bar li .icfont{display:inline-block;padding:5px;font-size:30px;border-radius:50%;color:#fff;margin-bottom:3px;}
.modal .left-bar li:first-child {color:#2b7;}
.modal .left-bar li:first-child .icfont {background:#2b7;}
.modal .left-bar li:nth-child(2) {color:#fa6;}
.modal .left-bar li:nth-child(2) .icfont {background:#fa6;}
.modal .left-bar li:nth-child(3) {color:#4be;}
.modal .left-bar li:nth-child(3) .icfont {background:#4be;}
.modal .left-bar li:nth-child(4) {color:#e56;}
.modal .left-bar li:nth-child(4) .icfont {background:#e56;}

/*虫情测报灯Begin*/
.form-wrapper {display: block;overflow: hidden;width: 660px;}
.form-wrapper .form-item{float: left;width: 230px;}
/*虫情测报灯End*/

.add-group-form .devices-list li{position: relative;padding-left: 160px;}
.add-group-form .devices-list.notype li{padding-left:0;}
.add-group-form .devices-list .label-like{width: 160px;margin-left:-160px;float: left;height: 60px;line-height: 60px;}
.add-group-form .devices-list .checkbox{width: 170px;margin-right: 30px;padding-top:15px;padding-bottom: 15px;}
.add-group-form .devices-list li .ic_delete {position: absolute;right: 0;top: 50%;transform: translateY(-50%);-ms-transform: translateY(-50%);cursor: pointer;}


.icon-recycle{width: 16px;height: 16px;background: url(../images/monitor/ic_recycle.png) 0 0 no-repeat; vertical-align:text-bottom;}

.table-card{border:1px solid #dbdfe0;background: #fff;}
.modal .table-content{background: #f0f4f5}
.table-content .action-bar{padding:19px 20px;border-top: 1px solid #dee2e3;}
.table-content .action-bar:before,.table-content .action-bar:after{ display:table; line-height:0; content:"";}
.table-content .action-bar:after{ clear:both}
.filter-bar{padding:20px 19px;}
.table-content .table>tbody>tr>td{padding-top:6px;padding-bottom: 6px;}
.table-content .serial{padding-left: 30px;}


.list-setting .checkbox{margin-top: -5px;margin-right: 0;}


.org-tree .ztree li a{position: relative;display: block;height: 26px;line-height: 26px;}
.org-tree .ztree .bage{display: none;background: #22a46b;height:20px;line-height:20px;text-align: center;border-radius:2px;min-width:20px;color:#fff;position:absolute;right:10px;top: 0px;padding:0px 5px; font-weight:normal;}
.org-tree .ztree li a:hover .bage{display: block;}


.map-mode,.map-mode .map{height: 100%;}




/*数据为空时样式*/
.no-result{ text-align:center; font-size:14px;line-height:80px;border:1px dashed #ccc;margin-top:20px;}



/*云平台公共模块样式*/
.filter-bar .type ul{display: inline-block;vertical-align: top;}
.filter-bar .type li{ float: left;height: 28px;line-height: 28px;border:1px solid #c2c2c3;width: 100px;text-align: center;margin-left:-1px;margin-right:0;}
.filter-bar .type li:first-child{margin-left: 0;border-top-left-radius:15px;border-bottom-left-radius:15px;}
.filter-bar .type li:last-child {border-top-right-radius:15px;border-bottom-right-radius:15px;}
.filter-bar .type li a{display: block;height:28px;}
.filter-bar .type li.active{background: #d2d3d3;}
.filter-bar .type li.active a{color: #fff;}
.table-content .filter-bar2{padding-top: 10px;}
#img-search {min-width:auto;text-align: center;}
/*#img-search i {vertical-align: initial;margin: 0;}*/



/*资讯中心*/
.icon-page{background: url(../images/infoCenter/ic_page.png) 0 0 no-repeat;}
.icon-article{background: url(../images/infoCenter/ic_article.png) 0 0 no-repeat;}
.icon-produces{background: url(../images/infoCenter/ic_produces.png) 0 0 no-repeat;}
.icon-feedback{background: url(../images/infoCenter/ic_feedback.png) 0 0 no-repeat;}
.icon-time{width:18px;height:18px;background: url(../images/infoCenter/ic_time.png) 0 0 no-repeat;}
.icon-add{width:12px;height:12px;background: url(../images/infoCenter/ic_add.png) 0 0 no-repeat;} 
.icon-select{background: url(../images/infoCenter/ic_select.png) 0 0 no-repeat;}
.icon-website{width:36px;height:36px;background: url(../images/infoCenter/ic_website.png) 0 0 no-repeat;}
.icon-img-little{width:18px;height:18px;background: url(../images/infoCenter/ic_img.png) 0 0 no-repeat;}

.site-list{ overflow: auto;}
.site-list .item-site{height: 268px;}
.site-list .item-site .hd{height: 20px;}
.site-list .item-site .bt{border-top: none;padding:20px 19px 19px 19px;}
.site-list .item-site .statistics{border-top: none;padding-top: 30px;}
.site-list .item-site .statistics ul li.col-4{width: 25%;border-left:none;line-height: 1;}
.site-list .item-site .statistics .num{ font-size: 30px; color: #2b7;}
.site-list .item-site .field-name{line-height: 30px;margin-bottom: 10px;}
.site-list .item-site .statistics [class^="icon-"],.site-list .item-site .statistics [class*=" icon-"]{margin-right: 3px;}


.step-list{margin-bottom: 60px;}
.step-list .item{border:1px solid #f4f4f4;margin-bottom: 10px;border-radius: 5px;padding:19px;overflow: hidden;}
.step-list .item .serial{display:inline-block;width: 30px;height: 30px;line-height:30px;background: #2b7; font-size:18px;border-radius: 50%;color: #fff;text-align: center;margin-right: 19px;}
.step-list .item .label-like{color: #202425;float: left;}
.step-list .step1 .label-like{line-height: 60px;}
.step-list .upload-panel .tips{line-height: 60px;color: #999;}
.step-list .btn-upload{display: inline-block;width: 138px;height: 58px;border:1px solid #dededf;text-align: center;margin-left: 30px;vertical-align: top;box-sizing: border-box;}
.step-list .btn-upload .icon-img{margin-bottom: 5px;}
.step-list .btn-upload:hover{background: #eee}
.step-list .upload-text{padding-top:10px;}

.style-list li{margin-left: 5px;float: left;}
.style-list li:first-child{margin-left: 0}
.style-list .bg-icon{display: inline-block;width: 30px;height: 30px;border-radius: 50%;background:#3c8;cursor: pointer;vertical-align: top;}
.style-list .bg-icon-green{background: #3c8;}
.style-list .bg-icon-lightGreen{background: #8d7;}
.style-list .bg-icon-blue{background: #3ae;}
.style-list .bg-icon-orange{background: #ea5;}
.style-list .bg-icon-red{background: #d45;}
.style-list .icon-select{display: none;}
.style-list li.active .icon-select{display: block;}


/*弹出层公共样式*/
.h-title { text-align: center; position: relative;width: 400px;display:inline-block;}
.h-title h3 { padding:0 25px; display: inline-block; background: #fff;position: relative; }
.h-title .divide { height: 1px; right: 0; top: 50%; width: 100%; background: #ccc; box-sizing: border-box;position: absolute; }
.modal-info .info-list{line-height: 30px;overflow: hidden;}
.modal-info .info-list li:before,.modal-info .info-list li:after{ display:table; line-height:0; content:"";}
.modal-info .info-list li:after{ clear:both}
.modal-info .info-list .label-like,.modal-info .info-list .value{display:block;width: 50%;box-sizing: border-box;float: left;}
.modal-info .info-list .label-like{text-align: right;padding-right: 10px;}
.modal-info .info-list .value{text-align: left;padding-left: 10px;}
.modal-info .h-title{width:100%;}
.modal-info .c-name{ font-size: 12px;}


.icon-more{background: url(../images/trace/ic_more.png) 0 0 no-repeat;}
// .icon-delete{width:18px;height:18px;background: url(../images/trace/ic_delete.png) 0 0 no-repeat;}
/*.icon-edit{width:12px;height:12px;background: url(../images/trace/ic_edit.png) 0 0 no-repeat;}*/
.icon-edit-w{width:12px;height:12px;background: url(../images/trace/ic_edit_w.png) 0 0 no-repeat;}
.icon-close-l{width:10px;height:10px;background: url(../images/trace/ic_close.png) 0 0 no-repeat;}
.icon-add{width:10px;height:10px;background: url(../images/trace/ic_add.png) center center no-repeat;vertical-align: text-top;}
.icon-img{width:36px;height:36px;background: url(../images/trace/ic_img.png) 0 0 no-repeat;}
.icon-search{width:15px;height:15px;background: url(../images/trace/ic_search.png) 0 0 no-repeat;}
.icon-switch-off{width:32px;height:16px;background: url(../images/trace/ic_switch_off.png) 0 0 no-repeat;}
.icon-switch-on{width:32px;height:16px;background: url(../images/trace/ic_switch_on.png) 0 0 no-repeat;}
.icon-professional{width:30px;height:30px;background: url(../images/trace/ic-professional.png) 0 0 no-repeat;}
.icon-standard{width:30px;height:30px;background: url(../images/trace/ic-standard.png) 0 0 no-repeat;}
.icon-popup-arrow-up{width:10px;height:5px;background: url(../images/trace/popup-arrow-up.png) 0 0 no-repeat;}
.icon-help {width: 20px; height: 20px; background: url(../Images/trace/ic_help.png) 0 0 no-repeat;margin-right: 10px;}

#DivOriginName .div_orgUsersTree_outerSelector {width: 190px !important;}
.trace-list .item{border:1px solid #dbdfe0;background: #fff;padding-left:209px;margin-bottom: 10px; cursor:pointer;}
.trace-list .item:before,.trace-list .item:after{ display:table; line-height:0; content:"";}
.trace-list .item:after{ clear:both}
.trace-list .item:hover{border-color: #2b7;box-shadow: 0px 2px 10px 0px rgba(7, 0, 2, 0.1);}
.trace-list .item .pic{width: 209px;height: 208px;float: left;margin-left: -209px;}
.trace-list .item .pic img{width: 209px;height: 208px;}
.trace-list .item .title{padding:15px 20px;}
.trace-list .item .title h4{ font-size: 18px;color: #000;line-height:30px;}

.trace-list .item .drop-menu{display: none;}
.trace-list .item .statistics{height:40px;overflow: hidden;padding:19px 0px;border-bottom:1px solid #f4f4f4;cursor:pointer;}
.trace-list .item .statistics li{float:left;width: 25%;box-sizing: border-box;border-left: 1px solid #f4f4f4;padding:0px 20px;}
.trace-list .item .statistics li:first-child{border-left: none;}
.trace-list .item .statistics .value{ font-size: 18px;color: #2b7;margin-top:5px;}
.trace-list .item .statistics .BatchCount:hover{cursor:pointer; text-decoration:underline;}
.trace-list .item .opration{padding:20px 20px 19px 20px;}
.trace-list .item .status{line-height: 30px;cursor: pointer;}
.trace-list .item .status .icon-switch-off{margin-right: 20px;vertical-align: text-top;margin-top: -1px;}
.trace-list .item .status.open{color: #202425}
.trace-list .item .status.open .icon-switch-off{background:url(../images/trace/ic_switch_on.png) 0 0 no-repeat}

.btn-add{color: #2b7;border-color: #2b7;text-align: left;}
.btn-add .bg-icon{display: inline-block;width: 10px;height: 10px;padding:5px;border-radius: 50%;background: #2b7;text-align: center;line-height: 20px;vertical-align: top;margin: 4px 10px 0 0;}
.btn-add .bg-icon [class^="icon-"],.btn-add .bg-icon [class*=" icon-"]{margin-right: 0;vertical-align: top;}




.batch-wrap{position: absolute;display:block;top: 0;right: 0;width: 100%;}
.batch-wrap .batch-panel{width:639px;border-left:1px solid #e8e9e9;height:100%;background: #fff;float: right;position: relative;z-index:1;box-sizing: border-box;overflow: hidden;}
.batch-wrap .b-overlay{width: 100%;height: 100%;background: #f0f4f5;opacity: 0.8;filter: alpha(opacity=80);}
.batch-wrap .batch-list{padding:0px 20px 20px 19px;}
.batch-wrap .batch-list .item{border:1px solid #e8e9e9;height: 138px;margin-bottom: 10px;}
.batch-panel .brief{padding:20px 20px 20px 100px;}
.batch-panel .brief:before,.batch-panel .brief:after{ display:table; line-height:0; content:"";}
.batch-panel .brief:after{ clear:both}
.batch-panel .brief .pic{width: 60px;height: 60px;float: left;margin-left: -80px;}
.batch-panel .brief .pic img{width:60px;height:60px;}
.batch-panel .brief .tit{padding:7px 0}
.batch-list .item{padding-left: 60px;}
.batch-list .label-like{width: 59px;border-right: 1px dashed #e5e4e5;height: 100%;line-height:138px;margin-left:-60px;display: block;float: left;text-align: center;}
.batch-list .info{color: #202425;height: 100px;}
.batch-list .info .date{ font-size:24px;line-height: 24px; font-weight: bold;padding:5px 0}
.batch-list .status{}
.batch-list .status .qrcode-img{width:100px;height:100px;}
.batch-list .status .text{display: inline-block;padding-top:84px;margin-right: 20px;color: #202425;}
.batch-list .action{float: right;text-align: right;}
.batch-list .item:hover{border-color: #bcbdbd;cursor: pointer;}
.batch-list .item:hover .status{display: none;}
.batch-list .item:hover .action{display: block;}
.batch-panel .opration-bar{position: absolute;bottom:0;padding:20px;width: 100%;box-sizing: border-box;background: #fff;}

.btn .icon-edit,.btn .icon-edit-w{vertical-align: text-top;}
.btn .icon-delete{ vertical-align: text-bottom;}

.btn-opration { display: inline-block; vertical-align: top; }
.btn-opration .btn { float: left; border-radius: 0; margin-left: -1px; }
.btn-opration .btn:first-child { margin-left: 0; border-top-left-radius: 15px; border-bottom-left-radius: 15px; }
.btn-opration .btn:last-child { border-top-right-radius: 15px; border-bottom-right-radius: 15px; }
.btn-opration .btn.active{background: #2b7;border-color: #7ad6ad;color: #fff;}
.btn-opration .btn:hover{color:#2b7;}
.btn-opration .btn.active:hover{color:#fff;}


.thumbnail-panel { position:absolute; top:0px; right:0; background:#fff;width: 178px;height: 178px;border:1px solid #dededf;text-align: center; }
.thumbnail-panel .btn-upload{display: block;padding-top: 50px;height: 178px;box-sizing: border-box;}
.thumbnail-panel .tips{line-height: 18px;}

/*
.edit-form .title{height:30px;line-height: 30px;margin-bottom: 35px;}
.edit-form .title .name{display: inline-block;margin-right: 60px;vertical-align: top;}*/
.edit-form .form-item{padding-top: 10px;padding-bottom: 10px;}
/*.edit-form .form-item .form-label{color: #202425}*/
.edit-form .action-bar{padding-bottom: 20px;}


.base-modal .title .step{display: inline-block;height: 30px;vertical-align: top;padding:15px 0;line-height:30px;}
.base-modal .title .step li{float: left;margin-right: 50px;}
.base-modal .title .step .serial{display: inline-block;width: 30px;height: 30px;border-radius: 50%;background: #a6a7a8; font-size: 18px;color: #fff;text-align: center;margin-right: 20px;}
.base-modal .title .step .active{color: #202425}
.base-modal .title .step .active .serial{background: #2b7;}


/*选择流程*/
.chart-area .tabhd {padding: 0 0 0 10px; position: relative; z-index: 3;}
.chart-area .tabhd li { float: left; display: inline; margin: 0 0 -1px -1px; padding:0 40px !important; border:1px solid #ddd; text-align: center; line-height: 40px; cursor:pointer;}
.chart-area a { text-decoration: none; cursor:pointer; text-align: center; color:#777; }
.chart-area .selected{ border-bottom:1px #fff solid !important; color:#333;}
.chart-area .tabhd .selected .task-count {background: #2d8931;}
.task-count{ display:inline-block; width:40px; height:20px; line-height:20px; margin:5px 0px 0px 20px; border-radius: 10px; font-size: 14px; text-align:center; color:#fff; background: #ddd; }
.btn-add-task{ height:40px; float:right; padding: 0 20px;}


.publish-batch-form .section .hd{padding-left:100px;height:50px;line-height:49px;overflow: hidden;}
.publish-batch-form .section .name{width: 80px;margin-left: -100px;float: left;color: #202425;}
.publish-batch-form .section .tit{border-bottom:1px solid #f4f4f4}
.publish-batch-form .section .switch{float: right;margin-top:16.5px;cursor: pointer;}

.btn-w30{width: 30px;min-width: 30px;padding:0;}
.btn-w50{width: 50px;min-width: 50px;padding:0;}
.btn-search .icon-search{margin-right: 0;vertical-align: top;margin-top: 4px;}


.select-popup{position: absolute;top:50px;z-index: 1;background: #fff;box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.2);border-radius: 5px;}
.select-popup li{border-top:1px solid #eee;overflow:hidden;line-height:30px;}
.select-popup li:first-child{border-top:none;}
.select-popup a{display: block;padding:10px 20px;box-sizing: border-box;}
.select-popup a:hover{background: #f7f7f7;}


/*交流中心*/
.message-wrap{ background:#fff;}
.message-wrap .topbar .ic_exchange {display:inline-block;padding: 5px;margin-left:10px;font-size: 20px;background: #2b7;border-radius: 50%;color: #fff;}
.message-wrap .topbar .p-name{font-size: 14px;padding-left:10px;}
.message-wrap .sub .title{color: #202425;}
.message-wrap .sub{width: 320px;margin-top: 50px;border-right: 1px solid rgba(32,36,37,0.10);background:#fff;box-sizing: border-box;}
.message-wrap .side-search{padding:20px 30px 20px 20px;}
.message-wrap .side-search .form-text{background: #fff;border-color: rgba(32,36,37,0.10);color: rgba(32,36,37,0.40);padding-left: 26px;}
.message-wrap .side-search .btn-search{right:0;color: rgba(32,36,37,0.40);font-size: 30px;}
.message-wrap .main{margin-left: 320px;}
.message-wrap .sub .check{padding: 0 20px;color: rgba(32,36,37,0.40);}
.modal .comment-li .title{border:none;}
.modal .comment-li .content .title .name {font-size: 14px;}
.custom-dialog .comment-li .btn-popup-close {width:20px;height: 20px;}
.modal .comment-li .btn-popup-close .icon-popup-close {width:20px;height: 20px;}
.topic-list .item{height: 120px;padding:20px;box-sizing: border-box;border-bottom: 1px solid rgba(32,36,37,0.10);}
.topic-list .item:first-child{border-top: 1px solid rgba(32,36,37,0.10);}
.topic-list .item:last-child {border-bottom: none;}
.topic-list .item a{display: block;color: rgba(32,36,37,0.40);}
.topic-list .item .bd{line-height: 18px;}
.topic-list .item .date{float: right;}
.topic-list .item .favorites {float: right;margin-top: 5px;margin-left: 10px;font-size: 20px;}
.topic-list .item.active,.topic-list .item.active:hover{background: rgba(34, 187, 119, 0.10);}
.topic-list .item:hover{background: rgba(34, 187, 119, 0.10);cursor: pointer;}
.topic-list .item .hd{line-height: 30px;margin-bottom: 10px;}
.topic-list .item .name{margin-right:7px;margin-left:10px;color: #202425;}
.topic-list .item .Head {display: inline-block;position: relative;}
.topic-list .item .Head img{width: 28px;height: 28px;border: 1px solid rgba(32,36,37,0.10);border-radius: 100%;}
.topic-list .item .Head .new {position:absolute;top:0;right:0;display: block;width: 10px;height: 10px;border-radius: 50%;background: #e56;}
.topic-list .item .count{display: inline-block;text-align: center;min-width: 24px;height: 16px;line-height:1.4;background: #4ec992;border-radius: 8px;vertical-align: top;}
.topic-list .item.active .count{background: #e46}
.addMessage-wrap {width:100%;height: 70px;line-height: 70px;text-align: center;border-top: 1px solid rgba(32,36,37,0.10);}
.addMessage-wrap a {padding: 0 55px;}
.addMessage-wrap .icfont {font-size: 20px;line-height: 30px;}
#MessageMain .side-search .ic_search-pla {position: absolute;left: 24px;  top: 24px;color: rgba(32,36,37,0.40);font-size: 20px;}
#MessageMain .side-search ::-webkit-input-placeholder {color:rgba(32,36,37,0.40);}
#MessageMain .side-search :-moz-placeholder {color:rgba(32,36,37,0.40);}
#MessageMain .side-search ::-moz-placeholder {color:rgba(32,36,37,0.40);}
#MessageMain .side-search :-ms-input-placeholder {color:rgba(32,36,37,0.40);}
/*收藏*/
.ic_favorite,.ic_favorite_selected {line-height: 14px;}
.ic_favorite:before {
	/*content: "\e983";*/
	content: "";
	display: inline-block;
	width: 14px;
	height: 14px;
	background: url("/Images/common/ic_favorite.svg") no-repeat center center;
	background-size: 14px;
}
.ic_favorite_selected:before {
	/*content: "\e983";*/
	content: "";
	display: inline-block;
	width: 14px;
	height: 14px;
	background: url("/Images/common/ic_favorite_selected.svg") no-repeat center center;
	background-size: 14px;
}



.adaptive-h1,.adaptive-h2,.adaptive-h3,.adaptive-h4{overflow:auto}


.modal.adaptive-popup{ overflow:auto;}


.webuploader-container { position: relative; }
.webuploader-element-invisible { position: absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px,1px,1px,1px); }



.btn-release{ display:inline-block; position:fixed;z-index:1;top:50%;right:0;height:30px;line-height:30px;border-radius:19px 0 0 19px; background:#4be; color:#fff;width:70px;border:1px solid #4be;border-right:0;box-shadow:0px 10px 20px 0px rgba(0, 0, 0, 0.2);box-sizing: border-box;text-align:center;}
.btn-release .icfont{width:20px;height:20px;margin-right:6px; font-size:20px;margin-top:5px; vertical-align:top; display:inline-block; vertical-align:top;}
.btn-release .icon-upgrade-rocket{width:30px;height:30px;margin-right:2px;vertical-align:top;background:url(../images/login/ic_upgrade_rocket.png) center center no-repeat;}
.btn-release:hover{ background:#fff;color:#4be;}



/*公共弹出层样式*/
.base-modal>.title{height: 59px;border-bottom: 1px solid #e8e9e9;padding-left: 20px;background:#fff;}
.base-modal>.title .name{font-size: 18px;color: #202425;margin-right: 40px;line-height: 59px;}
.base-modal>.title .btn-popup-close{cursor:pointer; width:30px; height:30px; display:inline-block; position:relative;background: #2b7;border-radius: 50%; float:right;top:15px;}
.base-modal>.title .btn-popup-close .icon-popup-close{background:url(../images/common/ic_close_l.png) center center no-repeat;}
.base-modal>.title .btn-popup-close:hover{ background:#396;}
.base-modal>.bd{ overflow:auto;padding:20px 0;}
.base-modal .edit-form{position:relative;}
.w1000{width:1000px;margin:0 auto;}

.group-setting .panel{height:100%;}

/*附件列表公共样式*/
.attachment-list{max-height:120px; overflow:auto;border:1px solid #ddd;border-radius:3px}
.attachment-list p { line-height:38px;padding:0px 10px;border-top:1px solid #ddd}
.attachment-list p:first-child{border-top:none}
.attachment-list .icfont{ vertical-align:middle;}

/*账号管理*/
.messagecontent .sidebar { width:118px; border:1px solid #DDD; overflow:hidden; float:left; }
.messagecontent .sidebar .itemlink { color: #777; padding: 0; overflow: hidden; display: none; }
.messagecontent .sidebar .itemlink li { border-left: 4px #FFF solid; line-height:30px; padding-left:27px; cursor:pointer; }
.messagecontent .sidebar .itemlink li:hover { border-left: 4px #DDD solid; background: #F8F8F8; }
.messagecontent .sidebar .itemlink li.current { border-left: 4px #2d8931 solid; padding-left:27px; }
.messagecontent .sidebar .itemlink li a { color:#777; display:block; }
.messagecontent .sidebar .itemlink li a:hover { color:#555; }
.dynamic-region { border:1px solid #ddd; padding:15px}
.dynamic-region .hd { border-bottom:1px solid #ddd; height:30px; overflow:hidden; }
.dynamic-region .hd h2 { font-size:16px; }
.dynamic-region .bd { padding:15px 30px}
.dynamic-region .hd .edit-userinfo { display: block; height: 20px; width: 30px; text-indent: -9999px; cursor: pointer; float : right; line-height: 30px; background:url(/Images/common/tool.png) no-repeat center center; background-position:0px -194px; }
.dynamic-region .hd .edit-userinfo:hover { background-position:0px -225px; }

.anchorBL{display:none;}


.btn-edit{display: inline-block;min-width: 118px;height: 28px;line-height:28px;color:#2d8931;border:1px solid #2d8931;border-radius:15px;text-align: center;padding:0px 20px;box-sizing:border-box;}
.btn-edit:hover{color: #fff;background-color: #2d8931; border-color: #2d8931;}
.btn-edit:active{color: #fff;background-color: #096; border-color: #096;}
.btn-edit:hover .icon-edit-green,.btn-edit:active .icon-edit-green{ background:url(../images/newcommon/ic_edit_white.png) 0 0 no-repeat;}
.btn-edit:hover .icon-add-green,.btn-edit:active .icon-add-green{ background:url(../images/newcommon/ic-add-white.png) 0 0 no-repeat;}
.btn-edit [class^="icon-"],.btn-edit [class*=" icon-"]{margin-top:6px;margin-right: 10px}

#table_gridView {width:100%;height:300px;}


.avatar-img{width:30px;height:30px;margin-right:9px;border-radius:100%;}

/*表单样式*/
input[type="checkbox"][class="checkbox"],input[type="radio"][class="radio"]{box-sizing:border-box;margin-top: 7px;min-height:auto;appearance: none;-webkit-appearance:none;-moz-appearance: none;outline: none;border:none;}
input[type="checkbox"][class="checkbox"]::-ms-check,
input[type="radio"][class="radio"]::-ms-check{
	display: none;
}
/*input[type="checkbox"][class="checkbox"] {margin:0 0 0 -16px;}*/
input[type="checkbox"][class="checkbox"]{display:inline-block;background:url(/Images/common/ic_check_empty.svg) no-repeat center left;background-size:16px 16px;width:16px;height:16px;background-color: #fff;}
input[type="checkbox"][class="checkbox"]:checked{background:url(/Images/common/ic_check_selected.svg) no-repeat center left;background-size:16px 16px;background-color: #fff;}
input[type="checkbox"][class="checkbox"].checked{background:url(/Images/common/ic_check_selected.svg) no-repeat center left;background-size:16px 16px;background-color: #fff;}



.tabbar .tabs { display:inline-block; }
.tabbar .tabs li { float:left; height:28px; line-height:28px; border:1px solid #2b7; text-align:center; min-width:80px; cursor:pointer; color:#3366aa; border-right:none; font-size:13px }
.tabbar .tabs li a{ color:#2b7; display:block}
.tabbar .tabs li.active { background:#2b7; color:#fff }
.tabbar .tabs li.active a{ color:#fff}
.tabbar .tabs li:last-child { margin-left:-1px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-right:1px solid #2b7; }
.tabbar .tabs li:first-child { border-top-left-radius: 5px; border-bottom-left-radius: 5px;}
.tabbar .tabs li.col-md-4{width:25%;}

.section-title{font-size: 18px;color:#666;font-weight:400;}



/*质量中心*/
.bg-card{border-radius: 2px;background-color:#fff;box-shadow: 1px 0px 0px 0px rgba(238, 238, 238, 0.004);}
.bg-card .title .action{ float:right;}
.bg-card .title:before,.bg-card .title:after{ display:table; line-height:0; content:"";}
.bg-card .title:after{ clear:both}
.bg-card .title .name{font-size: 18px;float: left;color: #222;margin-right: 40px}
/*产品列表*/
.file-list-wrap{padding:0px 20px}
.file-list .brief { padding: 20px 20px 20px 180px; border-bottom: 1px solid #ddd; overflow: hidden; }
.file-list .brief .pic { width: 140px; margin-left: -180px; float: left; height:140px; overflow:hidden; text-align:center; line-height:140px;border:1px solid #ddd }
.file-list .brief .pic img{ display:inline-block; vertical-align:middle}
.file-list .brief .name { font-size: 18px; color: #222; }
.file-list .brief .icon-time { width: 16px; height: 16px; display: inline-block; background: url(../Images/AgriProTraceability/icon-time.png) 0 0 no-repeat; float: left; margin-right: 10px; }
.file-list .brief .time { margin-bottom: 20px; padding-top: 3px; }
.file-list .brief .tag { margin-bottom: 25px; }
.file-list .brief .tag_category { height: 20px; line-height: 20px;padding:0px 10px; min-width: 70px; background: #eee; display: inline-block; text-align: center; margin-right: 10px; border-radius: 10px; }
.file-list .brief .icon-flow { width: 16px; height: 16px; display: inline-block; background: url(../Images/AgriProTraceability/ic_flow.png) 0 0 no-repeat; margin-right: 10px; float: left; }
.file-list .brief .flow-control a { color: #2d8931; }
.file-list .brief .flow-name { margin-right: 15px; }
.file-list .brief .ic_edit,.file-list .brief .ic_delete {display: inline-block;margin-right: 5px; vertical-align:top; font-size:24px;margin-top:3px;}
.file-list .brief .ic_batch { width: 16px; height: 16px; display: inline-block; background: url(../Images/AgriProTraceability/tt_11.png) 0 0 no-repeat; margin-right: 10px; vertical-align:text-bottom; }
.file-list .brief .ic_file { width: 16px; height: 16px; line-height: 16px; display: inline-block; background: url(../Images/AgriProTraceability/tt_14.png) 0 0 no-repeat; margin-right: 10px; text-align: center; vertical-align: middle; }
.file-list .batch-list { display: none; }
.file-list.file_list_expand .batch-list { display: block;}
.file-list.file_list_expand .brief { border-bottom: none;}
.file-list.file_list_expand .caret { border-top: 0; border-bottom: 5px solid;}
.file-list .btn_republish,.file-list .btn_completed { width: 136px; height: 30px; line-height: 30px; padding: 0px 12px; }
.file-list .btn_show_batch { margin-top: 10px; margin-right: 20px; cursor: pointer; }
.batch-list .tb-void th, .batch-list .tb-void td { padding: 5px 20px; }
.batch-list .tb-void th { color: #222; }
.batch-list .tb-void .ac{ text-align:center}
.batch-list .tb-void td{border:none}
.batch-list .tb-void {border-bottom:1px solid #ddd}
.batch-list .tb-void .even { background: #f5f6f7; }
.batch-list .icon-show { display: inline-block; width: 18px; height: 18px; background: url(../Images/AgriProTraceability/1_06.png) center center no-repeat; text-indent: -9999em; margin-right: 20px; cursor: pointer; }
.batch-list .icon-delete { display: inline-block; width: 18px; height: 18px; background: url(../Images/AgriProTraceability/1_03.png) center center no-repeat; text-indent: -9999em; cursor: pointer; }
.batch-list .icon-edit { display: inline-block; width: 18px; height: 18px; background: url(../Images/AgriProTraceability/tt_06.png) center center no-repeat; text-indent: -9999em; cursor: pointer;margin-right: 20px; }
.batch-list .icon-offshelves{display: inline-block; width: 18px; height: 18px; background: url(../Images/AgriProTraceability/ic_offshelves.png) center center no-repeat; text-indent: -9999em; cursor: pointer;margin-right: 20px;}

/*按钮组*/
.btn-group > .btn, .btn-group-vertical > .btn { position: relative; float: left; }
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {border-top-right-radius: 0;border-bottom-right-radius: 0;}
.btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) {border-top-left-radius: 0;border-bottom-left-radius: 0;}
.btn-group .btn + .btn { margin-left: -1px;}
.btn-group>.btn { position: relative; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
.btn-group>.btn:first-child { margin-left: 0; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -moz-border-radius-topleft: 4px }
.btn-group>.btn:last-child { -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px }

/*图片裁剪弹出层样式*/
.uploadPic-Modal .mc { padding-right:240px; }
.uploadPic-Modal .col-left { border-right:1px solid #ddd;padding-right:20px; }
.uploadPic-Modal .pic { border:1px solid #ddd; width:500px; height:350px; overflow:hidden; text-align:center; line-height:350px; }
.uploadPic-Modal .pic img { max-width:500px;display:inline-block; vertical-align:middle }
.uploadPic-Modal .col-right { width:220px; float:right; margin-right:-240px }
.uploadPic-Modal .col-right .hd { padding:10px 0px }
.uploadPic-Modal .col-right .hd h4 { color:#555; margin-bottom:5px; }
.uploadPic-Modal .col-right .thumbnail{width:198px;height:198px;border:1px solid #ddd;}
.uploadPic-Modal .col-right .thumbnail img{ vertical-align:middle}
.jcrop-holder{margin:0 auto; display:inline-block; vertical-align:middle}


/*IVMS视频全屏*/
.fullscreen #J_videoPanel{ position:fixed;top:0;left:0;padding:0;}
.fullscreen #Moni_V_ViewAll_sub{position:fixed;top:0;left:0;padding:0; z-index:9999;width:100%;right:0;}
.fullscreen .video-content .col-left{ display:none;}