$button:'ui-button';
.#{$button}{
	width: 100%;
	.btn-con{
	 	border-radius: 1px;
	 	text-align: center;
		.btn{
			height: 0.49rem;
			line-height: 0.49rem;
			text-align: center;
			color: #000;
			display: -webkit-box; /* 09版本*/
			display: flex;
			-webkit-box-orient: vertical;
			flex-direction: column;
			-webkit-box-pack: center;
			justify-content: center;
			-webkit-box-align: center;
			align-items: center;
			vertical-align:middle;
			border-radius: 3px;
		}
		.btn-icon{
			font-size: 0.16rem;
			line-height: 0.12rem;
			display: flex;
			align-items: center;
			.btn-tex{
				display: inline-block;
				white-space: nowrap;
	   			overflow: hidden;
	   			width: 100%;
	   			text-overflow:ellipsis;
				padding-right: 0.04rem;
				padding-left: 0.04rem;
				height: 0.19rem;
				line-height: 0.19rem;
				font-size: 0.1rem;
			}
		}
		.icon-left{
			vertical-align:middle;
			.icon{
				margin-left: 0.08rem;
				margin-right: 0.08rem;
			}
		}
		.btn-top{
			width: 100%;
			display: flex;
			justify-content: center;
			flex-direction: column;
			align-items: center;
		}
		.btn-span{
			height: 0.3rem;
			width: 0.3rem;
			margin-top: 0.06rem;
			border-radius: 50%;
			background: #f5f8fa;
			line-height: 0.3rem;
			display: flex;
			justify-content: center;
			align-items: center;
			vertical-align:middle;
		}
		.iconFont{
			height: 0.16rem;
			width: 0.16rem;
			vertical-align:middle;
		}
		.iconFont span{
			height: 0.2rem;
			width: 0.2rem;
		}
		.btn:active, .btn-icon:active{
			background: rgba(0,0,0, .15);
		}
	}
	.disabled{
		background: #e6eaed;
	}
}