/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

//主色
  $C1:#004170;
  $C2:#005999;
  $C3:#1687d9;
  $C3Hover:#1E7BC0;
  $C4:#8CCCF8;
  $C5:#084E82;
//中性色
  $M1:#36434D;
  $M2:#667580;
  $M3:#bcc8d1;
  $M4:#E4EBF0;
  $M5:#F5F8FA;
  $M6:#ffffff;
//错误色
  $E1:#cc2929;

$font-family-H:'Helvetica Neue',Tahoma,'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', STHeitiSC, sans-serif;
$font-family-A:"Helvetica Neue",Tahoma,"PingFang SC","Hiragino Sans GB",SimSun,STHeitiSC,sans-serif;

  $Ease:cubic-bezier(.25,.1,.25,1);
  $Spring:cubic-bezier(.66,1.65,.23,.87);
  $Spring2:cubic-bezier(.44,1.53,.32,.92);
  $Linear:linear;


  @mixin H1 {
  font-family: $font-family-H;
  font-size: 34px;
  line-height: 1.8;
}

@mixin H2 {
  font-family: $font-family-H;
  font-size: 24px;
  line-height: 1.8;
}

@mixin H3 {
  font-family: $font-family-H;
  font-size: 20px;
  line-height: 1.8;
}

@mixin H4 {
  font-family: $font-family-H;
  font-size: 16px;
  line-height: 1.9;
}

@mixin H5 {
  font-family: $font-family-H;
  font-size: 14px;
  line-height: 1.7;
}

@mixin A1 {
  font-family: $font-family-H;
  font-size: 14px;
  line-height: 1.4;
}

/*$A2-Blod {
  font-family: PingFangSC-Semibold;
  font-size: 12px;
  line-height: 1.7;
}*/

@mixin A2 {
  font-family: $font-family-H;
  font-size: 12px;
  line-height: 25px;
}

@font-face {
  font-family: 'anticon';
  src: url('//at.alicdn.com/t/font_1457169990_5499172.eot');
  /* IE9*/
  src: url('//at.alicdn.com/t/font_1457169990_5499172.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('//at.alicdn.com/t/font_1457169990_5499172.woff') format('woff'), /* chrome、firefox */ url('//at.alicdn.com/t/font_1457169990_5499172.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('//at.alicdn.com/t/font_1457169990_5499172.svg#iconfont') format('svg');
  /* iOS 4.1- */
}
.anticon {
  display: inline-block;
  font-style: normal;
  vertical-align: baseline;
  text-align: center;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
}
.anticon:before {
  display: block;
  font-family: "anticon" !important;
}

.anticon-left:before {
  content: "\E601";
}
.anticon-right:before {
  content: "\E600";
}
.anticon-down:before {
  content: "\E603";
}
.anticon-up:before {
  content: "\E602";
}

///动画效果
.slide-up-enter,
.slide-up-appear {
	-webkit-animation-duration: .2s;
			animation-duration: .2s;
	-webkit-animation-fill-mode: both;
			animation-fill-mode: both;
	-webkit-animation-play-state: paused;
			animation-play-state: paused;
}
.slide-up-leave {
	-webkit-animation-duration: .2s;
			animation-duration: .2s;
	-webkit-animation-fill-mode: both;
			animation-fill-mode: both;
	-webkit-animation-play-state: paused;
			animation-play-state: paused;
}
.slide-up-enter.slide-up-enter-active,
.slide-up-appear.slide-up-appear-active {
	-webkit-animation-name: antSlideUpIn;
			animation-name: antSlideUpIn;
	-webkit-animation-play-state: running;
			animation-play-state: running;
}
.slide-up-leave.slide-up-leave-active {
	-webkit-animation-name: antSlideUpOut;
			animation-name: antSlideUpOut;
	-webkit-animation-play-state: running;
			animation-play-state: running;
}
.slide-up-enter,
.slide-up-appear {
	opacity: 0;
	-webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
			animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.slide-up-leave {
	-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
			animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
.slide-down-enter,
.slide-down-appear {
	-webkit-animation-duration: .2s;
			animation-duration: .2s;
	-webkit-animation-fill-mode: both;
			animation-fill-mode: both;
	-webkit-animation-play-state: paused;
			animation-play-state: paused;
}
.slide-down-leave {
	-webkit-animation-duration: .2s;
			animation-duration: .2s;
	-webkit-animation-fill-mode: both;
			animation-fill-mode: both;
	-webkit-animation-play-state: paused;
			animation-play-state: paused;
}
.slide-down-enter.slide-down-enter-active,
.slide-down-appear.slide-down-appear-active {
	-webkit-animation-name: antSlideDownIn;
			animation-name: antSlideDownIn;
	-webkit-animation-play-state: running;
			animation-play-state: running;
}
.slide-down-leave.slide-down-leave-active {
	-webkit-animation-name: antSlideDownOut;
			animation-name: antSlideDownOut;
	-webkit-animation-play-state: running;
			animation-play-state: running;
}
.slide-down-enter,
.slide-down-appear {
	opacity: 0;
	-webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
			animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.slide-down-leave {
	-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
			animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}

@-webkit-keyframes antSlideUpIn {
	0% {
		opacity: 0;
		-webkit-transform-origin: 0% 0%;
				transform-origin: 0% 0%;
		-webkit-transform: scaleY(0.8);
				transform: scaleY(0.8);
	}
	100% {
		opacity: 1;
		-webkit-transform-origin: 0% 0%;
				transform-origin: 0% 0%;
		-webkit-transform: scaleY(1);
				transform: scaleY(1);
	}
}
@keyframes antSlideUpIn {
	0% {
		opacity: 0;
		-webkit-transform-origin: 0% 0%;
				transform-origin: 0% 0%;
		-webkit-transform: scaleY(0.8);
				transform: scaleY(0.8);
	}
	100% {
		opacity: 1;
		-webkit-transform-origin: 0% 0%;
				transform-origin: 0% 0%;
		-webkit-transform: scaleY(1);
				transform: scaleY(1);
	}
}
@-webkit-keyframes antSlideUpOut {
	0% {
		opacity: 1;
		-webkit-transform-origin: 0% 0%;
				transform-origin: 0% 0%;
		-webkit-transform: scaleY(1);
				transform: scaleY(1);
	}
	100% {
		opacity: 0;
		-webkit-transform-origin: 0% 0%;
				transform-origin: 0% 0%;
		-webkit-transform: scaleY(0.8);
				transform: scaleY(0.8);
	}
}
@keyframes antSlideUpOut {
	0% {
		opacity: 1;
		-webkit-transform-origin: 0% 0%;
				transform-origin: 0% 0%;
		-webkit-transform: scaleY(1);
				transform: scaleY(1);
	}
	100% {
		opacity: 0;
		-webkit-transform-origin: 0% 0%;
				transform-origin: 0% 0%;
		-webkit-transform: scaleY(0.8);
				transform: scaleY(0.8);
	}
}
@-webkit-keyframes antSlideDownIn {
	0% {
		opacity: 0;
		-webkit-transform-origin: 100% 100%;
				transform-origin: 100% 100%;
		-webkit-transform: scaleY(0.8);
				transform: scaleY(0.8);
	}
	100% {
		opacity: 1;
		-webkit-transform-origin: 100% 100%;
				transform-origin: 100% 100%;
		-webkit-transform: scaleY(1);
				transform: scaleY(1);
	}
}
@keyframes antSlideDownIn {
	0% {
		opacity: 0;
		-webkit-transform-origin: 100% 100%;
				transform-origin: 100% 100%;
		-webkit-transform: scaleY(0.8);
				transform: scaleY(0.8);
	}
	100% {
		opacity: 1;
		-webkit-transform-origin: 100% 100%;
				transform-origin: 100% 100%;
		-webkit-transform: scaleY(1);
				transform: scaleY(1);
	}
}
@-webkit-keyframes antSlideDownOut {
	0% {
		opacity: 1;
		-webkit-transform-origin: 100% 100%;
				transform-origin: 100% 100%;
		-webkit-transform: scaleY(1);
				transform: scaleY(1);
	}
	100% {
		opacity: 0;
		-webkit-transform-origin: 100% 100%;
				transform-origin: 100% 100%;
		-webkit-transform: scaleY(0.8);
				transform: scaleY(0.8);
	}
}
@keyframes antSlideDownOut {
	0% {
		opacity: 1;
		-webkit-transform-origin: 100% 100%;
				transform-origin: 100% 100%;
		-webkit-transform: scaleY(1);
				transform: scaleY(1);
	}
	100% {
		opacity: 0;
		-webkit-transform-origin: 100% 100%;
				transform-origin: 100% 100%;
		-webkit-transform: scaleY(0.8);
				transform: scaleY(0.8);
	}
}

//// 以上是base style
.time-picker-component .ant-time-picker {
	box-sizing: border-box;
	  .time-picker-icon{
		width: 11px;
		height: 6px;
		top: 44%;
		right: 5px;
		line-height: 40px;
		cursor: pointer;
		position: absolute;
		color: #ACB7BF;
	}
}
.time-picker-component .ant-time-picker * {
	box-sizing: border-box;
}
.time-picker-component{
	&.ant-time-picker-panel {
		z-index: 99999 !important;
		position: fixed;
	}
}

.ant-time-picker-panel.slide-up-enter.slide-up-enter-active.ant-time-picker-panel-placement-topLeft,
.ant-time-picker-panel.slide-up-enter.slide-up-enter-active.ant-time-picker-panel-placement-topRight,
.ant-time-picker-panel.slide-up-appear.slide-up-appear-active.ant-time-picker-panel-placement-topLeft,
.ant-time-picker-panel.slide-up-appear.slide-up-appear-active.ant-time-picker-panel-placement-topRight {
	-webkit-animation-name: antSlideDownIn;
			animation-name: antSlideDownIn;
}
.ant-time-picker-panel.slide-up-enter.slide-up-enter-active.ant-time-picker-panel-placement-bottomLeft,
.ant-time-picker-panel.slide-up-enter.slide-up-enter-active.ant-time-picker-panel-placement-bottomRight,
.ant-time-picker-panel.slide-up-appear.slide-up-appear-active.ant-time-picker-panel-placement-bottomLeft,
.ant-time-picker-panel.slide-up-appear.slide-up-appear-active.ant-time-picker-panel-placement-bottomRight {
	-webkit-animation-name: antSlideUpIn;
			animation-name: antSlideUpIn;
}
.ant-time-picker-panel.slide-up-leave.slide-up-leave-active.ant-time-picker-panel-placement-topLeft,
.ant-time-picker-panel.slide-up-leave.slide-up-leave-active.ant-time-picker-panel-placement-topRight {
	-webkit-animation-name: antSlideDownOut;
			animation-name: antSlideDownOut;
}
.ant-time-picker-panel.slide-up-leave.slide-up-leave-active.ant-time-picker-panel-placement-bottomLeft,
.ant-time-picker-panel.slide-up-leave.slide-up-leave-active.ant-time-picker-panel-placement-bottomRight {
	-webkit-animation-name: antSlideUpOut;
			animation-name: antSlideUpOut;
}
.time-picker-component .ant-time-picker {
	position: relative;
	display: inline-block;
	outline: none;
	font-size: 12px;
	-webkit-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
}
.time-picker-component .ant-time-picker-input {
	position: relative;
	display: inline-block;
	text-align: inherit;
	font-family: $font-family-H;
	padding: 0;
	width: 100%;
	height: 40px;
	cursor: pointer;
	font-size: 14px;
	line-height: 1.5;
	color: $M1;
	text-indent: 5px;
	background-color: #fff;
	background-image: none;
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom: 1px solid $M4;
	-webkit-transition: border .2s cubic-bezier(0.645, 0.045, 0.355, 1), background .2s cubic-bezier(0.645, 0.045, 0.355, 1), box-shadow .2s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: border .2s cubic-bezier(0.645, 0.045, 0.355, 1), background .2s cubic-bezier(0.645, 0.045, 0.355, 1), box-shadow .2s cubic-bezier(0.645, 0.045, 0.355, 1);
	width: 100px;
}
.time-picker-component .ant-time-picker-input::-moz-placeholder {
	color: $M3;
	opacity: 1;
	font-size: 12px;
}
.time-picker-component .ant-time-picker-input:-ms-input-placeholder {
	color: $M3;
	font-size: 12px;
}
.time-picker-component .ant-time-picker-input::-webkit-input-placeholder {
	color: $M3;
	font-size: 12px;
}
.time-picker-component .ant-time-picker-input[disabled],
fieldset[disabled] .ant-time-picker-input {
	background-color: #f4f4f4;
	opacity: 1;
	cursor: not-allowed;
	color: $M3;
}
.time-picker-component .ant-time-picker-input[disabled]:hover,
fieldset[disabled] .ant-time-picker-input:hover {
	border-color: #e1e1e1;
}
.time-picker-component textarea.ant-time-picker-input {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}
.time-picker-component .ant-time-picker-input-lg {
	padding: 6px 7px;
	height: 32px;
}
.time-picker-component .ant-time-picker-input-sm {
	padding: 1px 7px;
	height: 22px;
	border-radius: 4px;
}
.ant-time-picker-large .ant-time-picker-input {
	padding: 6px 7px;
	height: 32px;
}
.ant-time-picker-small .ant-time-picker-input {
	padding: 1px 7px;
	height: 22px;
	border-radius: 4px;
}
.ant-time-picker-open {
	opacity: 0;
}
.time-picker-component .ant-time-picker-icon {
	position: absolute;
	-webkit-user-select: none;
 	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	width: 12px;
	height: 12px;
	line-height: 12px;
	right: 8px;
	color: #999;
	top: 50%;
	margin-top: -6px;
}
.time-picker-component .ant-time-picker-icon:after {
	content: "\E643";
	font-family: "anticon";
	font-size: 12px;
	color: #999;
	display: none;
	line-height: 1;
	vertical-align: bottom;
}
.time-picker-component .ant-time-picker-panel-inner {
	display: inline-block;
	position: relative;
	outline: none;
	list-style: none;
	font-size: 12px;
	text-align: left;
	background-color: #fff;
	border-radius: 5px;
	box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.15);
	background-clip: padding-box;
	line-height: 1.5;
}
.ant-time-picker-panel-input {
	font-family: $font-family-H;
	margin: 0;
	padding: 0;
	border: 0;
	width: 100%;
	cursor: auto;
	line-height: 1.5;
	outline: 0;
}
.time-picker-component .ant-time-picker-panel-input-wrap {
	width: 170px;
	height: 65px;
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	position: relative;
	border-bottom: 1px solid #e9e9e9;
	.search-input{
		margin: 5px 15px 0;
		position: relative;
		padding: 5px 5px 0 5px;
		border-bottom: 1px solid #e9e9e9;
		&:after {
      display: block;
      position: absolute;
      content: "";
      left: 50%;
      top: 28px;
      width: 0;
      height: 2px;
      background-color: #1b85d6;
      transition: left ease-in-out .15s, width ease-in-out .15s;
  	}
		.ant-time-picker-panel-input{
			font-size: 14px;
			line-height: 24px;
			height: 24px;
			border:0;
		}
		input{
			color: $M1;
		}
		input::-moz-placeholder {
			@include A2;
			color: $M3;
		}
		input:-ms-input-placeholder {
			@include A2;
			color: $M3;
		}
		input::-webkit-input-placeholder {
			@include A2;
			color: $M3;
		}
	}
	.search-input-active{
		&:after {
      width: 100%;
      left: 0;
      transition: left $Spring .35s, width $Spring .35s;
  	}
	}
	.hover-min-sec{
		.hour,
		.min,
		.sec {
		  font-family: $font-family-H;
		  font-size: 12px;
		  font-weight: normal;
		  color: $M2;
		  float: left;
		  line-height: 30px;
		  text-align: center;
		}
	}
}
.ant-time-picker-panel-input-invalid {
	border-color: red;
}
.ant-time-picker-panel-clear-btn {
	position: absolute;
	right: 5px;
	cursor: pointer;
	overflow: hidden;
	width: 20px;
	height: 20px;
	text-align: center;
	line-height: 20px;
	top: 7px;
	margin: 0;
	color: #ACB7BF;
	font-size: 14px;
	&:hover{
		color: #cc2929
	}
}
.time-picker-component .ant-time-picker-panel-clear-btn {
  position: absolute;
  right: 0px;
  cursor: pointer;
  overflow: hidden;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  top: 7px;
  margin: 0;
}
.time-picker-component .ant-time-picker-panel-select {
	float: left;
	font-size: 12px;
	border-left: 1px solid #E4EBF0;
	box-sizing: border-box;
	overflow: hidden;
	position: relative;
}
.time-picker-component .ant-time-picker-panel-select:hover {
	overflow-y: auto;
}
.time-picker-component .ant-time-picker-panel-select:first-child {
	border-left: 0;
	margin-left: 0;
}
.time-picker-component .ant-time-picker-panel-select:last-child {
	border-right: 0;
}
.time-picker-component .ant-time-picker-panel-select ul {
	list-style: none;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	width: 100%;
	max-height: 144px;
}
.time-picker-component .all-format{
	ul li {
		padding: 0 0 0 20px;
	}
}
.time-picker-component .ant-time-picker-panel-select li {
	list-style: none;
	box-sizing: content-box;
	color: $M1;
	margin: 0;
	font-size: 12px;
	font-family: $font-family-H;
	padding: 0 0 0 35px;
	width: 100%;
	height: 20px;
	line-height: 20px;
	text-align: left;
	cursor: pointer;
	-webkit-user-select: none;
 	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-transition: background 0.3s ease;
	transition: background 0.3s ease;
}
.time-picker-component .ant-time-picker-panel-select li:hover {
	color: $C3;
}
.time-picker-component .ant-time-picker-panel-select li.ant-time-picker-panel-select-option-selected {
	background: $M5;
	color: $C3;
}
.time-picker-component .ant-time-picker-panel-select li.ant-time-picker-panel-select-option-disabled {
	color: $M3;
}
.time-picker-component .ant-time-picker-panel-select li.ant-time-picker-panel-select-option-disabled:hover {
	background: transparent;
	cursor: not-allowed;
}
.has-warning .ant-time-picker-picker-icon:after {
	color: #fa0;
}

.has-error .ant-time-picker-picker-icon:after {
	color: #f50;
}
  .datetime-disabled{
	  .ant-calendar-picker:after{
		  display:none;
	  }
	  .ant-input{
		  font-size: 14px;
		  cursor: default;
		  font-family: $font-family-H;
	  }
  }
  .datetime-readonly{
	  .ant-calendar-picker:after{
			display:none;
	  }
	  .ant-calendar-picker{
	  	border: none;
	  	border-color:rgb(228, 235, 240) !important;
	  }
	  .form-item__control:hover{
	  	border-color: #e4ebf0;
	  }
	  .ant-input{
			font-size: 14px;
			cursor: default;
			color: #3E4E59;
			background-color: #FFF !important;
			font-family: $font-family-H;
	  }
  }

  .ant-time-picker-panel-input::input-placeholder {
		font-size: 12px;
		text-align: left;
		font-family: $font-family-H;
		color: #acb7bf;
  }

  .ant-time-picker-panel-input::-moz-placeholder {
		font-size: 12px;
		text-align: left;
		font-family: $font-family-H;
		color: #acb7bf;
		opacity: 1;
  }
  .ant-time-picker-panel-input:-ms-input-placeholder {
		font-size: 12px;
		text-align: left;
		font-family: $font-family-H;
		color: #acb7bf;
  }
  .ant-time-picker-panel-input::-webkit-input-placeholder {
		font-size: 12px;
		text-align: left;
		font-family: $font-family-H;
		color: #acb7bf;
  }
  
  .time-picker-component{
		.ant-time-picker-input::input-placeholder {
		  text-align: left;
		  font-family: $font-family-H;
		  color: #acb7bf;
		}
		.ant-time-picker-input::-moz-placeholder {
		  text-align: left;
		  font-family: $font-family-H;
		  color: #acb7bf;
		  opacity: 1;
		}
		.ant-time-picker-input:-ms-input-placeholder {
		  text-align: left;
		  font-family: $font-family-H;
		  color: #acb7bf;
		}
		.ant-time-picker-input::-webkit-input-placeholder {
		  text-align: left;
		  font-family: $font-family-H;
		  color: #acb7bf;
		}
		.base-input-error-label{
		  .ant-time-picker:after{
			width:100%;
			left:0;
			background-color: $E1;
			transition:left $Spring .35s ,width $Spring .35s;
	  }
	}

	.date-time-label{
	  max-width: 120px;
	  height: 40px;
	  font-family: $font-family-H;
	  font-size: 14px;
	  line-height: 40px;
	  color: $M2;
	  float: left;
	  margin-right: 25px;
	  overflow: hidden;
	  white-space: nowrap;
	  text-overflow: ellipsis;
	  .required-star{
			margin-right: 5px;
			display: inline-block;
			width: 8px;
			padding-top: 2px;
			height: 8px;
	  }
	}
	.time-picker-active{
	  .ant-time-picker:after{
			width:100%;
			left:0;
			transition:left $Spring .35s ,width $Spring .35s;
	  }
	}
	.ant-time-picker{
	  width: 100%;
	  &:after{
		display:block;
		position: absolute;
		content:"";
		left: 50%;
		top:38px;
		width:0;
		height:2px;
		background-color:#1687d9;
		transition: left ease-in-out .15s ,width ease-in-out .15s;
	  }
	  .ant-time-picker-input{
			width: 100%;
	  }
	}
	.field-right{
	  position: relative;
	  display: flex;
	  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox;      /* TWEENER - IE 10 */
		display: -webkit-flex;
  	.time-picker-close{
			top: 13px;
			position: absolute;
			width: 14px;
			height: 14px;
			cursor: pointer !important;
			right: 21px;
			font-size: 14px;
			color: #ACB7BF;
			&:hover{
			  color:#cc2929;
			};
	  }
	}
  .date-time-search-status{
		.ant-input{
		  border: none;
		  cursor: pointer;
		  text-align: center;
	  	input{
				cursor: pointer;
				text-align: center;
	  	}
		}
		input::-webkit-input-placeholder{
		  color:#000 !important;
		}
		.icon-label{
		  display: block;
		  content: "";
		  position: absolute;
		  top: 40%;
		  right: 5px;
		  border: 5px solid transparent;
		  border-top-color: #667580;
		  border-radius: 3px;
		}
  }
  .date-time-search-status:hover{
		.ant-input{
		  background-color: #f5f8fa;
		}
  }
  .base-input-show{
		font-family: $font-family-H;
		height:8px;
		line-height:8px;
		position: absolute;
		left: 5px;
		bottom: -15px;
  }
  .base-input-error-label{
		.ant-input{
		  border-bottom: 2px solid $E1 !important;
		}
  }
  .error-input{
		border-bottom: 2px solid $E1 !important;
  }
  .input-pError{
		font-size: 12px;
		font-family: $font-family-H;
		color: #cc2929;
  }
  .search-label-margin{
		margin:8px 0 0 0 !important;
  }
  //p标签blur--transform-origin:center;
  .input-pBlur{
		transform:scale(1.5,1.5);
		-moz-transform:scale(1.5,1.5);
		-webkit-transform:scale(1.5,1.5);
		-o-transform:scale(1.5,1.5);
		transform-origin:50% 0%;
		-webkit-transform-origin:50% 0%;
		-moz-transform-origin:50% 0%;
		-o-transform-origin:50% 0%;
		-ms-transform-origin:50% 0%;
		opacity:0;
		font-size:16px;
		transition: opacity .35s ease,font-size .35s ease,transform .35s ease;
  }
  //p标签foucus--transform-origin:center;
  .input-pFoucus{
		-moz-transform:none;
		-webkit-transform:none;
		-o-transform:none;
		transform:none;
		transform-origin:50% 0%;
		-webkit-transform-origin:50% 0%;
		-moz-transform-origin:50% 0%;
		-o-transform-origin:50% 0%;
		-ms-transform-origin:50% 0%;
		opacity:1;
		font-size:12px;
		transition: opacity .35s ease,font-size .35s ease,transform .35s ease;
  }
}
.time-picker-readonly{
  .ant-time-picker-input{
		background-color: #FFF;
		cursor: default;
		color: #3E4E59;
  }
}
.time-picker__container{
	.form-item__right-icon .pc-sys-arrowdown-nomal-svg{
		margin-top: 4px;
    margin-top: .25rem;
	}
	.form-item__right-icon .sys-icon-close + .pc-sys-arrowdown-nomal-svg{
    margin-top: 4px;
    margin-top: .25rem;
	}
	.time-picker__container-close{
    position: absolute;
    right: 16px;
    top: 0px;
	}
	.u-input {
		cursor: pointer;
	}

	.form-item__control{
		&:hover{
			border-color: #96d0fa;
		}
	}
	.form-item__control_is-readonly{
		
	.u-input{
			cursor: no-drop !important;
		}
		input{
			background:#f5f8fa;
			font-family: $font-family-H;
			font-size:12px;
			color:#3E4E59;
			letter-spacing:0;
			line-height:20px;
			text-align:left;
		}

	}
	.form-item__control_is-readonly:hover{
		border-color: #e4ebf0;
	}
	.form-item__control_is-active{
		background:#ffffff;
      	border:1px solid #1687d9;
      	box-shadow:0 0 2px 1px #96d0fa;
      	&:hover{
      		border-color: #1687d9;
      	}
	}
	.form-item__control_has-error{
		border:none;
		box-shadow: none;
		.u-input{
			background:rgba(204,41,41,0.05);
			border:1px solid #cc2929;
			border-radius:5px;
		}
	}
	.form-item__right-icon {
		top: 8px;
	}
}

.sys-icon-form-shijian {
	cursor: pointer;
	width: 12px;
	height: 12px;
	font-size: 12px;
	color: #8F9CA6;
}

input::-moz-placeholder {
	@include A2;
}
input:-ms-input-placeholder {
	@include A2;
}
input::-webkit-input-placeholder {
	@include A2;
}