#compute-box{
	display: none;
}
.compute-dialog .el-dialog{
	border-radius: 6px;
}
.compute-dialog .el-dialog__header {
    padding: 15px 28px 10px;
}
.compute-dialog .header-title{
	font-size: 16px;
	color: #666;
	border-bottom: 1px dashed #C3CCD4;
    padding-bottom: 10px;
}
.compute-dialog .el-dialog__body{
	padding: 5px 28px 20px;
}
.compute-dialog .el-dialog__footer{
	padding: 10px 28px 20px;
}
.compute-dialog .header-title div{
	font-size: 16px;
	color: #666;
	display: inline-block;
	padding: 8px 0;
	cursor: pointer;
}
.compute-dialog .header-title .active{
	color: #FF864B;
	border-bottom: 2px solid #FF864B;
}
.compute-dialog .content-box .code-header{
	height: 40px;
	background: #FFF6F1;
	line-height: 40px;
	padding: 0px 15px; 
	border-bottom: 1px solid #E8E8E9;
	border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    color: #333;
    font-size: 16px;
    position: relative;
    user-select: none;
}
.compute-dialog .content-box .code-header div{
	display: inline-block;
}
.compute-dialog .content-box .code-header-function{
	position: absolute;
    right: 20px;
}
.compute-dialog .content-box .code-header-function span{
	display: inline-block;
	margin-left: 15px;
	cursor: pointer;
}
.compute-dialog .content-box .code-box{
	border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}
.compute-dialog .content-box textarea{
	background: #FFF6F1;
	min-height: 250px!important;
	font-size: 12px;
	border: 0;
}
.compute-dialog .content-box textarea::placeholder{
	color: #999;
}
.compute-dialog .content-box textarea::-webkit-scrollbar,
.compute-dialog .content-box .field-select-box::-webkit-scrollbar,
.compute-dialog .content-box .function-select-box::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
.compute-dialog .content-box textarea::-webkit-scrollbar-thumb,
.compute-dialog .content-box .field-select-box::-webkit-scrollbar-thumb,
.compute-dialog .content-box .function-select-box::-webkit-scrollbar-thumb {
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 5px rgb(0 0 0 / 20%);
    background: #C0C6CF;
}
.compute-dialog .content-box textarea::-webkit-scrollbar-track,
.compute-dialog .content-box .field-select-box::-webkit-scrollbar-track,
.compute-dialog .content-box .function-select-box::-webkit-scrollbar-track {
    border-radius: 2px;
    background: rgba(247,247,247,1);
}
.compute-dialog .content-box .code-label-textarea textarea{
	height: 529px;
}
.compute-dialog .footer-box .cancel{
	width: 108px;
	height: 40px;
	background: #EDEDED;
	border-radius: 4px;
	color: #333;
	border: 0;
}
.compute-dialog .footer-box .confirm{
	width: 108px;
	height: 40px;
	background: #428ACA;
	border-radius: 4px;
	color: #FFF;
	border: 0;
}
.compute-dialog .footer-box .confirm[disabled="disabled"]{
	background: #CCC;
}
.compute-dialog .content-box .operation-box{
	margin-top: 20px;
	display: flex;
}
.compute-dialog .content-box .operation-box > div{
	flex: 1;
	border: 1px solid #E4E4E4;
	height: 259px;
}
.compute-dialog .content-box .operation-box .field-select-box,
.compute-dialog .content-box .operation-box .function-select-box{
    border-right: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    overflow: auto;
}
.compute-dialog .content-box .field-select-box > div{
    height: 42px;
    background: #F9FAFC;
    line-height: 42px;
    border-bottom: 1px solid #E4E4E4;
    cursor: pointer;
}
.compute-dialog .content-box .function-select-box > div{
    height: 42px;
    background: #FFF;
    line-height: 42px;
    border-bottom: 1px solid #E4E4E4;
    cursor: pointer;
}
.compute-dialog .content-box .field-select-box > div .field-label,
.compute-dialog .content-box .function-select-box > div .function-label{
    text-indent: 15px;
    display: inline-block;
    width: 100%;
}
.compute-dialog .content-box .field-select-box > div:hover,
.compute-dialog .content-box .function-select-box > div:hover{
    background: #FFDBC9;
}
.compute-dialog .content-box .field-select-box > div:hover:first-child,
.compute-dialog .content-box .function-select-box > div:hover:first-child{
    background: #F9FAFC;
}
.compute-dialog .content-box .field-select-box > div:first-child,
.compute-dialog .content-box .function-select-box > div:first-child{
	color: #333;
	font-size: 16px;
    position: sticky;
    top: 0;
    height: 48px;
    line-height: 48px;
}
.compute-dialog .content-box .field-select-box > div:last-child,
.compute-dialog .content-box .function-select-box > div:last-child{
    border-bottom: 0;
}
.compute-dialog .content-box .field-select-box  .el-icon-search,
.compute-dialog .content-box .function-select-box .el-icon-search{
    font-weight: 600;
}
.compute-dialog .content-box .field-select-box .search-field-input .el-input__inner,
.compute-dialog .content-box .function-select-box .search-function-input .el-input__inner{
	/*border: 2px solid #FF864B;*/
	height: 48px;
	line-height: 48px;
}
.compute-dialog .content-box .field-select-box .search-field-input .el-input__clear,
.compute-dialog .content-box .function-select-box .search-field-input .el-input__clear{
	color: #FF864B;
	font-weight: 600;
}
.compute-dialog .content-box .operation-box .compute-panel{
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    user-select: none;
}
.compute-dialog .content-box  .compute-panel .panel-header-title{
    border-bottom: 1px solid #E4E4E4;
    height: 48px;
    line-height: 48px;
    text-indent: 15px;
    color: #333;
    font-size: 16px;
}
.compute-dialog .content-box .operation-box .panel-operation{
    display:  flex;
}
.compute-dialog .content-box .operation-box .quantity-symbol-box{
    flex: 8;
}
.compute-dialog .content-box .operation-box .operation-symbol-box{
    flex: 2;
}
.compute-dialog .content-box .operation-box .panel-operation div{
    display:  inline-block;
}
.compute-dialog .content-box .operation-box .quantity-symbol:hover,
.compute-dialog .content-box .operation-box .operation-symbol:hover{
    background: #FFDBC9;
}
.compute-dialog .content-box .operation-box .quantity-symbol,
.compute-dialog .content-box .operation-box .operation-symbol{
    height: 42px;
    width: 80px;
    line-height: 42px;
    text-align: center;
    border-bottom: 1px solid #E4E4E4;
    border-right: 1px solid #E4E4E4;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
}
.compute-dialog .content-box .operation-box .quantity-symbol:last-child,
.compute-dialog .content-box .operation-box .operation-symbol:last-child{
    border-bottom: 0;
}
.compute-dialog .content-box .operation-box .operation-symbol{
    border-right: 0;
    color: #FF864B;
}
.compute-dialog .content-box .operation-box .operation-symbol:last-child{
    border-left: 1px solid #E4E4E4;
    margin-left: -1px;
    width: 81px;
}
.compute-dialog .content-box .date-compute-company-select-box{
	margin-top: 5px;
}
.compute-dialog .content-box .date-compute-company-select{
	width: 322px;
    height: 42px;
    background: #F9FaFc;
    border: 1px solid #E4E4E4;
    border-radius: 4px;
    line-height: 42px;
    position: relative;
    cursor: pointer;
}
.compute-dialog .content-box .date-compute-company-select .option-title{
	text-indent: 15px;
	display: inline-block;
}
.compute-dialog .content-box .date-compute-company-select .option-label{
	margin-left: 60%;
}
.compute-dialog .content-box .date-compute-company-option-box{
	width: 322px;
    background: #FFF;
    border: 1px solid #E4E4E4;
    border-radius: 4px;
    margin-bottom: 1px;
    position: absolute;
    top: -175px;
    margin-left: -1px;
}
.compute-dialog .content-box .date-compute-company-option{
    cursor: pointer;
    border-bottom: 1px solid #E4E4E4;
    text-indent: 15px;
}
.compute-dialog .content-box .date-compute-company-option:last-child{
    border-bottom: 0;
}
.compute-dialog .content-box .date-compute-company-option:hover{
	background: #FFDBC9;
}