.page-footer{
	//height: 55px;
    // transition: height 800ms;
    box-shadow: 0 -2px 6px 0px rgba(0,0,0,0.06);
	& > div{
		flex:1;
        -webkit-box-flex: 1;
		min-width: 20%
	}
}

// .page-footer.show{
// 	height: 55px;
// }
.page-footer.hide{
	height: 0px;
}
.panel-button-item{
	position: relative;
	text-align:  center;
	padding: .16rem .12rem;
	color: #3A4247;
	font-size: 16px;
	line-height: .2rem;
	background: #fff;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
	:active{
		background-color: #e6eaed;
	}
}

.footer.page-footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
}

.buttonlist-popup .rc-dialog-content {
    background-color: #F2F4F5;
}

.panel-button-item.border-1px.border-b:after {
    border-bottom: 1px solid #e6e7e8;
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
    -webkit-transform-origin: 0 0;
}

.panel-container{
	background: #f3f4f5;
}
.cancle-btn{
	margin-top: 12px;
}


.editform_popup .rc-dialog-body {
	padding: 0;
}

.buttonlist-popup {
    &.rc-dialog-wrap {
        .rc-dialog {
            position: absolute;
        }
    }
}

.m-bgcolor-f1 {
    background-color: #ff7360;
}

.m-bgcolor-f2 {
    background-color: #ff9500;
}

.m-bgcolor-f3 {
    background-color: #ffc300;
}

.m-bgcolor-f4 {
    background-color: #8bda44;
}

.m-bgcolor-f5 {
    background-color: #00e099;
}

.m-bgcolor-f6 {
    background-color: #4dd0e1;
}

.m-bgcolor-f7 {
    background-color: #39b6ff;
}

.m-bgcolor-f8 {
    background-color: #349af6;
}

.m-bgcolor-f9 {
    background-color: #8a92ff;
}