#search {
		float: left;
		cursor: pointer;
		height: 60px;
    line-height: 60px;
	}

	.search-input {
		position: absolute;
		left: 0;
		top: 60px;
		overflow: hidden;
		width: 100%;
		opacity: 1;
		background: #fff;
		transition: all .3s;
		max-height: 0;
		z-index: -10;
		box-shadow:0px 0px 28px 2px rgba(0,0,0,0.4)
	}
	
	.search-input.appear {
		opacity: 1;
		z-index: 0;
		height: auto;
		max-height: 500px;
		transition: all .5s;
	}

	.search-input form {
		position: relative;
	}

	.search-input input {
		width: 90%;
		padding: 8px;
		height: 22px;
		line-height: 22px;
		margin-right: 10px;
	}
	.search-input button{
		    background: transparent;
    border: 0;
    width: 5%;
    height: 38px;
    line-height: 38px;
	}
	.search-input .nav-menu-content {
		width: 1200px;
		margin: 0 auto;
		line-height: 40px;
		padding: 10px 0;
	}

	@media only screen and (max-width: 768px) {
		#search {
			display: block;
			width: 100%;
			background: #fff;
			border-bottom: 1px solid #ececec;
			padding-left: 13px;
			font-size: .8rem;
					height: 45px;
    line-height: 45px;
		}
		#search .nav-menu-icon {
			font-style: inherit;
			float: right;
			margin-right: 29px;
			font-size: .8rem;
			height: 45px;
			line-height: 45px;
			display: block;
		}
		.search-input {
			position: relative;
			top: 0;
		}
		.search-input .nav-menu-content {
			width: 100%;
		}
		.search-input input {
			width: 80%;
		}
	}