@charset "utf-8";
/* ==================
   公共功能、组件、模块样式
   Name:public.css
   Version: v1.0
   Date: 2016.4
   @ UXDC 用户体验设计中心-前端制作小组
   ==================*/

/* reset */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,legend,input,lable,select,textarea,p,blockquote,th,td{margin:0;padding:0;}
body{position:relative;font-family:'Microsoft Yahei','Simsun',"\5FAE\8F6F\96C5\9ED1";color:#444; font-size:13px;}
h1,h2,h3,h4,h5,h6{font-weight:normal;} 
h1{font-size: 18px; color: #2494f2;}
table{width:100%;margin:0 auto;}
address,caption,cite,code,dfn,em,th,var,i{font-style:normal;font-weight:normal;}
small{font-size:12px;}
ol,ul,li{list-style:none;}
form{display:inline;}
code,kbd,pre,samp{font-family:courier new,courier,monospace;}
fieldset,img{border:0;}
img{vertical-align:middle;border:0;-ms-interpolation-mode:bicubic;}
textarea{resize:none;}
button,input,select,textarea{ vertical-align:middle;outline:none;font-family:'Microsoft Yahei','Simsun',"\5FAE\8F6F\96C5\9ED1"; font-size:12px; color:#666;}
a{ text-decoration:none; display:inline-block; color: #2494f2; /* text-align:center; vertical-align:middle; */}
header,footer,article,section,nav,menu,hgroup{display:block;clear:all;}

/*浮动*/
.clear{clear: both;}/* 清除浮动 */
.fl{float: left;}/* 左浮动 */
.fr{float: right;}/* 右浮动 */
.clearfix{zoom:1;}
.clearfix:after{ display:block; content:"."; clear:both; height:0; visibility:hidden;}

/*绝对或相对定位*/
.relative { position:relative;}
.absolute { position:absolute;}

/*隐藏或溢出*/
.hidden{overflow:hidden;}
.none{display:none;}/* 区块隐藏 */
.block {display:block;}/* 区块显示 */

/*文本*/
.tx-center{text-align: center;} /* 文本居中 */
.tx-right{text-align: right;} /* 文本居右 */
.tx-left{text-align: left;} /* 文本居左 */
.tx-middle{vertical-align: middle;}/* 垂直居中 */
.tx-underline{text-decoration: underline;}/* 下划线 */

/*文字颜色*/
.cor-orange{color:#fa6921;}
.cor-white{color:white;}
.cor-black{color:black;}
.cor-red{color:#ff4400;}
.cor-blue{color:#0096f5;}
.cor-grey{color:grey;}
.cor-green{color:green;}
.cor-yellowgreen{color:yellowgreen;}
.cor-888{color:#888;}

/*背景颜色*/
.bg-grey{background:#ececec;}
.bg-white{background:white;}
.bg-black{background:black;}
.bg-blue{background:#5da1d9;}

/*边框颜色 */
.bor-grey{border-color:grey;}
.bor-white{border-color:white;}
.bor-black{border-color:black;}
.bor-green{border-color:green;}

/*字号*/
.fs12{font-size: 12px;}
.fs14{font-size: 14px;}
.fs16{font-size: 16px;}
.fs18{font-size: 18px;}

/*字粗细*/
.fs-bold{font-weight: bold;}/* 加粗 */
.fs-normal{font-weight: normal;}/* 不加粗 */

/*层叠顺序*/
.zd1 { z-index:1;}
.zd2 { z-index:2;}
.zd97 { z-index:97;}
.zd98 { z-index:98;}
.zd99 { z-index:99;}
.zd999 { z-index:999;}

/*当前位置小导航*/
.breadcrumb {background:url("../images/icon_home.png") no-repeat 30px 10px #e9ecf2; color:#666666; height:40px;line-height:40px;padding:0 60px; font-size:12px; }
.breadcrumb a {color: #666666; padding:0 3px;vertical-align:baseline;}
.breadcrumb a:hover {color: #25aaff;text-decoration:underline;}
.breadcrumb span {}

/*大标题*/
.spreadhead{ padding-top:5px;height: 35px;line-height: 35px;margin: 5px 0;text-align: center;font-size: 18px; color: #333;}
/*小标题*/
.subhead{ padding-top:20px;height:25px;line-height: 25px;text-align: left;font-size: 14px; color: #25aaff;}
.subhead strong{font-weight: normal;}

/*分页*/
.page {width:100%; margin:10px auto;text-align:center;}
.page a {height:24px; line-height:24px; display:inline-block;padding: 0 10px; text-align:center; background:#fff; color:#3b3b3b; border:1px solid #ddd;  cursor:pointer; margin:0 3px;}
.page a:hover,.page a.a-on { background:#6fbdff;color: #fff;}
.page a.pre,.page a.next {}
.page span{}
.page span select{ color:#3b3b3b; border:1px solid #ddd; margin:0 3px; height: 26px;}

/*数据总计*/
.inallBox{height:30px;line-height:30px;padding:0 10px;background:#f8f8f8;color:#666;text-align: right;border:1px solid #eee; border-top: none;}

/* ----------- 步骤 ---------- */
.step { margin: 20px auto 10px; *margin: 20px auto 5px; text-align: center; }
.step ul { display: inline-block; width: 420px; margin: 0 auto; background: url("../images/line.gif") center 6px repeat-x; }
.step li { float: left; width: 200px; height: 40px; text-align: center;}
.step li.s1, .step li.s3 { width: 110px; }

.step span { display: block; margin-top: 5px; }
.step li.s1 span { margin-left: -30px; text-align: left;}
.step li.s3 span { margin-right: -30px; text-align: right;}

.step i { display: block; height: 12px; background: url("../images/dot.png") bottom center no-repeat; }
.step li.s1 i  { background: url("../images/dot.png") top left no-repeat; }
.step.step02 li.s3 i { background: url("../images/dot.png") bottom right no-repeat; }

.step.step02 .s2 i { background: url("../images/dot.png") top center no-repeat; }
.step.step03 .s2 i, .step.step03 .s3 i { background: url("../images/dot.png") top center no-repeat; }

/*按钮工具栏*/
.toolBar{width:100%;height:30px;margin:0;padding:10px 0;background:rgba(255,255,255,.9);}
.toolBar ul{}
.toolBar ul li{display:inline-block;margin:0 2px; *display: inline;}
.toolBar ul li  a{line-height:20px; padding:5px 30px;}
.line-top{border-top: 1px solid #ddd;}
/*查询条件区域*/
.filterBox{padding:0 0 10px 0;overflow:hidden;}
.filterBox-lf{width:90%;float:left;}
.filterBox-rg{margin-left:90%;}
.filterBox-lf table th{padding:5px;font-size: 12px;text-align: right;}
.filterBox-lf table td{padding:5px;font-size: 12px;}
.filterBox-lf table input{font-size: 12px;}
/*弹窗查询条件区域*/
.filterBox-lfW{width:85%;float:left;}
.filterBox-rgW{margin-left:85%;}
/*搜索按钮*/
.searchBtn{padding:5px;}
.searchBtn a{height:20px;display:block;padding:7px 20px;text-align:left;font-size:14px;background:url(../images/icon-search.png) no-repeat 15% center #6fbdff;color:#fff;border-radius:3px;}
.searchBtn a:hover{background:url(../images/icon-search.png) no-repeat 15% center #3a7dd0;}
.searchBtn a span{margin-left:30%;display:block;}

/* 表格-默认 */
.table-default {width:100%;text-align:left; border-collapse:collapse;}
.table-default th {background:#eef7fe;padding:10px 0;color:#333;font-size: 14px;text-align:left;}
.table-default th:first-child{ padding-left: 30px; }
.table-default td {padding:10px 0;color:#666;font-size: 12px;}
.table-default tr td:first-child{ padding-left: 30px; }
.table-default tr:nth-child(odd){background:#f8f8f8;}
.table-default tr:nth-child(even){background:#fff;}
.table-default tr:hover{background:#e9f4fe;}
.table-default tr.tr-bg{}

/* 表格-列表 */
.table-list {width:100%;text-align:left; border-collapse:collapse;}
.table-list td {padding:20px 0;color:#666;font-size: 12px;}
.table-list tr td:first-child{ padding-left: 30px; }
.table-list tr:nth-child(odd){background:#f8f8f8;}
.table-list tr:nth-child(even){background:#fff;}
.table-list tr:hover{background:#e0effd;}

.table-list h1 span { font-size: 12px; color: #333; }
.table-list h2 { font-size: 12px; color: #999; }

/* 表单表格填写A-默认 */
.table-from-default {width:100%;text-align:center; border-collapse:collapse;font-size: 14px;}
.table-from-default th{background:#f2f9fe;padding:10px 8px;color:#333;border-top:1px solid #eee;border-bottom:1px solid #eee; text-align: right;}
.table-from-default td{background:#fff;padding:10px 10px;color:#8c8c8c;border-top:1px solid #eee;border-bottom:1px solid #eee; text-align: left;}
.table-from-default tr:hover{background:#def2ff;}
.table-from-default td.no_border_left{border-left: none;}
.table-from-default td.no_border_right{border-right: none;}

/* 表单表格填写B */
.table-from-B {width:100%;text-align:center; border-collapse:collapse;border:1px solid #58beff;background:#f2f9fe;font-size:14px;}
.table-from-B th{background:#f2f9fe;padding:10px 5px;color:#333;text-align: right;}
.table-from-B td{background:#f2f9fe;padding:10px 10px;color:#8c8c8c; text-align: left;}
.table-from-B .tr-bg{border-bottom: 1px solid #fff;}

/* 表单表格填写C */
.fromBox-log {border:1px solid #58beff;background:#f2f9fe;font-size:14px; padding: 20px;}
.fromBox-log table{width:60%;margin:0 auto;text-align:center;border-collapse:collapse;}
.fromBox-log table th{padding:10px 5px;color:#333;text-align:right;}
.fromBox-log table td{padding:10px 10px;color:#8c8c8c;text-align:left;}
.fromBox-log .C-btn{width:10%;margin:0 auto;padding:10px 5px;}
.fromBox-log .C-btn a{width:100%;margin:0 auto;display:block;background:#87ce64;padding:10px 20px;text-align:center;border-radius:3px;font-size:12px;color:#fff;}
.fromBox-log .C-btn a:hover{background:#71b351;}

/*多选组*/
.checkboxList{}
.checkboxList ul{}
.checkboxList ul li{line-height:35px;display: inline-block;float: left;margin:0 5px;}
.checkboxList p{line-height:35px;}
.checkboxList span{margin:0 5px;}

/*单选组*/
.radioList{}
.radioList ul{}
.radioList ul li{line-height:35px;display: inline-block;float: left;margin:0 5px;}
.radioList ul li span{margin:0 5px;}

/*基本按钮（先引用此基本样式）*/
.btn-basic {padding:3px 10px;text-align:center;border-radius:3px;font-size:12px;line-height: 18px;background:#fff;color:#fff;}
.btn-basic:hover {background:#c4c4c4;color:#fff}
/*绿色背景按钮 （再添加以下按钮样式）*/
.btn-green {background:#87ce64;}
.btn-green:hover {background:#71b351;}
/*蓝色背景按钮 （再添加以下按钮样式）*/
.btn-blue {background:#36a3ff;}
.btn-blue:hover {background:#2494f2;}
/*黄色背景按钮 （再添加以下按钮样式）*/
.btn-yellow {background:#F19026;}
.btn-yellow:hover {background:#f18005;}
/*绿色边框绿色字按钮 （再添加以下按钮样式）*/
.btn-bor-green {border:1px solid #60c060;background:#fff;color:#60c060}
.btn-bor-green:hover {background:#60c060;color: #fff;}

.input-btn { height: 28px; line-height: 28px; }
.btn-do { padding: 7px 20px; }
.btn-large { padding: 10px 40px; font-size: 14px; }

/*基本a标签文字有下划线链接*/
.a-line-basic{text-decoration:underline;vertical-align:baseline;cursor: pointer;}
.a-line-basic:hover{}
/*绿色a标签文字*/
.a-line-green {color:#30b60b;vertical-align:baseline;}
.a-line-green:hover {color:#2dd101;}
/*红色a标签文字*/
.a-line-red {color:#ec3e3e;vertical-align:baseline;}
.a-line-red:hover {color:#f30505;}
/*蓝色a标签文字*/
.a-line-blue {color:#0d81fd; vertical-align:baseline;}
.a-line-blue:hover { color:#ff8400;}
/*黄色a标签文字*/
.a-line-yellow {color:#F19026;vertical-align:baseline; }
.a-line-yellow:hover { color:#ff8400;}

/*输入或选择框*/
.in-basic { height:32px; line-height:32px; border:1px solid #d4d8de; padding:0 5px; font-size:12px; color:#666;border-radius: 4px;}
.in-check { width:13px; height:13px; margin-bottom:3px; *margin-bottom:0;}
.se-basic { height:34px; line-height:34px; border:1px solid #d4d8de; padding-left:5px; color:#666;font-size:12px; background-color: #fff;
padding: 5px 0\9; *margin-top: 6px; }
.txt-area { width: 100%; padding:5px; line-height:18px; color:#999; height:82px; border:1px solid #ddd;font-size:14px;}
.btn28{height: 28px; line-height: 28px;}

.btnBox {text-align:center;padding:20px;}

/*上传文件组*/
.fileList{padding:10px 0 0 0;}
.fileList .files-txt{}
.fileList a{line-height:24px;color:#30b60b;float: left; margin-right: 10px; font-size: 12px;}
.fileList a:hover {color:#2dd101; text-decoration: underline;}
.fileList em{width: 24px; height: 24px; display:inline-block;background:url(../images/win_close.png) no-repeat center;background-size: 80%; cursor: pointer; }
#mysteve {}
#add{display:none;}

/*表单lable*/
.label-name{font-size: 14px; text-align: right;}

/*宽度*/
.w-50 { width:50%;}
.w-65 { width:65%;}
.w-75 { width:75%;}
.w-85 { width:85%;}
.w-90 { width:90%;}
.w-96 { width:96%;}
.w-98 { width:98%;}
.w-99 { width:99%;}
.w-100 { width:100%;}
.w50 { width:50px;}
.w75 { width:75px;}
.w95 { width:95px;}
.w100 { width:100px;}
.w110 { width:110px;}
.w120 { width:120px;}
.w125 { width:125px;}
.w135 { width:135px;}
.w155 { width:155px;}
.w170 { width:170px;}
.w190 { width:190px;}
.w200 { width:200px;}
.w205 { width:205px;}
.w212 { width:212px;}
.w250 { width:250px;}
.w300 { width:300px;}
.w310 { width:310px;}
.w322 { width:322px;}
.w350 { width:350px;}
.w400 { width:400px;}
.w480 { width:480px;}
.w500 { width:500px;}
.w710 { width:710px;}
.w720 { width:720px;}
.w760 { width:760px;}
.w860 { width:860px;}

/*高度*/
.height50{ heitht:50px;}
.height100{ heitht:100px;}

/*外边距*/
.m-auto {margin:0 auto;}
.mt6 { margin-top:6px;}
.mt10 { margin-top:10px;}
.mt15 { margin-top:15px;}
.mt20 { margin-top:20px;}
.mb10 { margin-bottom:10px;}
.mb20 { margin-bottom:20px;}
.mb50 { margin-bottom:50px;}
.ml0 { margin-left:0;}
.ml8 { margin-left:8px;}
.ml11 { margin-left:11px;}
.ml15 { margin-left:15px;}
.ml20 { margin-left:20px;}
.ml30 { margin-left:30px;}
.ml35 { margin-left:35px;}
.ml60 { margin-left:60px;}
.ml90 { margin-left:90px;}
.ml185 { margin-left:185px;}
.mr5 { margin-right:5px;}
.mr10 { margin-right:10px;}
.mr15 { margin-right:15px;}

/*内间距*/
.p10 { padding:10px;}
.p20 { padding:20px;}
.p25 { padding:25px;}
.ptb10 { padding:10px 0;}
.ptb15 { padding:15px 0;}
.ptb20 { padding:20px 0;}
.pt10 { padding-top:10px;}
.pt20 { padding-top:20px;}
.pt25 { padding-top:25px;}
.pb5 { padding-bottom:5px;}
.pb10 { padding-bottom:10px;}
.pb15 { padding-bottom:15px;}
.pb20 { padding-bottom:20px;}
.pb50 { padding-bottom:50px;}
.pb100 { padding-bottom:100px;}
.plr20 { padding:0 20px;}

/*弹窗*/
.win-block { width:350px; background:#fff; border:1px solid #ddd; border-radius:5px; overflow:hidden;}
.win { width:350px; display:none; background:#fff; border-radius:5px; overflow:hidden;}
.txt-change { line-height:44px; height:44px; padding-left:25px; color:#fff; background:#1bb8fa; font-size:18px; position:relative; text-align:center;}
.close { position:absolute; right:14px; top:4px; line-height:30px; color:#68ac3d; font-size:26px; font-weight:bold;}
.close:hover { color:#3d9207;}
.box { padding:10px;}

.win-layer { display: none; padding: 5px 15px 0 25px; border-radius: 2px; }
.win-layer h2 { position: relative; height: 40px; line-height: 40px; border-bottom: 2px solid #2e96ef; color: #2e96ef; font-size: 16px; }
.win-layer h2 a.cancle { position: absolute; right: 0; top: 8px; }
.win-layer .note { margin: 10px 0 0; }
.win-tab { margin: 15px 0; }
.win-tab h3 { margin-bottom: 6px; line-height: 30px; }

/*浏览上传文件*/
.uploader{position:relative; display:inline-block; overflow:hidden; cursor:default; padding:0; margin:10px 0px; /*-moz-box-shadow:0px 0px 5px #ddd; -webkit-box-shadow:0px 0px 5px #ddd; box-shadow:0px 0px 5px #ddd;*/ -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.filename{float:left; display:inline-block; outline:0 none; height:32px; width:180px; margin:0; padding:8px 10px; overflow:hidden; cursor:default; border:1px solid #ccc; border-right:0; font:9pt/100% Arial, Helvetica, sans-serif; color:#777; /*text-shadow:1px 1px 0px #fff;*/ text-overflow:ellipsis; white-space:nowrap; -moz-border-radius:5px 0px 0px 5px; -webkit-border-radius:5px 0px 0px 5px; border-radius:5px 0px 0px 5px; background:#f5f5f5; background:-moz-linear-gradient(top, #fafafa 0%, #eee 100%);
   background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #fafafa), color-stop(100%, #f5f5f5)); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#f5f5f5', GradientType=0);
  -moz-box-shadow:0px 0px 1px #fff inset; -webkit-box-shadow:0px 0px 1px #fff inset; box-shadow:0px 0px 1px #fff inset; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
.button{float:left; height:32px; display:inline-block; outline:0 none; padding:10px 12px; margin:0; cursor:pointer; border:1px solid; font:bold 9pt/100% Arial, Helvetica, sans-serif; -moz-border-radius:0px 5px 5px 0px;/* -webkit-border-radius:0px 5px 5px 0px; border-radius:0px 5px 5px 0px; -moz-box-shadow:0px 0px 1px #fff inset; -webkit-box-shadow:0px 0px 1px #fff inset; box-shadow:0px 0px 1px #fff inset;*/}
.uploader input[type=file]{position:absolute; top:0; right:0; bottom:0; border:0; padding:0; margin:0; height:30px; cursor:pointer; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity:0;}
input[type=button]::-moz-focus-inner{padding:0;
   border:0 none;
   -moz-box-sizing:content-box;}
input[type=button]::-webkit-focus-inner{padding:0;
   border:0 none;
   -webkit-box-sizing:content-box;}
input[type=text]::-moz-focus-inner{padding:0;
   border:0 none;
   -moz-box-sizing:content-box;}
input[type=text]::-webkit-focus-inner{padding:0;
   border:0 none;
   -webkit-box-sizing:content-box;}
/* White Color Scheme */
.up-white .button{color:#555;text-shadow:1px 1px 0px #fff;background:#ddd;background:-moz-linear-gradient(top, #eeeeee 0%, #dddddd 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #dddddd)); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#dddddd', GradientType=0);  border-color:#ccc; }
.up-white:hover .button{background:#eee; background:-moz-linear-gradient(top, #dddddd 0%, #eeeeee 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #dddddd), color-stop(100%, #eeeeee)); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dddddd', endColorstr='#eeeeee', GradientType=0);  }

/* Green Color Scheme */
.up-green .button { color:#fff; background:#87ce64;border-color:#87ce64; }
.up-green:hover .button { background:#71b84e;  }

/* 提示 */
.note { margin-bottom: 15px; padding: 10px 20px; background: #ffeec3; border: 1px #ffe298 solid; color: #666; }