$clickColor : blue;
$btnFooter :'ui-btnFooter';
@mixin after {
	content:"";
    height: 1px;
    display: block;
    transform: scaleY(0.5);
	width:100%;
	background:#e4ebf0;
}
.#{$btnFooter}{
		position: fixed;
		bottom: 0;
		width: 100%;
		height: 0.54rem;
		box-shadow: inset 0 0.005rem 0 0 #acb7bf;
		z-index: 4;
		background: #fff;
		.f-btns {
			.f-btn{
				list-style: none;
				display: -webkit-box;
				text-align: center;
				justify-content: center;
				height: 100%;
				width: 100%;
				color: #667580;
				.ui-button{
					width: 100%;
					height: 100%;
				    display: flex;
					text-align: center;
					justify-content: center;
					flex: 1;
					.btn-con{
	 					width: 100%;
					}
				}
				.wrap{
					width: 100%;
					display: flex;
					flex-direction: row;
				}
				.left-null{
					flex: 1;
				}
				.right-null{
					flex: 1;
				}
				.btn-main{
					flex: 4;
					display: flex;
					.ui-button{
						flex: 1;
					}
				}
			}
		}
		.btn-icon{
			align-items: center;
		}
		.button-list{
			width: 100%;
			position: absolute;
			bottom: 0.54rem;
			z-index: 3;
			background: #fff;
			.btn-con:before{
				@include after;
			}
		}
}