@charset "utf-8";

.clear{clear: both !important;width: 0 !important;height: 0 !important;margin: 0 !important;padding: 0 !important;}
/*按钮样式*/
.confirmBtn{
	box-sizing:border-box;
	width: 80px;
	line-height: 32px;
	height: 34px;
	border-radius: 2px;
	background-color: #0b91ec;
	color: #fff;
	font-size: 13px;
	text-align: center;
	border: 1px solid #0b91ec;
	cursor: pointer;
	padding:0 !important;
	margin-left:10px;
}
.confirmBtn:hover{
	background-color: #4faae8;
}
.cancelBtn{
	box-sizing:border-box;
	width: 80px;
	line-height: 32px;
	height: 34px;
	border-radius: 2px;
	background-color: #fff;
	color: #0b91ec;
	font-size: 13px;
	text-align: center;
	border: 1px solid #0b91ec;
	cursor: pointer;
	padding:0 !important;
	margin-left:10px;
}
.cancelBtn:hover{
	background-color: #dfedf6;
	
}
input[type="button"]:disabled{
	box-sizing:border-box;
	min-width: 80px;
	line-height: 32px;
	height: 34px;
	border-radius: 2px;
	background-color: #f1f1f1;
	color: #ccc;
	font-size: 13px;
	text-align: center;
	border: 1px solid #ccc;
	cursor: not-allowed;
	padding: 0 8px !important;
}
input[type="button"][disabled]{
	box-sizing:border-box;
	width: 105px;
	line-height: 32px;
	height: 34px;
	border-radius: 2px;
	background-color: #ccc;
	color: #fff;
	font-size: 13px;
	text-align: center;
	border: 1px solid #ccc;
	cursor: not-allowed;
	padding: 0 8px !important;
}
.w110{
	width: 110px;
}
.xl-inp{box-sizing:border-box;border-radius: 2px;border: 1px solid #ccc;width:378px;height: 34px;padding: 0 10px;line-height:32px;}
.l-inp{box-sizing:border-box;border-radius: 2px;border: 1px solid #ccc;width:300px;height: 34px;padding: 0 10px;line-height:32px;}
.m-inp{box-sizing:border-box;border-radius: 2px;border: 1px solid #ccc;width:220px;height: 34px;padding: 0 10px;line-height:32px;}
.s-inp{box-sizing:border-box;border-radius: 2px;border: 1px solid #ccc;width:191px;height: 35px;padding: 0 10px;line-height:32px;}
/*select*/
.s-select{
	width: 180px;
}
/*textarea*/
.l-textarea{
	box-sizing:border-box;border-radius: 2px;border: 1px solid #ccc;
	padding: 6px 8px 0 8px;
	width:300px;height: 94px;
	min-width:300px;min-height:94px;
	max-width:300px;max-height: 94px;
	resize:none;
	outline:none;
}
.l-textarea::-webkit-scrollbar-thumb{  
   background-color: #0b91ec;  
   height:50px;  
   outline-offset:-2px;  
  /* outline:2px solid #fff;*/  
   -webkit-border-radius:5px;  
   /*border: 2px solid #fff;  */
}  
/*---鼠标点击滚动条显示样式--*/  
.l-textarea::-webkit-scrollbar-thumb:hover{  
   background-color: #0b91ec;  
   height:50px;  
   -webkit-border-radius:0px;  
}   
/*---滚动条大小--*/  
.l-textarea::-webkit-scrollbar{  
   width:3px;  
   height:8px;  
}  
/*---滚动框背景样式--*/  
.l-textarea::-webkit-scrollbar-track-piece{  
   background-color: none;  
   -webkit-border-radius:0;  
}

.searchInp{
	border-radius: 2px;
}
.searchInp{
	box-sizing:border-box;
	border-radius: 2px;
	height: 34px;
	display: inline-block;
	background-color: #fff;
}
.searchInp input{
	width: 182px;
	height: 32px;
	line-height: 32px;
	padding-left: 8px;
	border: 1px solid #d6d9da;
	border-radius: 2px 0 0 2px;
}
.searchIcon{
	width: 35px;
	height: 32px;
	background: url(../images/searchIcon.png) no-repeat 0 center;
	border: 1px solid #d6d9da;
	border-left: 0;
	cursor: pointer;
}
.advancedSearch{
	width: 35px;
	height: 32px;
	background: url(../images/advancedSearch.png) no-repeat 0 center;
	border: 1px solid #dcdcdc;
	border-radius: 0 2px 2px 0;
	cursor: pointer;
}
.advancedSearch:hover{
	border-color: #0b91ec;
	background-position: -35px center;
}
.advancedFilter{
	width: 378px;
	border: 1px solid #ccc;
	padding: 10px 20px 15px 20px;
	background: #fff;
	position: absolute;
	display: none;
	margin-left: -156px;
	z-index: 1;
}
.advancedFilter>span{
	width: 25px;
	height: 9px;
	display: inline-block;
	position: absolute;
	right: 0;
	top: -9px;
	background: url(../images/sprite.png) no-repeat right 0;
}
.advanced-inner>i{
	width: 30px;
	height: 30px;
	float: right;
	background: url(../images/sprite.png) no-repeat right -9px;
	cursor: pointer;
}
.advanced-inner>i:hover{
	background-position:  right -39px; 
}
.advanced-inner>h4{
	font-weight: bold;
	font-size: 14px;
	float: left;
	height: 30px;
	line-height: 30px;
}
.advancedFilter>p{
	font-size: 13px;
}
.s-li{
	width: 180px;
}
.s-li>p{
	width: 180px;
	display: inline-block;
}
.advanced-inner>ul>li{
	margin-top: 8px;
}
.advanced-inner>ul>li>span{
	height: 34px;
	line-height: 34px
}
.to{
	width: 18px;
	font-size: 13px;
	line-height: 34px;
	height: 34px;
	text-align: center;
}
.ml18{
	margin-left: 18px;
}
/*按钮组*/
.btnGrp{
	text-align: right;
	padding: 18px 0 0 0;
}
.fontColBlue{
	color: #0b91ec
}
/*下拉框*/
.dropSelect{
	height: 34px;
	line-height: 34px;
	display: inline-block;
	color: #fff;
	font-size: 13px;
	width: 110px;
	position: relative;
}
.dropTop{
	position: relative;
	z-index: 0;
	background: #0b91ec; 
	border-radius: 2px;
}
.dropTop:hover{
	background: #4faae8;
}
.dropDownTxt{
	height: 34px;
	line-height: 34px;
	width: 64px;
	background: none;
	color: #fff;
	padding-left: 12px;
	float: left;
	cursor: default;
	font-size: 13px;
}
.dropDownIcon{
	background: url(../images/dropDown.png) no-repeat 0 center;
	width: 33px;
	height: 24px;
	display: inline-block;
	border-left: 1px solid #9dd3f7;
	margin-top: 5px;
	cursor: pointer;
}
.dropUpIcon{
	background: url(../images/dropDown.png) no-repeat -33px center;
	width: 33px;
	height: 24px;
	display: inline-block;
	border-left: 1px solid #9dd3f7;
	margin-top: 5px;
	cursor: pointer;
}
.dropDown{
	position: absolute;
	top: 32px;
	left: 0;
	z-index: 1;
	width:108px;
	border: 1px solid #ccc;
	background: #fff;
	display: none;
}
.dropDown>ul{
	padding: 6px 0;
	box-shadow: 0 4px 8px rgba(0,0,0,.1)
}
.dropDown>ul>li{
	height: 30px;
	line-height: 30px;
	font-size: 13px;
	color: #222;
	padding-left: 9px;
	cursor: pointer;
}
.dropSelect .dropDown>ul>li:hover{
	background: #ececec !important;
}
/*select*/
.l-select{
	width: 300px;
}
.zl_select{
}
.zl_select .select-container {
	background-color: #fff;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #dcdcdc;
/*	border-bottom: 0px;*/
    display: block;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    line-height: 18px;
    padding: 0 0 0 8px;
    color: #222;
    text-decoration: none;
	outline:none;
	font-size: 13px;
	border-radius: 2px;
	z-index: 1;
	height:36px!important;
	lin-height:36px!important;
}
.zl_select select{
	display:none;
}
.select-drop{
	position:absolute;
	display:none;
	border-width: 1px 1px 1px 1px;
	border-color:#ccc;
	border-style:solid;
	height:auto;
	background:#fff;
	z-index: 1;
	margin-top:-1px;
	overflow-y:auto;
	border-radius: 0 0 2px 2px;
	box-shadow: 0 4px 8px rgba(0,0,0,.1);
}
.select-drop ul.items{
	list-style:none;
	margin:0px;
	padding:0px;
	padding: 1px 0 9px 0;
}
.select-drop ul.items li{
	padding: 3px 8px;
	cursor:pointer;
	word-warp: break-word;
	word-break: break-all;/*Only work in IE*/ 
}
.select-drop ul.items li.over{
	background:#ececec;
}
.select-drop ul.items li.down{
	color: #0b91ec;
}
.zl_select .select-container > div{
	width:30px;
	height:100%;
	float:right;
	clear:right;
	background:url(../images/icon.png) no-repeat 0 center;
	position:absolute;
	right:0px;
	background-color:#fff;
}
.zl_select .select-container > span{
	float:left;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap; 
	text-align:left; 
}
/*---滚动条默认显示样式--*/  
.select-drop::-webkit-scrollbar-thumb{  
   background-color: #0b91ec;  
   height:50px;  
   outline-offset:-2px;  
  /* outline:2px solid #fff;*/  
   -webkit-border-radius:5px;  
   /*border: 2px solid #fff;  */
}  
/*---鼠标点击滚动条显示样式--*/  
.select-drop::-webkit-scrollbar-thumb:hover{  
   background-color: #0b91ec;  
   height:50px;  
   -webkit-border-radius:0px;  
}   
/*---滚动条大小--*/  
.select-drop::-webkit-scrollbar{  
   width:4px;  
   height:8px;  
}  
/*---滚动框背景样式--*/  
.select-drop::-webkit-scrollbar-track-piece{  
   background-color: none;  
   -webkit-border-radius:0;  
}

/*tips*/
.tips{
	/*background: #fff;*/
	/*border: 1px solid #000;*/
	text-align: center;
	display: inline-block;
	position: relative;
	box-shadow: 0 4px 8px rgba(0,0,0,.2);
}
.tips-inner{
	background: #fff;
	border: 1px solid #ccc;
}
.tip-yes{
	float: left;
	width: 68px;
	height: 26px;
	line-height: 24px;
	background: #fff;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	text-align: center;
	color: #0b91ec;
	cursor: pointer;
}
.tip-no{
	float: left;
	width: 68px;
	height: 26px;
	line-height: 24px;
	background: #fff;
	border-top: 1px solid #ccc;
	text-align: center;
	color: #666;
	cursor: pointer;
}
.tips-inner>div>input:hover{
	background-color: #dfedf6;
}
.tips-inner p{
	display: block;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 13px;
	background: #fff;
}
.tips>span{
	background: url(../images/sprite.png) no-repeat -61px -209px;
	width: 12px;
	height: 11px;
	display: inline-block;
	position: absolute;
	right: 22px;
	bottom: -10px;
}
.tip-center{
}
.tip-center p{
	padding: 0 15px;
	height: 28px;
	line-height: 28px;
}
.tip-center>span{
	background: url(../images/sprite.png) no-repeat -61px -209px;
	bottom: -10px;
	right: 50%;
	margin-right: -7px;
}

/*弹出层demo*/
.demo{
	margin: 0 auto;
	background: #fff;
	padding: 10px 15px 20px 15px;
}
.window-con th{
	font-weight: normal;
	padding-top: 9px;
	text-align: right;
	width: 135px;
}
.window-con td>div{
	position: relative;
	padding-top: 16px;
	margin-bottom: 5px;
}
.icheckbox_square-blue, .iradio_square-blue{
	float: left;
}
.form-label{
	display: inline-block;
	width: 60px;
	margin-top: 8px;
	margin-right: 15px;
}
.window-con label span{
	float: left;
	margin-left: 5px;
}
/* .error{
	font-size: 12px;
	line-height: 12px;
	color: #ff7f7f;
	position: absolute;
	top: 0;
	right: 0;
}
.error-inp{
	border-color: #ff5454;
} */
.w460{
	width: 460px;
}
.pt11{
	padding-top: 11px !important;
}
.window-label{
	width:63px;
	text-align:right;
	display:inline-block;
}
.mt15{
	margin-top:15px;
}