﻿@charset "utf-8";
*{font-size:14px;padding:0; margin:0;}
body{font-family: '微软雅黑', Arial, Helvetica, sans-serif; margin:0 auto; background:#f5f5f5}
ul{display:block;margin:0;padding:0;list-style:none;}
li{display:block;margin:0;padding:0;list-style: none;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {font-family: inherit;font-weight: 500;line-height: 1.1;color: inherit; margin:0;}
img{border:0;}
dl,dt,dd{margin:0;padding:0;display:block;}
span{margin:0;padding:0;}
a{text-decoration:none; color:#333; outline:none;blr:expression(this.onFocus=this.blur());}
a:hover{text-decoration:none;}
table{border-collapse:collapse;border-spacing: 0;}
cite{font-style:normal;}
h2{font-weight:normal;}

.hide{display:none;}
.float-l {float:left; display:block;}
.float-r {float:right; display:block;}
.text-over{word-break:nowrap; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.msg-tip {color:#7f7f7f; line-height:20px; margin:10px; padding:10px; background:#fffff6; border:1px solid #f9c943; display:block; clear:both; overflow:hidden;}
.msg-tip p { line-height:25px;}
.blockquote-tip p { line-height:25px; font-size:12px; color:#666;}
.text-l { text-align:left;}
.fw-normal {font-weight:normal;}


.text-yes {
    background-color:#5FB878;
    padding:2px 8px;
    font-size:12px;
    border-radius:2px;
    color:#ffffff;
}

.text-no {
    background-color:#2F4056;
    padding:2px 8px;
    font-size:12px;
    border-radius:2px;
    color:#ffffff;
}

.text-disabled {
    background-color:#FBFBFB;
    padding:2px 8px;
    font-size:12px;
    border-radius:2px;
    color:#999;
    border: 1px solid #e6e6e6;
}

.text-red {
    background-color:#ff0000;
    padding:2px 8px;
    font-size:12px;
    border-radius:2px;
    color:#ffffff;
}

.text-green {
    background-color:#5FB878;
    padding:2px 8px;
    font-size:12px;
    border-radius:2px;
    color:#ffffff;
}

.text-blue {
    background-color:#1E9FFF;
    padding:2px 8px;
    font-size:12px;
    border-radius:2px;
    color:#ffffff;
}

.text-back {
    background-color:#393D49;
    padding:2px 8px;
    font-size:12px;
    border-radius:2px;
    color:#ffffff;
    font-style:normal;
}

.font-blue { color:#1E9FFF; font-weight:bold;font-style:normal;}
.font-red { color:#ff0000; font-weight:bold;font-style:normal;}
.font-red2 { color:#e22; font-weight:bold;font-style:normal;}
.font-red3 { color:#c81623; font-weight:bold; font-style:normal;}
.font-gray { color:#c0c0c0;font-style:normal; font-weight:bold;}
.font-green { color:#5cb85c;font-style:normal; font-weight:bold;}
.font-back { color:#000000;font-style:normal;font-weight:bold;}
.font-666{ color:#666666;font-style:normal;font-weight:bold;}
.font-999{ color:#999;font-style:normal;font-weight:bold;}
.font-error {color:#e22;font-style:normal;font-weight:bold;}


.layui-btn-outlined{background-color: transparent; border:1px solid #009688; color:#009688;}
.layui-btn-outlined:hover {color:#009688;}

.layui-btn-outlined-primary{background-color: transparent; border:1px solid #C9C9C9; color:#555;}
.layui-btn-outlined-primary:hover {color:#555;}

.layui-btn-outlined-normal{background-color: transparent; border:1px solid #1E9FFF; color:#1E9FFF;}
.layui-btn-outlined-normal:hover {color:#1E9FFF;}

.layui-btn-outlined-warm{background-color: transparent; border:1px solid #FFB800; color:#FFB800;}
.layui-btn-outlined-warm:hover {color:#FFB800;}

.layui-btn-outlined-danger{background-color: transparent; border:1px solid #FF5722; color:#FF5722;}
.layui-btn-outlined-danger:hover {color:#FF5722;}

/*颜色*/
.c-73B1E0 {
    background-color:#73B1E0;
}

/*高度*/
.h-50{height:50px;}

/*上边距*/
.margin-top-50{margin-top:50px;}
.margin-top-10{margin-top:10px;}
.margin-top-20{margin-top:20px;}

.border-bottom-none { border-bottom:none;}

/*信息提示*/
.info-warning .title{color:#ff0000; margin-bottom:10px;}
.info-warning p{color: #2a6496; line-height:25px; text-indent:10px;}

.tip-dot {
    min-width: 20px;
    height: 20px;
    background: #ff0000;
    box-sizing: border-box;
    color: white;
    font-size: 10px;
    text-align: center;
    line-height: 20px;
    padding: 0 5px;
    border-radius: 10px;
    display: inline-block;
	font-style:normal;
	font-weight:bold;
	
	animation: shake 0.82s cubic-bezier(.36, .07, .19, .97) both;
	transform: translate3d(0, 0, 0);
	backface-visibility: hidden;
	perspective: 1000px;
}

.tip-dot-sm {
    min-width: 25px;
    height: 18px;
	line-height: 18px;
    background: #ff0000;
    box-sizing: border-box;
    color: white;
    font-size: 10px;
    text-align: center;    
    padding: 0 5px;
    border-radius: 10px;
    display: inline-block;
	font-style:normal;
	font-weight:bold;
	
	animation: shake 0.82s cubic-bezier(.36, .07, .19, .97) both;
	transform: translate3d(0, 0, 0);
	backface-visibility: hidden;
	perspective: 1000px;
}

.tip-badge {height: 18px;line-height: 18px; font-style:normal; position: relative;display: inline-block;padding: 0 6px;font-size: 12px; text-align: center;background-color: #ff0000;color: #fff;border-radius: 2px;}	
.tip-badge-sm {height: 15px;line-height: 15px; font-style:normal; position: relative;display: inline-block;padding: 0 5px;font-size: 12px; text-align: center;background-color: #ff0000;color: #fff;border-radius: 2px;}	

@keyframes shake {
	10%, 90% {
		transform: translate3d(-2px, 0, 0);
	}
	20%, 80% {
		transform: translate3d(2px, 0, 0);
	}
	30%, 50%, 70% {
		transform: translate3d(-2px, 0, 0);
	}
	40%, 60% {
		transform: translate3d(2px, 0, 0);
	}
}


/*下划线*/
.line-dotted { height:10px; margin-bottom:10px; border-bottom: 1px dotted #ccc;}
.line-dashed { height:10px; margin-bottom:10px; border-bottom: 1px dashed #ccc;}
.line-solid { height:10px; margin-bottom:10px; border-bottom: 1px solid #ccc;}



/*显示更多...*/
.showMorehandle {text-align:center; }


/*标签列表*/
.tagBox-list {
    padding: 0em 0;
    font-size: 12px;
    line-height: 1em;
    display: block;
}
.tagBox-list .tagBox-item {
    display: inline-block;
    margin: 0.3em 0.25em 0.15em;
    vertical-align: middle;
    cursor: default;
    white-space: nowrap;
    padding: 0.417em 0.417em;
    font-size: 1em;
    line-height: 1.4em;
    color: #FFF;
    background: #5FB878;
    border-radius: 3px;
    cursor:pointer;
}

/****************************  page style  ********************************/
.page{ 
    width: 100%;
    background-color: #f2f2f2;
    padding:10px 0;
    position: fixed;
    bottom: 0;
    border: 1px solid #e2e2e2;
}

/*
.paginator { width:100%; font: 12px Arial, Helvetica, sans-serif;padding:0; margin: 0px;}
.paginator a {border:solid 1px #ccc;color:#3399d5;cursor:pointer;text-decoration:none; margin:0;}
.paginator a:visited {padding: 1px 6px; background: #fff; text-decoration: none;  background:#f5f5f5;}
.paginator .cpb {border:solid 1px #ccc;color:#737373;background-color:#f5f5f5;}
.paginator a:hover {color:#3399d5;text-decoration:none;}
.paginator a,.paginator a:visited,.paginator .cpb,.paginator a:hover{height:20px;line-height:20px;width:20px;text-align:center;white-space:nowrap;font-size:12px;font-family:Arial,SimSun;padding:5px 8px;}
 */
 /*分页样式  AspNetPager*/
.paginator { width:100%; font: 12px Arial, Helvetica, sans-serif;padding:0; margin: 0px;}
.paginator a { 
    color: #666;
    font-size: 14px;
    line-height: 24px;
    font-weight: normal;
    text-align: center;
    border: 1px solid #BBB;
    min-width: 14px;
    padding: 0 7px;
    margin: 0 5px 0 0;
    border-radius: 3px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.2);
    background: #efefef;
    background: -moz-linear-gradient(top, #ffffff 0%, #efefef 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#efefef));
    background: -webkit-linear-gradient(top, #ffffff 0%,#efefef 100%);
    background: -o-linear-gradient(top, #ffffff 0%,#efefef 100%);
    background: -ms-linear-gradient(top, #ffffff 0%,#efefef 100%);
    background: linear-gradient(top, #ffffff 0%,#efefef 100%);
}
.paginator a:visited {padding: 1px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none;}
.paginator .cpb {   
    background: #c81623;
    color: #FFF;
    border-color: #444;
    border-radius: 3px;
    box-shadow: 0 1px 0 rgba(255,255,255,1), 0 0 2px rgba(0, 0, 0, 0.3) inset;
    cursor: default;
}
.pagination a[disabled]{ color: #777;cursor: not-allowed;background-color: #fff;border-color: #ddd;}
.paginator a:hover {color:#c81623;text-decoration:none;}
.paginator a,.paginator a:visited,.paginator .cpb,.paginator a:hover{height:15px;min-width:15px;_width:15px;margin-right:5px;text-align:center;
 white-space:nowrap; font-size:14px;font-family:Arial,SimSun;padding:8px 12px;}

 

/****************************************按钮样式****************************************/
.zyui-btn {
	display: inline-block;
	padding: 0 18px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 36px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    color: #333;
    text-shadow: 0 1px 1px rgba(255,255,255,0.75);
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top,#fff,#e6e6e6);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));
    background-image: -webkit-linear-gradient(top,#fff,#e6e6e6);
    background-image: -o-linear-gradient(top,#fff,#e6e6e6);
    background-image: linear-gradient(to bottom,#fff,#e6e6e6);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0);
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    border: 1px solid #bbb;
    border-bottom-color: #a2a2a2;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);
}

.zyui-btn-default {
	display: inline-block;
	padding: 0 10px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 30px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    color: #333;
    text-shadow: 0 1px 1px rgba(255,255,255,0.75);
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top,#fff,#e6e6e6);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));
    background-image: -webkit-linear-gradient(top,#fff,#e6e6e6);
    background-image: -o-linear-gradient(top,#fff,#e6e6e6);
    background-image: linear-gradient(to bottom,#fff,#e6e6e6);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0);
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    border: 1px solid #bbb;
    border-bottom-color: #a2a2a2;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);
}

/****************************************控件样式  ****************************************/
.zyui-input{
	padding-left: 10px;    
	height: 30px;
    line-height: 30px;
    border: 1px solid #e6e6e6;
    background-color: #fff;
    border-radius: 2px;
}

.zyui-input-readonly{
	cursor: not-allowed;
    background-color: #f1f1f1;
}

.zyui-search {
    height:38px;
    line-height:38px;
    font-size:14px;
    font-weight:bold;
}

.zyui-input-select { 
    height: 38px;
    line-height: 38px;
    line-height: 36px\9;
    border: 1px solid #e6e6e6;
    background-color: #fff;
    border-radius: 2px;
    padding: 0 5px;
	min-width:160px;
}
.layui-form select.zyui-input-select {display:block; float:left; margin-right:10px;}

.zyui-input-view {
    background-color: #FFFFFF;
    border:0;
    cursor: default;
}

.zyui-input-view-add {
    background-color: #C9C9C9;
    cursor:text;
    height: 38px;
    line-height: 38px;
    line-height: 36px\9;
    border: 1px solid #e6e6e6;
    background-color: #fff;
    border-radius: 2px;
}


.zyui-form-item-view {
    padding: 0 10px;
    margin-bottom: 5px;
}

.zyui-form-label-view {
    float: left;
    display: block;
    padding: 5px 15px;
    width: 100px;
    font-weight: 400;
    text-align: right;
}
.zyui-input-block-view {
    margin-left: 110px;
    min-height: 30px;
    line-height: 30px;
}

.zyui-input-block-radio span div span{display:none;}
.zyui-input-block-radio span div{ margin:0; padding-right:0;}


/*CheckBox和RadioButtonList默认样式*/
input[type=checkbox], input[type=radio] {
    cursor: pointer;
    background-color: #ffffff;
    color: #C4C4C4;
    border: 0;
    height: 18px;
    width: 18px;
    margin: 2px;
    padding: 0px;
    vertical-align: middle;
    outline: 0;
    font-family: "Microsoft Yahei", "微软雅黑", Tahoma, Arial, Helvetica, STHeiti;
}

/****************************************补充 layui样式  ****************************************/

.layui-form-item .layui-form-label i{ color:#ff0000; font-weight:bold; padding:0 3px;}
.layui-form-item .layui-input-block { line-height:38px; word-wrap:break-word; word-break:break-word;}
.layui-form-item input[type=radio] { display:inline-block;}
.layui-form-item .left-icon {float: left;margin-left: 10px;padding: 8px 15px;background: #e6e6e6;border: 1px solid #e6e6e6;border-radius: 3px 0 0 3px;}
.layui-input-none {display:inline; width:auto;}
.layui-input-date {width:100px;}
.layui-input-num {width:80px;}
.layui-input-float {width:80px;}

.layui-table tr td input[type=radio]{display: inline-block;}
table tr td.CutTitle {
    text-align: left;
    max-width: 200px;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.layui-timeline-axis { color:#c81623}
/*
.layui-table { width:99%; margin:0 auto; margin-top:10px;}
.layui-table tr th {background-color: #f2f2f2; text-align:center;}
.layui-table tr:nth-child(odd){background:#F4F4F4;}
.layui-table tr:not(:first-child):hover{background:#73B1E0;color:#FFF;}
.layui-table tr td {text-align:center;}
*/



.layui-btn-small {line-height:30px;}
.layui-form-item {position:relative;}
.layui-form-radio {line-height: 28px;cursor: pointer;font-size: 0;margin:0;padding-right:0; display:none;}
.layui-form-radio span {display: none;}

.layui-btn-red {background-color:#c81623;}
.layui-btn-red2{ background-color:#e22;}
.layui-btn-black { background-color: #2F4056;}
.layui-btn-green{background-color: #5cb85c;}

.layui-btn-grey {
    border: 1px solid #cad2dc;
    color:#3d4753;
    background: -moz-linear-gradient(top, #ffffff 0%, #e6e9ed 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e6e9ed));
    background: -webkit-linear-gradient(top, #ffffff 0%,#e6e9ed 100%);
    background: -o-linear-gradient(top, #ffffff 0%,#e6e9ed 100%);
    background: -ms-linear-gradient(top, #ffffff 0%,#e6e9ed 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#e6e9ed 100%);
}

.layui-form-checked[lay-skin=primary] i {
    border-color: #c81623;
    background-color: #c81623;
    color: #fff;
}

.layui-form-checkbox[lay-skin=primary]:hover i {
    border-color: #c81623;
    color: #fff;
}


.layui-form-checkbox{height: 25px;line-height: 25px; margin-right: 10px;padding-right: 25px;}
.layui-form-checkbox i{ width:28px;}


.layui-elem-quote {border-left: 5px solid #edd28a;;background-color: #fcf8e2; color:#9d7437}
.layui-elem-quote h4{ font-weight:bold; margin-bottom:10px;}
.layui-elem-quote p{font-size:12px;}

.layui-table tr th{ font-weight:bold}



input.validate-error{border:1px solid #c81623;background-color: #faebeb;}
label.validate-error{color:#c81623; padding-left:15px; border:none;background-color:none}


.layui-table tr td a{ color:#2a6496}
.layui-table tr td a.layui-btn{ color:#ffffff;}
.layui-table tr td .line {width: 99%; height: 2px;border-bottom: 1px dotted #ccc;}



/**************************
***** HINT STYLING *******
**************************/

.hint{position:relative;display:inline-block;}

.hint:before, .hint:after{
	position:absolute;
	opacity:0;
	z-index:1000000;
	
	-webkit-transition:0.3s ease;
	-moz-transition:0.3s ease;
	pointer-events:none;
}		
.hint:hover:before, .hint:hover:after{opacity:1;}
.hint:before{
	content:'';
	position:absolute;
	background:transparent;
	border:6px solid transparent;
	position:absolute;
}	
.hint:after{
	content:attr(data-hint);
	background:rgba(0, 0, 0, 0.8);
	color:white;
	padding:8px 10px;
	font-size:12px;
	white-space:nowrap;
	box-shadow:4px 4px 8px rgba(0, 0, 0, 0.3);
}

/* top */
.hint-top:before{
	bottom:100%;
	left:50%;
	margin:0 0 -18px 0;
	border-top-color:rgba(0, 0, 0, 0.8);
}		
.hint-top:after{
	bottom:100%;
	left:50%;
	margin:0 0 -6px -10px;
}
.hint-top:hover:before{
	margin-bottom:-10px;
}
.hint-top:hover:after{
	margin-bottom:2px;
}

/* default:bottom */
.hint-bottom:before{
	top:100%;
	left:50%;
	margin:-14px 0 0 0;
	border-bottom-color:rgba(0, 0, 0, 0.8);
}	
.hint-bottom:after{
	top:100%;
	left:50%;
	margin:-2px 0 0 -10px;
}
.hint-bottom:hover:before{
	margin-top:-6px;
}
.hint-bottom:hover:after{
	margin-top:6px;
}


/**************************
***** HINT STYLING *******
**************************/

/**************************
***** HINT STYLING *******
**************************/

.hint{position:relative;display:inline-block;}

.hint:before, .hint:after{
	position:absolute;
	opacity:0;
	z-index:1000000;
	
	-webkit-transition:0.3s ease;
	-moz-transition:0.3s ease;
	pointer-events:none;
}		
.hint:hover:before, .hint:hover:after{opacity:1;}
.hint:before{
	content:'';
	position:absolute;
	background:transparent;
	border:6px solid transparent;
	position:absolute;
}	
.hint:after{
	content:attr(data-hint);
	background:rgba(0, 0, 0, 0.8);
	color:white;
	padding:8px 10px;
	font-size:12px;
	white-space:nowrap;
	box-shadow:4px 4px 8px rgba(0, 0, 0, 0.3);
}

/* top */
.hint-top:before{
	bottom:100%;
	left:50%;
	margin:0 0 -18px 0;
	border-top-color:rgba(0, 0, 0, 0.8);
}		
.hint-top:after{
	bottom:100%;
	left:50%;
	margin:0 0 -6px -10px;
}
.hint-top:hover:before{
	margin-bottom:-10px;
}
.hint-top:hover:after{
	margin-bottom:2px;
}

/* default:bottom */
.hint-bottom:before{
	top:100%;
	left:50%;
	margin:-14px 0 0 0;
	border-bottom-color:rgba(0, 0, 0, 0.8);
}	
.hint-bottom:after{
	top:100%;
	left:50%;
	margin:-2px 0 0 -10px;
}
.hint-bottom:hover:before{
	margin-top:-6px;
}
.hint-bottom:hover:after{
	margin-top:6px;
}

/* right */
.hint-right:before{
	left:100%;
	bottom:50%;
	margin:0 0 -4px -8px;
	border-right-color:rgba(0,0,0,0.8);
}		
.hint-right:after{
	left:100%;
	bottom:50%;
	margin:0 0 -13px 4px;
}
.hint-right:hover:before{
	margin:0 0 -4px -0;
}
.hint-right:hover:after{
	margin:0 0 -13px 12px;
}