other.css 5.7 KB

	.side-navigation .child-list > li > a:hover{
	        background: rgb(255 255 255 / 55%) !important;
	}
	.changewid{
     margin-left: 30px;
}

.show .f1 .panel{
	background-color: #efd1d0;
}
.show .f2 .panel{
	background-color: #f3e2cf;
}
.show .f3 .panel{
	background-color: #d0e7f1;
}
.show .f4 .panel{
	background-color: #d7e0f2;
}
.show .f5 .panel{
	background-color: #d0ead0;
}

.show .f1 .symbol{
	background-color: #fb6260;
}
.show .f2 .symbol{
	background-color: #ffa94c;
}
.show .f3 .symbol{
	background-color: #52c1f5;
}
.show .f4 .symbol{
	background-color: #73a0fa;
}
.show .f5 .symbol{
	background-color: #51d351;
}
.show .panel{
	border-radius: 8px;
	height: 100px;
	display: flex;
	    align-items: center;
}
.show .symbol{
	    height: 100%;
	    width: 32%;
		    border-top-left-radius: 8px;
		    border-bottom-left-radius: 8px;
}
.show .symbol i{
	color: #fff;
	font-size: 40px !important;
}

.fa-sort-up:before{
	    position: relative;
	    top: 8px;
		font-size: 20px !important;
		color: #51d351;
}
.fa-sort-down:before{
		font-size: 20px !important;
		color: #fb6260;
}
.state-overview .value h1 {
    font-weight: 700;
    font-size: 28px;
    color: #646464;
}
.state-overview .value{
	padding-left:6%;
}
.show .nums{
	padding: 0 12px;
}
.show .value p{
	padding-top: 6px;
}
.listPr .panel{
	border-radius: 4px;
}


/* 首页列表 */
.listint li{
	padding: 12px 0;
	border-bottom: 1px solid #E3E3E3;
}
.listint .head{
	background-color: #262d47;
    color: #fff;
}
.listint li span{
	width: 33.33%;
	text-align: center;
	display: inline-block;
	font-size: 16px;
}
.listint .warning a{
	color: #D9001B;
}
.listint .type a{
	color: #51d351;
}

.listint{
    margin: 16px;
    border: 1px solid #eee;
}
/* 维修列表 */
.listwx li{
	padding: 12px 0;
	border-bottom: 1px solid #E3E3E3;
}
.listwx .head{
	background-color: #262d47;
    color: #fff;
}
.listwx{
    padding: 16px;
    border: 1px solid #eee;
}
.listwx li span{
	width: 16%;
	text-align: center;
	display: inline-block;
	font-size: 16px;
}
.look a{
	color: #02b980;
}

/* 列表样式 */
.listall{
    overflow: hidden;
}
.listall li{
	padding: 12px 0;
	border-bottom: 1px solid #E3E3E3;
	display: flex;
	justify-content: space-around;
}
.listall .header{
	background-color: #262d47;
    font-weight: 600;
    color: #838dac;
}
/*.listall li span:first-child{*/
/*	width: 5%;*/
/*}*/
.listall li span{
	display: inline-block;
	text-align: center;
	align-self: center;
}
.listall .editor a{
	display: inline-flex;
	justify-content: space-between;
	color: #02b980;
	padding: 0 8px;
	
}
.listall .hand a{
	color: #D9001B;
}
.listall .del{
	color: #D9001B;
}
.pagination>li.active>a{
	    background-color: #02b980;
	    border-color: #02b980;
}
.pagination>li>a:hover{
	background-color: #02b980;
	border-color: #02b980;
}
.topbox{
	display: flex;
	justify-content: space-between;
}
.searchs input{
	    padding: 2px 4px;
	    border-radius: 4px;
	    border: 1px solid #b4b3b3;
	    line-height: 30px;
	    font-size: 12px;
		width: 80%;
		outline: none;
}
.searchs{
	width:30%;
}
/* 维修管理 */
/* ***维修记录 */
.wxjl li span{
	width: 11.5%;
}
.wxjl li span:first-child{
	width: 5%;
}
.getint .tips{
	padding-left: 10px;
	display: inline-block;
	color: #7a7979;
}
/* 故障报修 */
.gzbx li span{
	width: 12%;
}
/*.gzbx li span:first-child{*/
/*	width: 5%;*/
/*}*/
/* 预警管理 */
.yjgl li span{
	width: 8.8%;
}
/*.yjgl li span:first-child{*/
/*	width: 5%;*/
/*}*/
/* 维修添加 */
.sbxx{
	display: flex;
}
.sbxx>ul{
	width: 50%;
}
.addtitle{
	font-size: 18px;
	font-weight: 700;
	color: #666666;
	padding-left: 12px;
	padding-top: 16px;
	padding-bottom: 16px;
	overflow: hidden;
}
.addtitle .fa-ellipsis-v:before {
	    content: "\f142";
	    color: #02B980;
	    padding-right: 10px;
}
.add .panel-body{
	padding: 50px;
}
.add .form1>ul{
	padding-top: 18px;
}
.add .form-control{
	height: 45px;
	line-height: 45px;
}
.add .row2>li{
	padding-bottom: 2rem;
}
.gzxx .row{
	overflow: hidden;
}
.gzxx .row li{
	width: 50%;
	float: left;
}
/* 查看预警信息 */

.yj_look .panel-body{
	padding: 50px;
}
.yj_look .form1>ul{
	/* padding-top: 18px; */
}
.yj_look .form-control{
	height: 36px;
	line-height: 36px;
	border: none;
}
.yj_look .row2>li{
	/* padding-bottom: 2rem; */
}
.yj_look .choose .form-control{
	border:1px solid #d5d5d5;
}
.btn-back{
	color: #02B980;
	border: 1px solid #02B980;
}
/* 设备列表 */
.sblb .form-control{
	height: 45px;
}
.sblb .fa-search:before{
	font-size: 28px;
}
.sblb a{
	/* line-height: 52px; */
	color: #02B980;
}
.lxbot{
	padding-bottom: 0;
}


/* 设备列表树形图 */
.sblbs .tree .parent_li ul span{
	padding-left: 16px;
}
.sblbs .tree .parent_li ul li ul li span {
	padding-left: 32px;
}
.sblbs .tree .parent_li ul li ul li ul li span {
	padding-left: 48px;
}
.sblbs .tree .parent_li ul li ul li ul li ul li span {
	padding-left: 64px;
}
.sblx i{
	padding-right: 6px;
}
.sblx li{
	border-top: 0;
}
.listall li ul li:last-child{
	border-bottom: 0;
}
.totrees{
    overflow: hidden;
	/*padding: 16px;*/
	font-size: 14px;
}
.totrees ul{
    border: 1px solid #eee;
}
.totrees  li{
	/*line-height: 35px;*/
	color: #666666;
	border-top: 0px solid #eee;
}
/* 列表 */
.search a{
	line-height: 52px;
}
.scroll{
	  /* background-color: #333; */
	    overflow: auto;
	    white-space: nowrap;
		display: inline-block;
}
.scroll span{
	display: inline-block;
	
	    text-align: center;
	    padding: 14px;
		width: 12%;
	   
	
}
.sblb{
	display: flex;
}
.sblb li {
	padding: 14px 0;
}
.scroll li{
	width: 165%;
	padding:0;
}
.scroll li span{
	width: 10%;
}
.sblb .one_nav li span{
	width: 30.33%;
}
.sblb .s_nav li span{
	width: 100%;
}

/* 设备类型 */
.sblx li span{
	/*width: 14%;*/
	display: inline-block;
	font-size: 14px;
}
.sblx li span:first-child{
    width: 10%;
}
.sblx li span:nth-child(5){
    width: 16%;
}