.input-search{
	 width:100%;
	 height:100vh;
	 position:fixed;
	 bottom: 0;
	 left: 0;
	 z-index: 998;
	 &::before{
		 content:'';
		 width: 100%;
		 height: 100%;
		 background:rgba(0,0,0,.5);
		 position:fixed;
		 bottom: 0;
		 left: 0;
		 z-index: 998;
	 }
	 .search-box{
		 width:100%;
		 height:calc(100% - 400rpx);
		 position: absolute;
		 bottom: 0;left: 0;
		 display: flex;
		 flex-direction: column;
		 padding:0 28rpx;
		 z-index: 999;
		 border-top-left-radius: 16rpx;
		 border-top-right-radius: 16rpx;
		 background: #fff;
		 box-sizing: border-box;
		 .input-tit{
			 height: 120rpx;
			 line-height: 120rpx;
			 font-size: 28rpx;
			 display: flex;
			 box-sizing: border-box;
			 width: 100%;
			 border-bottom: 1rpx solid #eee;
			 .left{
				 flex: 1;
				 font-size: 28rpx;
				 font-weight: 500;
				 overflow: hidden;
				 text-overflow: ellipsis;
				 white-space: nowrap;
				 &.none{
					 color: #999;
				 }
			 }
			 .right{
				 width:260rpx ;
				 text-align: right;
				 .btn{
					 width:100rpx;
					 height:60rpx;
					 line-height: 60rpx;
					 margin-top: 20rpx;
					 background: #FE7F00;
					 color: #fff;
					 border-radius: 8rpx;
					 box-shadow: 0 0 10rpx #eee;
					 display: inline-block;
					 text-align: center;
					 margin-right: 20rpx;
					 border: 1rpx solid #FE7F00;
					 border: 1rpx solid #2c96fb;
					 	 background: #2c96fb;
				 }
				 .cancel{
					 background: #fff;
					 color: #999;
					 border: 1rpx solid #999;
				 }
				 .iconfont{
					 font-size: 40rpx;
					 color:#999;
				 }
			 }
		 }
		 .input{
			 width: 100%;
			 height: 80rpx;
			 line-height: 80rpx;
			 background: #f4f4f4;
			 border-radius: 10rpx;
			 margin-top:20rpx;
			 box-sizing: border-box;
			 padding: 0 16rpx;
			 color: #333;
			 font-size: 28rpx;
			 display: flex;
			 input{
				 width: 100%;
				 height: 100%;
				 line-height:80rpx;
				 font-size: 28rpx;
			 }
			 .iconfont{
				 font-szie:20rpx;
				 color:#333;
				 margin-right: 10rpx;
				 width: 120rpx;
				 height: 80rpx;
				 text-align: right;
			 }
		 }
		 .search-list{
			 margin-top:30rpx;
			 margin-bottom:30rpx;
			 flex: 1;
			 overflow-y: auto;
			 .search-tab{
				 height:80rpx;
				 line-height:80rpx;
				 font-size: 28rpx;
				 border-bottom: 1rpx solid #eee;
				 padding: 0 20rpx;
				 color:#333;
				 &.active{
					 color: #FE7F00;
					 font-weight: 600;
				 }
			 }
			 .no-data{
				 text-align: center;
				 image{
					 width:300rpx;
					 height: 300rpx;
					 display: block;
					 margin: 90rpx auto 60rpx;
				 }
				 .text{
					 text-align: center;
					 font-size: 28rpx;
					 color: #999;
				 }
			 }
		 }
	 }
	
	.fadelogIn {
	    animation: fadelogIn .4s;
	}
	@keyframes fadelogIn {
	    0% {
	        -webkit-transform: translate3d(0, 100%, 0);
	        -webkit-transform: translate3d(0, 100%, 0);
	        transform: translate3d(0, 100%, 0);
	        transform: translate3d(0, 100%, 0);
	    }
	    100% {
	        -webkit-transform: none;
	        transform: none;
	    }
	}
	
	

}