yiyunjianzhu-vue/static/css/totalAdmin.css

.yiyun_headerfl, .yiyun_headerfr {
    width: 25%;
    margin-right:0;
}
.yiyun_headerce {
    width: 50%;
}
.yiyun_headerfr a{
	float: right;
}

.Nowactive{
	border-bottom: 2px solid #8C00FF;
}


.hei40{
	height: 40px;
	overflow: hidden;
}
.el-input.is-disabled .el-input__inner {
    background-color: #f4f4f6;
    border-color: #f4f4f6;
    color: #c0c4cc;
    cursor: not-allowed;
}

.admin_treeBox{
	background-color: rgba(98, 98, 111, 1);
}
.admin_contentBox_body{
	background-color: rgba(255, 255, 255, 1);
	box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.2);

}
.adminnavBox span{
	color: rgba(142, 144, 159, 1);
	font-size: 14px;
}

.border-line{
	width: 100%;
	height: 1px;
	background-color: rgba(204, 205, 215, 1);
	margin: 5px 0;
}
.border-line_light{
	width: 100%;
	height: 1px;
	background-color: rgba(216, 216, 216, 1);
	margin: 5px 0;

}
.topOption .el-button{
	box-shadow: 0 2px 2px #c5c5c5;
}
.topOption .el-button--text {
    color: #000;
    font-size: 12px;
}
.el-button--text:focus, .el-button--text:hover {
	color: #8c00ff;
	border:1px solid transparent
}
.el-table td, .el-table th {
    padding: 7px 0;
}
.el-table {
    font-size: 12px;
}
.toxiang_box{
	width: 30px;
	height: 30px;
	background-color: #ccc;
	border-radius: 15px;
}
.admin_contentBox_bodyPain{
	margin: 10px;
}
.el-table th {
	height: 27px;
    background-color: #EBEBF2;
}
.page_button{
	font-size: 12px;
	line-height: 30px;
	margin: 0 10px;
	cursor: pointer;
}
.el-button--text {
    color: #62626f;
    font-size: 12px;
}

.el-button {
    font-size: 13px;
	padding: 3px 23px 2px 23px;
}
.large_headImg{
	width: 50px;
	height: 50px;
	border-radius: 25px;
	background-color: #f2f2f2;
}
.el-input__inner{
	height: 40px;
	line-height: 40px;
	border:0;
	border-radius: 4px;
	background-color: rgba(244, 244, 246, 1);
}
.el-form-item__label {
    font-size: 14px;
    color: #606266;
}
.DivInputHeight_first>div:first-child{
	height: 60px;
}
.yiyunTable_list_item>h3{
	font-size: 16px;
	font-weight: 600;

}
.el-form-item__content {
    overflow: inherit;
}
.el-input--suffix .el-input__inner {
	padding-right: 30px;
    background-color: #fff;
    box-shadow: 0 1px 2px #c3c3c3;
    border-radius: 4px;
	border: 0.5px solid rgba(227, 227, 227, 1);
	color: rgba(140, 0, 255, 1);
	font-size: 15px;
}
.el-select .el-input .el-select__caret {
    font-size: 26px;
}
.el-input__icon {
    width: 43px;
}
.defualtLarge{
	width: 100%;
	height: 40px;
	box-shadow: 0 1px 2px #c3c3c3;
    border-radius: 4px;
	border: 0.5px solid rgba(227, 227, 227, 1);
	position: relative
}
.defualtLarge span{
	line-height: 40px;
	color: rgba(140, 0, 255, 1);
	font-size: 13px;
}
.wid60{
	width:60%;
	float: left;
}
.wid40{
	width:40%;
	float: left;
}
.wid50{
	width:50%;
	float: left;
}
/*树*/
.navtree .el-tree {
    position: relative;
    cursor: default;
    background: transparent;
    color: #d0d0d0;
    font-size: 12px;
    line-height: 30px;
}
.navtree  .el-tree-node__content:hover {
    /*background-color: #848492;*/
    background-color: transparent;
}
.el-icon-floder{
	background: url(../img/icon_file.png) 0 0;
    width: 16px;
    height: 16px;
	margin-right: 5px;
	position: relative;
	top: 3px;
}
.is-current{
	background-color: transparent;
}
/*2019-04-04 总后台--客户列表*/
.mr-20{
	margin-right: 20px;
}
.el-slider__runway {
    overflow: unset;
}
.el-slider__button {
    width: 36px;
    height: 18px;
    border: 0px solid #409EFF;
    background-color: #fff;
    border-radius: 4px;
    background:url("../img/AdminImg/gundong.png") 0 0 no-repeat;
}
.el-slider__button.dragging, .el-slider__button.hover, .el-slider__button:hover {
    -webkit-transform: scale(1);
    transform: scale(1);
}
.el-slider__bar {
    background-color: #8c00ff;
}
.el-switch.is-checked .el-switch__core {
    border-color: #8c00ff;
    background-color: #8c00ff;
}



/*2019-05-14总后台代码补充*/
.matrixBox {
    width: calc(100vw - 450px);
    height: calc(100vh - 214px);
    overflow-x: auto;
    overflow-y: auto;
}
.el-icon-model{
	background: url("../img/AdminImg/icon_model.png") 0 0;
    width: 16px;
    height: 16px;
    margin-right: 0px;
}
.mt-5{
	margin-top: 5px;
}
.mt-10{
	margin-top: 10px;
}
.ml-20{
	margin-left: 20px;
}
.titleList{
	color: rgba(0, 0, 0, 1);
	font-size: 12px;
	line-height: 25px;
}
.option_grayBtn{
	color: rgba(167, 168, 183, 1);
	font-size: 12px;
	line-height: 25px;
	cursor: pointer;
}
.juzhenTable{
	width: 100%;
	border-collapse:collapse;
	border:none;
	font-size: 12px;
	padding: 0
}
.juzhenTable th{
	background-color: rgba(167, 168, 183, 1);
	border: 1px solid rgba(151, 151, 151, 1);
}
.juzhenTable td{
	height: 60px;
	border: 1px solid rgba(151, 151, 151, 1);
	position: relative;
}
.juzhenTable td.nullbg{
	background-color: rgba(204, 205, 215, 1);
}
.yiyunTable_list{
	clear: both;
}

/*2019-06-03*/

.circle_defualt,.circle_actived{
	display: block;
	font-size: 24px;
	border-radius: 8px;
	margin:0 auto;
	cursor: pointer;
}
.circle_defualt{
	color: rgba(207,206,213,1);
}
.circle_actived{
	color: rgba(77,225,165,1);
}
td.nullbg ,.tablelabel{
    background-color: #f9d12c!important;
}.juzhenTable td.nullbg div{
	width: 130px;
	height: 58px;
}
.juzhenTable td div{
	width: 130px;
	height: 58px;
    position: absolute;
    top: 0;
    left: 0px;
    border: 2px solid transparent;
    cursor: pointer;
    line-height: 58px;
    text-align: center;
    font-weight: 600;
}
.juzhenTable td div:hover{
	width: 126px;
	height: 58px;
    position: absolute;
    top: 0;
    left: 0px;
    border: 2px solid #4de1a5;
    cursor: pointer;
}
 td.nullbg div:hover{
    position: absolute;
    top: 0;
    left: 0px;
    border: 2px solid #b99500;
    cursor: pointer;
}
.tablecode th{
	height: 30px;
	background-color: #fff;
	text-align: center;
}
.collabel{
	background-color: #d8d6d6;
	height: 60px;
    line-height: 60px;
    text-align: center;
}
div.table_index,.fisttableindex,.tb1tophead{
	background-color: #fff;
	width: 60px !important;
	text-align: center
}
.juzhenTable div.table_index:hover{
	border:2px solid transparent;
}
.colbgcolor {
	background-color: #ebebeb
}
/* 新表格样式 */
.firsthead .tb1tophead{
	width: 60px;
	background-color: #fff;
}
.firsthead .fisttableindex {
	width: 130px;
	background-color: #e2e2e2;
}
.tb1 td{
	height: 60px;
    border: 1px solid rgba(151, 151, 151, 1);
    position: relative;
}
.juzhenTable th div{
	height: 60px;
	line-height:60px;
}
/* 固定table */
.contain {
	width: calc(100vw - 580px);
    height: calc(100vh - 250px);
    overflow: scroll;
    position: relative;
    float: left;
    left: 0px;
}
.tb1 {
	/* background: gray; */
	margin: 0;
	padding: 0;
	position: fixed;
	z-index: 10001;
	width: 190px;
}
.tb2 td.linheighttd{
	height: 30px;
}
div.linheight{
	height: 30px;
}
.tb2 {
	background: #b7b6b6;
	margin: 0;
	padding: 0;
	position: sticky;
	top: 0px;
	margin-left: 190px;
	width: 100%;
	z-index: 1000;
}
.tb3 {
	background: #fff;
	margin: 0;
	padding: 0;
	left: 0px;
	float: left;
	position: sticky;
	z-index: 1000;
	width: 190px;
}

.tb4 {
	margin: 0;
	padding: 0;
	left: 190px;
	width: 100%;
	position: absolute;
}
.tb4 div,.tablewhead div{
	width: 130px;
	height: 60px;
	line-height: 60px;
	text-align: center
}
.tb2 div,.tablelabel{
	width: 130px;
}
.topaccept ,.tab2.juzhenTable .tablecode th div{
	height: 30px;
	line-height: 30px;
}
.accptwid{
	width: 58px;
}
.bg_gray{
	background-color: #e2e2e2;
	border: 0
}
.juzhenTable th.tb1tophead{
	height: 30px;
	background-color: #fff;
}
.topinput{
	height: 60px;
}
/* table 界面 */
.bordertable{
	border-collapse:collapse;
	border:none;
	font-size: 12px;
	padding: 0
}
.bordertable th{
	/* background-color: rgba(167, 168, 183, 1); */
	border: 1px solid rgba(151, 151, 151, 1);
}
.bordertable td{
	border: 1px solid rgba(151, 151, 151, 1);
	position: relative;
	height: 60px;
    padding: 0;
	text-align:center
}
.bordertable td.nullbg{
	background-color: rgba(204, 205, 215, 1);
}
.fisttableindex,.tablewhead th{
	height: 60px;
}
.fisttableindex {
    width: 61px!important;
}
.indexlistItem{
	width: 60px;
	height: 60px;
	background-color: #fff;
}
.tablecode th{
	background-color: #fff;
}

.tb4 td{
	width: 133px;
	height: 60px;
}
.width2{
	width: 58px;
}
.martixEnterColor{
	border: 2px solid orange !important;
}
.martixEnterColorGreen{
	border: 2px solid green !important;
}
.martixLeaveColor{
	background-color: white;
}
.btnMatrixLookInfo{
	background-color: #9B59B6;
	color: white;
}
/* 矩阵td背景色 */
.matixTdColor{
	background-color:#ececec ;
}
.whiteSpace{
	background-color:transparent ;
}
.matixEquallyName{
	background: rgb(255, 210, 78);
}
/*运行管理*/
.CloudtabBtn{
	width: 120px;
	height: 20px;
	display: inline-block;
	font-size: 13px;
	border-radius: 4px;
	line-height: 20px;
	text-align: center;
	cursor: pointer;
	border: 0.5px solid transparent;
	transition: ease all 0.5s;
}
.CloudtabBtn:hover{
	color: rgba(140, 0, 255, 1);
	border: 0.5px solid rgba(140, 0, 255, 1);
}
.activedBtn{
	color: rgba(140, 0, 255, 1);
	border: 0.5px solid rgba(140, 0, 255, 1);
}
.processtotal{
	height: 24px;
	border-radius: 4px;
	padding-left: 20px;
    color: #fff;
    cursor: pointer;
}
.cloudspace{
	width: 315px;
	background-color: rgba(74, 144, 226, 1);
}
.productspace{
	width: 233px;
	background-color: rgba(74, 226, 166, 1);
}
.cooperspace{
	width: 233px;
	background-color: rgba(248, 209, 42, 1);
}
.downloadspace{
	width: 92px;
	background-color: rgba(167, 168, 183, 1);
}

.optionspace{
	width: 54px;
	background-color: rgba(167, 168, 183, 1);
}
.nulltext{
	color: #000
}
.listOption{
	margin: 0;
	padding:0;
	list-style: none;
}
.listOption li{
	overflow: hidden;
	border-bottom:1px solid #CCCDD7;
	cursor: pointer;
}
.listOptionTitle,.listOptionTitle>i,.listOptionTitle h3,.right_event{
	line-height: 40px;
}
.listOptionTitle h3{
    color: rgba(0, 0, 0, 1);
    font-size: 15px;
    text-align: left;
    max-width: 50%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: left;
}
.listOptionTitle>i{
	font-style: normal;
	color: rgba(140, 0, 255, 1);
	font-size: 12px;
}
.right_event{
	cursor: pointer;
	color: rgba(167, 168, 183, 1);
	font-size: 14px;
	text-align: right;
}
.right_angel{
	font-size: 26px;
	position: relative;
    top: 4px;
}
.infoTitle h3{
	color: rgba(0, 0, 0, 1);
	font-size: 16px;
}
.mt-20{
	margin-top: 20px;
}
.mb-20{
	margin-bottom: 20px;
}
.backTime{
	color: rgba(0, 0, 0, 1);
	font-size: 14px;
	margin-bottom: 27px;
}
.backTime~p{
	font-size: 14px;
}
.ItemList{
	overflow: hidden;
}
.backwirteBtn,.deleteBtn{
	display: inline-table;
    line-height: 20px;
    color: rgba(0, 0, 0, 1);
    font-size: 13px;
    text-align: center;
    cursor: pointer;
    padding: 0px 20px;
    float: left;
}
.backwirteBtn{
	border-radius: 4px;
	border: 0.5px solid rgba(227, 227, 227, 1);
	box-shadow: 0 2px 2px #bbbbbb;
}
.admininput_search{
	height: 30px;
	overflow: hidden;
	margin: 10px;
}
.admin_treeBox{
	overflow: hidden;
}
.sipmark{
	display: inline-block;
	width: 20px;
	height: 20px;
	border-radius: 10px;
	font-size: 12px;
	color: #fff;
	line-height: 20px;
	text-align: center;
	background-color: #D6243A;
}
.treeboxNew{
	margin: 10px;
}
.treeInputBox{
	margin: 0 10px;
	width: 100%;
}
.treeInput{
	display: block;
    width: 370px;
	height: 28px;
	border-radius: 4px;
	background-color: rgba(50, 50, 60, 1);
	border: 0;
	padding-left: 10px;
	color: #fff;
}
.wid-2{
	width: 185px;
	height: 36px;
	border-radius: 8px;
	background-color: #FFFFFF;
	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);
	text-align: center;
	line-height: 36px;
	background: -webkit-linear-gradient(#B0B0B7, #E1E2E8);
	cursor: pointer;
}
.bottombtnBox{
	margin: 0 10px;
	position: absolute;
	bottom: 10px;
}
.ml-10{
	margin-left: 10px;
}
.totaltree li{
	height: 28px;
	margin-left: 10px;
	margin-right: 10px;
	line-height: 28px;
	color: rgba(255, 255, 255, 1);
	font-size: 12px;
	text-align: justify;
	border-radius: 5px;
	cursor: pointer;
}
.totaltree li:hover{
	transition: ease all 0.5s;
	background-color: rgba(142, 144, 159, 1);
}
.totaltree span{
	margin-left: 10px;
}
.RunOptionsNavBox{
	position:relative;
}
.el-progress-bar__inner,.el-progress-bar__outer {
	border-radius: 4px;
	text-align:left;
	background-color: #ffffff00;
}
.el-progress-bar__innerText{
	margin: 0 20px;
}
.el-progress-bar__inner{
	background-color: #4A90E2;
}
.questioninputbox{
	position: relative;
}
.questioninputbox{
	position: relative;
}
.questionInput{
	width: 100%;
	height: 40px;
	border-radius: 4px;
	background-color: rgba(244, 244, 246, 1);
	border: 0;
	line-height: 40px;
	color: rgba(0, 0, 0, 1);
	font-size: 15px;
	position: relative;
	text-indent: 16px;
}
.rightBtngroup{
	position: absolute;
	right: 10px;
	top: 5px;
}
.optionBtn{
	font-size: 26px;
	color: #A7A8B7;
	cursor: pointer;
}
.rightBtngroup i ~ i{
	margin: 0 10px;
}
.yiyun_col-2{
	width: 16.67%;
	float: left;
}
.yiyun_col-10{
	width:83.33%;
	float: left;
}
.index_item{
	line-height: 40px;
	color: rgba(0, 0, 0, 1);
	font-size: 15px;
}
.totalscan span{
	margin-left: 32px;
	font-size: 12px;
	color: #323232;
}
.yiyunwenjianjia{
	font-size: 20px;
}
.processCss{
	z-index:2;
	margin-left: 10px;
	position: absolute;
	color:white;
}
.processNullCss{
	z-index:2;
	margin-left: 10px;
}
.currZindex{
	z-index:1;
}
.el-radio__input.is-checked .el-radio__inner {
    border-color: #8c00ff;
    background: #8c00ff;
}
.el-radio__inner {
    width: 10px;
    height: 10px;
}
.el-radio__inner::after {
    width: 0px;
    height: 0px;
}
.el-radio__input.is-checked+.el-radio__label {
    color: #000000;
}
.navtree .el-tree-node__content:hover,.navtree .el-tree-node__content:focus,.el-tree-node:focus>.el-tree-node__content {
	/* background-color: #8E909F; */
	background-color: rgba(141, 143, 159, 0.1411764705882353);
	border-radius: 5px;
}
.showBtn.el-button--default{
	border-radius: 4px;
    border: 0.5px solid rgba(227, 227, 227, 1);
	box-shadow: 0 2px 2px #cacaca;
	display: inline-table;
    line-height: 20px;
    color: rgba(0, 0, 0, 1);
    font-size: 13px;
    text-align: center;
    cursor: pointer;
	padding: 0px 22px;
	height: 21px;
    overflow: hidden;
    position: relative;
    top: -1px;
}
.showBtn.el-button--default span{
	margin: 0;
	padding: 0;
	line-height: 20px;
	position: relative;
	top: 1px;
}
.topOption .el-button--text{
	box-shadow: 0 0 0;
}
.el-button--default:focus, .el-button--default:hover {
    color: #8c00ff;
    border-color: #8c00ff;
	background-color: #ecf5ff;
	transition: ease all 0.5s;
}