.all {
    width: 100%;
    min-height: calc(~"100vh - 84px");
    box-sizing: border-box;
    padding: 20px;
    background-color: #f7f7f7;
    .primary {
        width: 100%;
        min-height: calc(~"100vh - 124px");
        box-sizing: border-box;
        padding: 20px;
        background-color: #fff;
        .top {
            border-bottom: 1px solid #dddddd;
        }
    }
}


/* 情景模式样式 */
.loadmsg {
    height: 26px;
    padding: 4px 16px;
    background-color: #f4f4f5;
    color: #909399;
    border-radius: 4px;
    font-size: 13px;
    line-height: 18px;
    margin-top: 5px;
}

.box-card {
    width: 206px;
    height: 285px;
    border-radius: 4px;
    border-top: solid 4px #4284FF;
    position: relative;
    float: left;
    margin-right: 10px;
    margin-top: 10px;
}

.box-card-dialog {
    width: 50%;
    height: 250px;
    border-radius: 4px;
    position: relative;
}

.tree {
    height: 270px;
    left: 10px;
    width: 350px;
    top: 50px;
    position: absolute;
    overflow-y:scroll;
    background-color: #fff;
    z-index: 999;
    .button{
        height: 40px;
        position: static;
        bottom: 0;
    }
}

.title {
    font-size: 16px;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
    line-height: 22px;
}

.icon {
    display: flex;
    justify-content: center;
}

.icon img {
    width: 79px;
    height: 76px;
}

.formartbtn {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

.addAir {
    width: 206px;
    height: 285px;
    position: relative;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
    margin-right: 15px;
    margin-top: 10px;
    cursor: pointer;
    float: left;
}

.btnAdd {
    display: block;
    height: 50px;
    width: 50px;
    font-size: 50px;
    position: absolute;
    top: 100px;
    left: 85px;
}

.labelcss {
    display: block;
    height: 25px;
    font-size: 18px;
    font-weight: 600;
    color: rgba(48, 49, 51, 1);
    line-height: 25px;
}

.el-checkbox-group .el-checkbox.is-bordered {
    margin-left: 0px;
    margin-right: 10px;
}

.box-card-dialog div.el-card__body {
    padding-top: 0px;
    padding-bottom: 0px;
}

.alertmsg {
    margin-bottom: 5px;
}

.custom-tree-node {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 14px;
    padding-right: 8px;
  }

  .el-button--mini {
      padding: 3px 10px;
  }

  .sceneMode,.linkageMode {
    display:flow-root
  }
    /* 滚动条样式 */
    .tree::-webkit-scrollbar {
        width: 8px;
        height: 8px;
    }
    /*正常情况下滑块的样式*/
    
    .tree::-webkit-scrollbar-thumb {
        background-color: rgba(0, 0, 0, .05);
        border-radius: 10px;
        -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1);
    }
    /*鼠标悬浮在该类指向的控件上时滑块的样式*/
    
    .tree:hover::-webkit-scrollbar-thumb {
        background-color: rgba(0, 0, 0, .2);
        border-radius: 10px;
        -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1);
    }
    /*鼠标悬浮在滑块上时滑块的样式*/
    
    .tree::-webkit-scrollbar-thumb:hover {
        background-color: rgba(0, 0, 0, .4);
        -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1);
    }
    /*正常时候的主干部分*/
    
    .tree::-webkit-scrollbar-track {
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
        background-color: white;
    }
    /*鼠标悬浮在滚动条上的主干部分*/
    
    .tree::-webkit-scrollbar-track:hover {
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .4);
        background-color: rgba(0, 0, 0, .01);
    }


    // 联动模式

    .loadmsg{
		height:26px;
		padding:4px 16px;
		background-color: #f4f4f5;
		color:#909399;
		border-radius: 4px;
		font-size: 13px;
		line-height: 18px;
		margin-top:5px;
	}
	.box-cardT {
		width: 206px;
		height: 267px;
		border-radius: 4px;
		border-top: solid 4px #4284FF;
		position: relative;
		float: left;
		margin-right: 10px;
	}

	.box-card-dialogT {
		width: 33%;
		height: 200px;
		border-radius: 4px;
		position: relative;
        float: left;
        overflow: inherit;
	}

	.title {
		font-size: 16px;
		font-weight: 400;
		color: rgba(51, 51, 51, 1);
		line-height: 22px;
	}

	.icon {
		display: flex;
		justify-content: center;
	}

	.icon img {
		width: 79px;
		height: 76px;
	}

	.formartbtn {
		display: flex;
		justify-content: center;
		margin-top: 35px;
	}

	.addAirTwo {
		width: 206px;
		height: 267px;
		position: relative;
		box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
		margin-right: 15px;
		cursor: pointer;
		float: left;
	}

	.btnAdd {
		display: block;
		height: 50px;
		width: 50px;
		font-size: 50px;
		position: absolute;
		top: 100px;
		left: 85px;
	}

	.labelcss {
		display: block;
		height: 25px;
		font-size: 18px;
		font-weight: 600;
		color: rgba(48, 49, 51, 1);
		line-height: 25px;
	}
	
	.el-checkbox-group .el-checkbox.is-bordered{
		margin-left:0px;
		margin-right:10px;
	}
	
	.box-card-dialog div.el-card__body{
		padding-top:0px;
		padding-bottom:0px;
	}
	.alertmsg{
		margin-bottom:5px;
    }
    .el-button--mini.is-circle {
        padding: 2px;
    }
    button .click .el-button--primary{
        background-color: #8dc1f1;
    }