/* CSS Document */
* { border: none; padding: 0; margin: 0; }
td{ padding:0; margin:0;}
html { width: 100%; font-size:16px;}
body { width: 100%; font-family: "Microsoft Yahei",华文黑体,Arail,Verdana,Helvetica,sans-serif; font-size:1rem; line-height: 24px; position:relative; color:#333;scrollbar-arrow-color:#ccc;scrollbar-shadow-color:#ccc;scrollbar-face-color:#fff;}
.moreother {
display:none;
}
.hand{ cursor:pointer;}
input[type=number] {  
    -moz-appearance:textfield;  
}  
input[type=number]::-webkit-inner-spin-button,  
input[type=number]::-webkit-outer-spin-button {  
    -webkit-appearance: none;  
    margin: 0;  
} 
.italic{ font-style:italic;} 
img{ vertical-align:middle;}
.clear { clear: both; }
.cf:after { content: " "; display:block; height:0; clear: both; visibility: hidden; line-height:1px; }
* html .cf { height: 1%; }
.cf { zoom:1;}
a { text-decoration: none; cursor: pointer; color:#333; } 
a:focus { outline:none; }
.dpb{ display:block;}
li { list-style: none outside none; }
input { font-family: "Microsoft Yahei",华文黑体,Arail,Verdana,Helvetica,sans-serif; font-size:1rem; outline:none;}
input:focus{ border:1px solid #59abfd;}
input[type="file"] { width: 400px; height: 22px; border: 1px #dadada solid; line-height: 22px; *position:relative; *top :-5px; padding: 2px 5px; color: #686666; cursor: pointer; }	
input[type="radio"] { margin-top: -3px; }
input[type="checkbox"], input[type="radio"] {vertical-align: middle;margin-right: 3px;}
input[type="button"]{ cursor:pointer;} 
input{ border:1px solid #ccc; line-height:25px; height:25px; color:#707070; padding:0 10px; background:none; display:inline-block; border-radius:5px; }
textarea{ border:1px solid #ccc; padding:10px; resize:none; outline:none; vertical-align:middle; color:#707070; font-size:1em; font-family: "Microsoft Yahei",华文黑体,Arail,Verdana,Helvetica,sans-serif;}
::-webkit-input-placeholder{color: inherit; font-style:italic;}
::-moz-placeholder{color: inherit; font-style:italic;}
:-moz-placeholder{color: inherit; font-style:italic;}
select::-ms-expand { display: none; }
select { height: 24px; line-height: 24px; padding: 0 25px 0 10px; border: 1px #dadada solid; font-size: 0.857rem; color: #707070;appearance:none;-moz-appearance:none; -webkit-appearance:none;background:url(../images/common/sico2.png) right no-repeat #fff; outline:none;}
select option{ border:none; outline:none;}
input.in-long{ width:270px;}
input.in-short{ width:100px;}
input.in-shorter{ width:60px;}
input.in-nom{ width:150px;}
input.in-longer{ width:400px;}
input.in-unline{ border:none !important; border-bottom:1px solid #ccc !important; background:none !important; outline:none !important; border-radius:0;}
span.olr{ border:1px solid #f5f5f5; line-height:25px; height:25px; padding:0 10px; color:#707070; display:inline-block; border-radius:5px; }
em { font-style: normal; }
.fl { float: left; }
.fr { float: right; }
.ta-c { text-align: center; }
.ta-l { text-align:left; }
.ta-r { text-align:right; }
.f-cut { overflow: hidden; white-space: nowrap; TEXT-OVERFLOW: ellipsis; -o-text-overflow: ellipsis; }
.s-cut{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.t-cut{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.fo-cut{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.fi-cut{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;}
/*常用字体颜色*/
.fc-dgray{ color:#434343 !important;}
.fc-gray{ color:#707070 !important;}
.fc-lgray{ color:#c8c8c8 !important;}
.fc-glgray{ color:#a0a0a0 !important;}
.fc-blue{ color:#59abfd !important;}
.fc-red{ color:#ff3343 !important;}
.fc-green{ color:#2abe77 !important;}
.fc-ora{ color:#f39800 !important;}
.fc-bor{ color:#dfe4e8 !important;}
.fz-biger{ font-size:2.14rem !important;}
.fz-big{ font-size:1.28rem !important;}
.fz-nom{ font-size:1.14rem !important;}
.fz-small{ font-size:1rem !important;}
.fz-smaller{ font-size:0.857rem !important；}

/*常用字体大小*/
.bgc-w{ background:#fff;}
.bgc-b{background:#59abfd;}
.bgc-r{background:#ff3343;}
.bgc-lgray{ background:#f5f5f5;}
.bgc-gray{ background:#eeeeee;}
.bgc-dgray{ background:#c9c9c9;}
.bgc-gr{background:#2abe77 ;}
.bgc-or{ background:#f39800;}
/*常用按钮样式*/
a.u-btn-blue,a.u-btn-red,a.u-btn-gra,a.u-btn-lin,a.u-btn-whi-gra,a.u-btn-ora,a.u-btn-whi-blue,a.u-btn-green{ padding: 0 20px; font-size: 1rem; display:inline-block; line-height:42px; border-radius:5px; text-align:center; vertical-align:middle;}
a.u-btn-whi-gra{ border:1px solid #ccc; background:#f5f5f5; line-height:25px;}
a.u-btn-whi-blue{ border:1px solid #59abfd; color:#59abfd; line-height:25px; }
a.u-btn-ora{ background-color:#e6de3a; color:#666;}
a.u-btn-green{ background-color:#619298; color:#fff;}
a.u-btn-blue{ background-color: #59abfd; color: #fff; }
a.u-btn-red{ background-color: #ff3343; color: #fff;}
a.u-btn-gra{ background-color: #c9c9c9; color: #fff;}
a.u-btn-ora:hover{ background-color:#f7bd66;}
a.u-btn-blue:hover{ background-color: #6eb7ff; color: #fff; }
a.u-btn-red:hover{ background-color: #ff4d5b; color: #fff;}
a.u-btn-gra:hover{ background-color: #d2d2d2; color: #fff;}
a.u-btn-green:hover{ background-color:#67928e; color:#fff;}
a.u-btn-blue:active{ background-color: #85c2ff; color: #fff; }
a.u-btn-red:active{ background-color: #ff626e; color: #fff;}
a.u-btn-gra:active{ background-color: #dadada; color: #fff;}
a.u-btn-lin{ background-color: #434343; color: #fff; }
a.u-btn-lin:hover{ background-color: #59abfd; color: #fff; }
a.u-btn-lin:active{ background-color: #85c2ff; color: #fff; }
a.u-btn-whi-gra:hover{ background:#eee;}
a.u-btn-whi-blue:hover{ background:#e8f4ff;}
a.u-btn-blue,a.u-btn-red,a.u-btn-gra,a.u-btn-lin,a.u-btn-ora,a.u-btn-green{position:relative;overflow:hidden}
a.u-btn-blue:after,a.u-btn-red:after,a.u-btn-gra:after,a.u-btn-lin:after,a.u-btn-ora:after,a.u-btn-green:after{content:"";background:rgba(255,255,255,0.3);display:block;position:absolute;border-radius:50%;padding-top:240%;padding-left:240%;margin-top:-120%;margin-left:-120%;opacity:0;transition:all 1s}
a.u-btn-blue:active:after,a.u-btn-red:active:after,a.u-btn-gra:active:after,a.u-btn-lin:active:after,a.u-btn-ora:active:after,a.u-btn-whi-gra:active:after,a.u-btn-green:active:after{padding-top:0;padding-left:0;margin-top:0;margin-left:0;opacity:1;transition:0s}

span.u-btn-blue,span.u-btn-red,span.u-btn-gra,span.u-btn-lin,span.u-btn-whi-gra,span.u-btn-ora,span.u-btn-whi-blue,span.u-btn-green{ padding: 0 10px; font-size: 1rem; display:inline-block; line-height:27px; border-radius:5px; text-align:center;}
span.u-btn-whi-gra{ border:1px solid #ccc; background:#f5f5f5; line-height:25px;}
span.u-btn-whi-blue{ border:1px solid #59abfd; color:#59abfd; line-height:25px; }
span.u-btn-ora{ background-color:#f8b551; color:#fff;}
span.u-btn-green{ background-color:#2abe77; color:#fff;}
span.u-btn-blue{ background-color: #59abfd; color: #fff; }
span.u-btn-red{ background-color: #ff3343; color: #fff;}
span.u-btn-gra{ background-color: #c9c9c9; color: #fff;}
span.u-btn-ora:hover{ background-color:#f7bd66;}
span.u-btn-blue:hover{ background-color: #6eb7ff; color: #fff; }
span.u-btn-red:hover{ background-color: #ff4d5b; color: #fff;}
span.u-btn-gra:hover{ background-color: #d2d2d2; color: #fff;}
span.u-btn-green:hover{ background-color:#39cc85; color:#fff;}
span.u-btn-blue:active{ background-color: #85c2ff; color: #fff; }
span.u-btn-red:active{ background-color: #ff626e; color: #fff;}
span.u-btn-gra:active{ background-color: #dadada; color: #fff;}
span.u-btn-lin{ background-color: #434343; color: #fff; }
span.u-btn-lin:hover{ background-color: #59abfd; color: #fff; }
span.u-btn-lin:active{ background-color: #85c2ff; color: #fff; }
span.u-btn-whi-gra:hover{ background:#eee;}
span.u-btn-whi-blue:hover{ background:#e8f4ff;}
span.u-btn-blue,span.u-btn-red,span.u-btn-gra,span.u-btn-lin,span.u-btn-ora,span.u-btn-green{position:relative;overflow:hidden}
span.u-btn-blue:after,span.u-btn-red:after,span.u-btn-gra:after,span.u-btn-lin:after,span.u-btn-ora:after,span.u-btn-green:after{content:"";background:rgba(255,255,255,0.3);display:block;position:absolute;border-radius:50%;padding-top:240%;padding-left:240%;margin-top:-120%;margin-left:-120%;opacity:0;transition:all 1s}
span.u-btn-blue:active:after,span.u-btn-red:active:after,span.u-btn-gra:active:after,span.u-btn-lin:active:after,span.u-btn-ora:active:after,span.u-btn-whi-gra:active:after,span.u-btn-green:active:after{padding-top:0;padding-left:0;margin-top:0;margin-left:0;opacity:1;transition:0s}

/*下拉框*/
.m-pul-select{ border:1px solid #ccc; border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px; display:inline-block; position:relative;}
.m-pul-select.act{border-bottom-right-radius:0;border-bottom-left-radius:0;}
.m-pul-select.act ul{ display:block;}
.m-pul-select .sel-text{ border:none; padding-right:20px; background:#f5f5f5 url(../images/icon/sel-b.png) 97% center no-repeat; margin-right:0; display:block; padding-left:0; text-indent:10px;}
.m-pul-select ul{ padding:5px 0; background:#fff; max-height:180px; overflow-y:auto; display:none; position:absolute; width:100%; border-right:1px solid #ccc; border-left:1px solid #ccc; border-bottom:1px solid #ccc; left:-1px;border-bottom-right-radius:5px;border-bottom-left-radius:5px; z-index:100;}
.m-pul-select ul li{ padding:0 10px; line-height:24px;}
.m-pul-select ul li a{ display:block; color:#707070; }
.m-pul-select ul li:hover{ background:#f5f5f5;}
.m-pul-cbox{ margin-right:20px; padding-top:6px; line-height:20px;}
.cbox{ width:13px; height:13px; border:1px solid #ccc; display:block;}
.cbox input{ margin:0; display:block; width:100%; height:100%; opacity:0;}
.cbox.act{ background:url(../images/icon/cbox.png); width:15px; height:15px; background-size:100%; 100%; border:none;}

.nocbox{ width:13px; height:13px; border:1px solid #ccc; display: inline-block; vertical-align:middle;}
.nocbox input{ margin:0; display:block; width:100%; height:100%; opacity:0;}
.nocbox.act{ background:url(../images/icon/cbox.png); width:15px; height:15px; background-size:100%; 100%; border:none;}
.m-pul-cbox label{ line-height:15px; padding-left:10px;}
.rbox{ width:16px; height:16px; background:url(../images/icon/rboxw.png) no-repeat center; background-size:100% 100%; display:block; border-radius:50%;}
.rbox input{ margin:0; display:block; width:100%; height:100%; opacity:0;}
.rbox.act{ background:url(../images/icon/rbox.png); width:16px; height:16px; background-size:100%; 100%; border:none;}
.ncbox{width:13px; height:13px; border:1px solid #ccc; display:block; background:#f5f5f5;}
.nrbox{width:13px; height:13px; border:1px solid #ccc; display:block; background:#f5f5f5; border-radius:50%;}
td .cbox{ display:inline-block; vertical-align:middle;}
td .rbox{ display:inline-block; vertical-align:middle;}
.norbox{ width:14px; height:14px; border:1px solid #ccc; display:block; border-radius:50%; display: inline-block; vertical-align:middle}
.norbox input{ margin:0; display:block; width:100%; height:100%; opacity:0;}
.norbox.act{ background:url(../images/icon/rbox.png); width:16px; height:16px; background-size:100%; 100%; border:none;}
/*表格*/
table.pubtab{
	border-left: 1px solid #dedede;
	border-top:1px solid #dedede;
}
table.pubtab td{
	border-right:1px solid #d6d6d6;
	border-bottom:1px solid #d6d6d6;
	padding: 15px 20px;
	font-size:14px;
	box-sizing:border-box;
}
table.pubtab td.typ{
	background: #efefef;
}



