@charset "utf-8";
/**
 * 搜索层样式
 */
.sino-search-modal {
	width: 100%;
	height: 100%;
	position: absolute;
	margin-top: 0px;
	z-index: 555;
	margin-bottom: 0;
	background-color: transparent;
	.card, .list {
		margin:0;
		.item {
			font-size: 14px;
		}
	}

	.scroll-content {
		background-color: white;
	}

	.has-search-header {
		top: 43px;
	}
	.button.cancel {
		color: #45c01a;
	}
	.checkbox input {
		height: 20px;
		width: 20px;
		margin-top: 4px;
	}
}

.open.sino-search-modal {
	background-color: rgba(143,143,145,.6);
	-webkit-transition: background-color .05s ease;
	transition: background-color .05s ease;
}

/** search btn **/

.search-box {
	width: 100%;
	height: 43px;
	padding: 10px;
	background-color: gray;
}

.search-input-btn {
	display: block;
	width: 100%;
	background-color: transparent;
	line-height: 28px;
	padding-left: 8px;
	color: #aaa;
}

.search-page {
	position: relative;
	height: 100%;
	top: 0;
	-webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
   	-webkit-backface-visibility: hidden;
	perspective: 1000;
	-webkit-perspective: 1000;
    -webkit-transition-duration: .25s;
    transition-duration: .25s;
}

/**
 * 搜索页面展开时，向上移动88px
 */
.searching.search-page {
	-webkit-transform: translate3d(0, -44px, 0);
    transform: translate3d(0, -44px, 0);
}

/**
 * 对于消息列表而言，搜索页面展开时，向上移动44px
 */
.searching.message-page.search-page {
	-webkit-transform: translate3d(0, -44px, 0);
    transform: translate3d(0, -44px, 0);
}

/**
 * 搜索页面打开时，顶部条上移
 */
.searching.bar.bar-header {
	-webkit-transform: translate3d(0, -44px, 0);
    transform: translate3d(0, -44px, 0);
    -webkit-transition-duration: 0.25s;
    transition-duration: 0.25s;
}

.bar.bar-header {
	-webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.search-none {
	text-align: center;
	vertical-align: middle;
	color: #bbb;
	font-size: 20px;
	height: 100%;
	display: block;
	margin-top: 100px;
}

.platform-ios.platform-cordova:not(.fullscreen) {
  .open.sino-search-modal {
    top: 20px;
  }
  .search-page .searchopen {
    top: 20px;
  }
}
/**
 * ios7,ios8 调整
 * @type {[type]}
 */
.platform-ios7.platform-cordova:not(.fullscreen),
.platform-ios8.platform-cordova:not(.fullscreen) {

	.open.sino-search-modal {
		div.bar.item-input-inset {
			padding-top: 30px;
			height: 66px;
		}
	}
	.searching.bar.bar-header {
		-webkit-transform: translate3d(0, -64px, 0);
	    transform: translate3d(0, -64px, 0);
	}

	.sino-search-modal .has-search-header {
		top: 64px;
	}
}
.platform-ios6.platform-cordova:not(.fullscreen){
	.bar-header:not(.bar-subheader) {
		height: 44px;
	}

	.bar-header:not(.bar-subheader) > * {
		margin-top: 0;
	}

	.bar-subheader,
	.has-header,
	.tabs-top > .tabs,
	.tabs.tabs-top {
		top:44px;
	}

}
