.timepicker {
	width: 100%;
	color: #acb7bf;
    bottom: 0;
	font-size: .16rem;
	text-align: center;
	box-sizing: content-box;
    .timepicker-content {
        display: flex;
				align-items: center;
        .left {
            flex: 2;
            text-align: right;
        }
        .right {
            flex: 2;
            text-align: left;
        }
        .center {
            flex: 1.8;
        }
        .timepicker-col-1 {
            flex-flow: row;
        }
    }

    .timepicker-viewport {
        height: 100%;
		.timepicker-wheel{
				height: .40rem;
				line-height: .40rem;
				width: 100%;
				border-top: 1px solid #e4ebf0;
				border-bottom: 1px solid #e4ebf0;
		}
    }

    .timepicker-scroll {
		width: 100%;
		height: 100%;
		transform-style: preserve-3d;
		li {
			position: absolute;
		  	height: 40px;
			width: 100%;
		  	font-size: 24px;
		  	line-height: 40px;
		    backface-visibility: hidden;
			&.active {
                color: #007ed9;
            }
        }
    }
}