@import '../../style/mixin';

.h-picker {
	.h-picker-wapper {
		@include position(absolute, 9991, bottom, 0, left, 0);
		@include view(100%, 249px);
		background-color: #fff;
		overflow: hidden;
		display: flex;
		flex-flow: column;
		transform: translate3d(0, 100%, 0);
		transition: all .3s;

		.h-picker-bar {
			padding: 10px;
			@include border(bottom, #e8e8e8);
			overflow: hidden;

			.h-picker-ok {
				float: right;
			}
		}

		.h-picker-content {
			flex: 1;
			display: flex;
			background-color: #f8f8f8;
			overflow: hidden;
		}

		&.h-picker-wapper-open {
			transform: translate3d(0, 0, 0);
			transition: all .3s;
		}
	}
}