*{touch-action: pan-y;}
/* 宽 */
.w-50 { width: 50px; }                        /* 像素宽 */
.w-70 { width: 70px; }                        /* 像素宽 */
.w-80 { width: 80px; }                        /* 像素宽 */
.w-90 { width: 90px!important; }                        /* 像素宽 */
.w-100 { width: 100px!important; }                      /* 像素宽 */
.w-120 { width: 120px!important; }                      /* 像素宽 */
.w-150 { width: 150px; }                      /* 像素宽 */
.w-180 { width: 180px; }                      /* 像素宽 */
.w-200 { width: 200px; }                      /* 像素宽 */
.w-250 { width: 250px; }                      /* 像素宽 */
.w-300 { width: 300px; }                      /* 像素宽 */
.w-420{ width: 420px;}                        /* 百分比宽 */
.w-800 { width: 800px; }                      /* 像素宽 */
.w-1200 { width: 1200px; }                      /* 像素宽 */
.w-1000 { width: 1000px; }                      /* 像素宽 */
.w-1400 { width: 1400px; }
.wp-20{ width: 20%;}  /* 像素宽 */
.wp-30{ width: 30%;}                          /* 百分比宽 */
.wp-45{ width: 45%;}                          /* 百分比宽 */
.wp-48{ width: 48%;}                          /* 百分比宽 */
.wp-50{ width:50%;}                           /* 百分比宽 */
.wp-70{ width:70%!important;}
.wp-75{ width:75%!important;}
.wp-80{ width:80%!important;} /* 百分比宽 */
.wp-90{ width: 90%!important;}                        /* 百分比宽 */
.wp-95{ width: 95%!important;}                        /* 百分比宽 */
.wp-96{ width: 96%!important;}                        /* 百分比宽 */
.wp-98{ width: 98%!important;}                        /* 百分比宽 */
.wp-100{ width: 100%!important;}                        /* 百分比宽 */

/* 字体 */
.font{ font-size: 14px!important; }
.font-sm{ font-size: 12px!important; }
.font-sm1{ font-size: 13px!important; }
.font15{ font-size: 15px!important; }
.font-md{ font-size: 16px!important; }
.font-lg{ font-size: 18px!important; }
.font-big{ font-size: 20px!important; }
.font21{ font-size: 21px!important; }
.font24{ font-size: 24px!important; }
.font26{ font-size: 26px!important; }
.font-big1{ font-size: 22px!important; }
.font-weight{ font-weight: bold!important; }             /* 加粗 */
.font-normal{ font-weight: normal!important; }           /* 不加粗 */

/* 字体颜色 */
.text-white{ color: #ffffff!important; }                 /* 白色 */
.text-black{ color: #000000; }                 /* 黑色 */
.text-black1{ color: #333; }                 /* 黑色 */
.text-green{ color: #39e1a8; }                 /* 绿色 */
.text-blue{ color: #007ae1; }                  /* 蓝色 */
.text-yellow{ color: #fdd300; }                /* 黄色 */
.text-red{ color: #cb231e; }                   /* 红色 */
.text-purple{ color: #903874; }                /* 紫色 */
.text-gold{ color: #ddda94; }                  /* 金色 */
.text-orange{ color: #ffa633; }                /* 橙色 */
.text-deep-orange{ color: #ff674e; }           /* 深橙色 */
.text-light-green{ color: #29c997; }           /* 亮绿色 */
.text-light-blue{ color: #0c7dff; }           /* 亮蓝色 */
.text-cons-gray{ color: #494949; }                  /* 文章详情 */
.text-gray{ color: #555555; }                  /* 灰色-比如二级侧导航 */
.text-gray-light{ color: #c9cfda; }            /* 亮灰色-比如顶部导航未选中时 */
.text-tagTitle{ color: #2859bd; }              /* 右侧tag标签的title颜色 */
.text-you{color:#21f786;}
.text-liang{color:#ffd803;}
.text-he{color:#ff9018;}
.text-nohe{color:#ff6a40;}
.text-duih{color:#12d235}
.text-cuoh{color:#ff0101}
.text-yysy{color:#3e9af8}
.text-hcst{color: #07385e}
.text-dxs{color:#1d75b4}
.text-hjzl{color: #0c6bc4;}
.text-news-info{color: #0e82d3;}
.text-news-tip{color: #585858;}
.text-news-title{color: #010101;}
.text-jgdj-title{color: #2f332a;}
.text-yanzhong{color: #36CBCB;}
.text-form-gray{color:#70767f;}

/* 文字位置 */
.text-left { text-align: left!important; }               /* 居左 */
.text-center { text-align: center!important; }           /* 居中 */
.text-right { text-align: right!important; }             /* 居右 */

/* 背景颜色 */
.bg-body{ background-color:#d8f4fe; }          /* body背景色 */
.bg-blue{ background-color:#007ae1; }          /* 系统蓝 */
.bg-light-blue{ background-color:#0eaafc; }    /* 系统浅蓝 */
.bg-con-light-blue{ background: #f3fbfe; }    /* 系统浅蓝 */
.bg-red{ background-color:#fb5959; }          /* 系统红 */
.bg-white{ background-color: #ffffff!important; }        /* 白色 */
.bg-green{ background-color: #6eb720; }        /* 绿色 */
.bg-gray{ background-color: #f7f9fa; }         /* 灰色 */
.bg-yellow{ background-color: #fec402; }       /* 黄色 */
.bg-pink{ background-color: #fdfde3; }         /* 浅粉色 */
.bg-light-green{ background-color: #29cb99; }  /* 亮绿色 */
.bg-light-red{ background-color: #fe7c58; }    /* 浅红色 */
.bg-deep-gray{ background-color: #d1d8e8; }    /* 深灰色 */
.bg-liang{background-color: #ffd739;}          /*良*/
.bg-qd{background-color: #ff9540;}             /*轻度*/
.bg-zd{background-color: #4dcbff;}             /*中度*/
.bg-tag{ background-color: #f1f5f9; }          /* 右侧tag标签的背景 */
.bg-sideNav{ background-color: #f1f5f8; }      /* 侧边导航背景 */
.bg-sideNav2{ background-color: #e1e5e9; }     /* 二级导航背景 */
.bg-select{ background-color: #eef3f9; }       /* 下拉框背景色 */
.bg-leadOut{ background-color: #28b1bd; }      /* 导出按钮背景 */
.bg-zlmb{background-color:#e9edf5}
.bg-btn{background-color:#2767b1}
.bg-btn2{background-color: #45A1F7}
/*首页生活垃圾开始背景色依次..*/
.bg-color1{background-color:#7ecef4}
.bg-color2{background-color:#43c1e4}
.bg-color3{background-color:#98a2d4}
.bg-color4{background-color:#67bdef}
.bg-color5{background-color:#72a4ef}
.bg-color6{background-color:#7ae0dc}
.bg-color7{background-color:#43c1e4}
.bg-aqiNav{background-color:#E1F1FF}
/*首页政务公开右侧*/
.bg-index-color1{background-color:#43c1e4}
.bg-index-color2{background-color:#72a4ef}
.bg-index-color3{background-color:#7ecef4}
.bg-index-color4{background-color:#98a2d4}
.bg-index-color5{background-color:#43c1e4}
/*无背景*/
.bg-none{background: none!important;}
/*table*/
.bg-tr{background-color:#eff4ff}

/* 圆角 */
.rounded3{ border-radius: 3px; }                /* 公用圆角 */
.rounded{ border-radius: 5px; }                /* 公用圆角 */
.rounded-lt-rt{ border-top-left-radius: 5px; border-top-right-radius: 5px;}                /* 公用圆角 */
.rounded-circle{ border-radius:50%; }          /* 圆形 */
.rounded-0{ border-radius:0; }                 /* 无圆角 */

/* 浮动 */
.f-left { float: left; }                       /* 左浮动 */
.f-right { float: right!important; }                     /* 右浮动 */

/* 透明度 */
.b-rgba2{ background-color:rgba(0,0,0,0.2); }    /* 黑色透明度 */
.b-rgba3{ background-color:rgba(0,0,0,0.3); }    /* 黑色透明度 */
.b-rgba5{ background-color:rgba(0,0,0,0.5); }    /* 黑色透明度 */
.b-rgba7{ background-color:rgba(0,0,0,0.7); }    /* 黑色透明度 */
.w-rgba2{ background-color:rgba(0,0,0,0.2); }    /* 白色透明度 */
.w-rgba3{ background-color:rgba(0,0,0,0.3); }    /* 白色透明度 */
.w-rgba5{ background-color:rgba(0,0,0,0.5); }    /* 白色透明度 */
.w-rgba7{ background-color:rgba(0,0,0,0.7); }    /* 白色透明度 */

/*!* 背景图标 *!*/
/*.title-bg { background: url("../img/leftBar.png") no-repeat left center; }                     !* 标题左侧蓝色竖条 *!*/
/*.select-bg { background: url("../img/selectDown.png") no-repeat right center; }                !* 下拉框下拉图标 *!*/
/*.input-calendar-bg { background: url("../img/calendar_icon.png") no-repeat right center; }     !* 日历下拉图标 *!*/

/* display */
.none { display: none; }
.block { display: block!important; }
.inline { display: inline; }
.inline-block { display: inline-block; }

/* position */
.fixed { position: fixed; }
.relative { position: relative; }
.absolute { position: absolute; }

.top0 { top:0; }
.top4 { top:4px; }
.top5 { top:5px; }
.top7 { top:7px; }
.top10 { top:10px; }
.top15 { top:15px; }
.top20 { top:20px; }
.top30 { top:30px; }
.top40 { top:40px; }
.top-25 { top:-25px; }

.left0 { left:0; }
.left5 { left:5px; }
.left10 { left:10px; }
.left15 { left:15px; }
.left20 { left:20px; }
.left30 { left:30px; }

.right0 { right:0; }
.right5 { right:5px; }
.right10 { right:10px; }
.right15 { right:15px; }
.right20 { right:20px; }
.right30 { right:30px; }

.bottom0 { bottom:0; }
.bottom10 { bottom:10px; }
.bottom15 { bottom:15px; }
.bottom20 { bottom:20px; }
.bottom30 { bottom:30px; }

/* shadow */
.shadow { box-shadow: 0px 0px 4px 4px #d4e6ef;}
.shadow-down { box-shadow: 0 7px 10px #ebeaec; }

/* Border */
.border{  border-width: 1px; border-style: solid; border-color: #c9cfda;}
.border-gray{  border-width: 1px; border-style: solid; border-color: #ddd;}
.border-gray-blue{ border:1px solid #5eb1e4;}
.border-top{ border-top-width: 1px; border-top-style: solid; border-top-color: #45a1f7; }
.border-right{ border-right-width: 1px; border-right-style: solid; border-right-color: #45a1f7;}
.border-bottom{ border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color:#45a1f7;}
.border-left{ border-left-width: 1px;border-left-style: solid;border-left-color:#45a1f7;}
.border-0{ border-width: 0!important; }
.border-top-0{ border-top-width: 0!important; }
.border-right-0{ border-right-width: 0!important; }
.border-bottom-0{ border-bottom-width: 0!important; }
.border-left-0{ border-left-width: 0!important; }
.border-blue{ border-color: #3e6ecc }                  /* 蓝色边框 */
.border-lightBlue{ border-color: #b8e0f5 }             /* 亮蓝色边框 */
.border-golden{ border-color: #ddda94 }                /* 金色边框 */
.border-con{border: 1px solid #e0e7eb}

.m-auto{margin: 0 auto}
.m10-auto{margin: 10px auto!important;}
/* margin 0-30 */
.m-0 { margin-left: 0;margin-right: 0;margin-top: 0;margin-bottom: 0;}
.m { margin-left: 5px;margin-right: 5px;margin-top: 5px;margin-bottom: 5px;}
.m-8 { margin-left: 8px;margin-right: 8px;margin-top: 8px;margin-bottom: 8px;}
.m-10 { margin-left: 10px;margin-right: 10px;margin-top: 10px;margin-bottom: 10px;}
.m-15 { margin-left: 15px;margin-right: 15px;margin-top: 15px;margin-bottom: 15px;}
.m-20 { margin-left: 20px;margin-right: 20px;margin-top: 20px;margin-bottom: 20px;}
.m-25 { margin-left: 25px;margin-right: 25px;margin-top: 25px;margin-bottom: 25px;}
.m-30 { margin-left: 30px;margin-right: 30px;margin-top: 30px;margin-bottom: 30px;}

.mx-0 { margin-left: 0;margin-right: 0;}
.mx { margin-left: 5px;margin-right: 5px;}
.mx-10 { margin-left: 10px;margin-right: 10px;}
.mx-15 { margin-left: 15px;margin-right: 15px;}
.mx-20 { margin-left: 20px;margin-right: 20px;}
.mx-25 { margin-left: 25px;margin-right: 25px;}
.mx-30 { margin-left: 30px;margin-right: 30px;}

.my-0 { margin-top: 0;margin-bottom: 0;}
.my { margin-top: 5px;margin-bottom: 5px;}
.my-10 { margin-top: 10px;margin-bottom: 10px;}
.my-15 { margin-top: 15px;margin-bottom: 15px;}
.my-20 { margin-top: 20px;margin-bottom: 20px;}
.my-25 { margin-top: 25px;margin-bottom: 25px;}
.my-30 { margin-top: 30px;margin-bottom: 30px;}

.mt-0 { margin-top: 0!important;}
.mt { margin-top: 5px;}
.mt-10 { margin-top: 10px;}
.mt-15 { margin-top: 15px;}
.mt-20 { margin-top: 20px;}
.mt-25 { margin-top: 25px;}
.mt-30 { margin-top: 30px;}
.mt-40 { margin-top: 40px;}
.mt-100 { margin-top: 100px;}
.mt-150 { margin-top: 150px;}
.mpt-6 { margin-top: 6%;}

.mb-0 { margin-bottom: 0!important;}
.mb { margin-bottom: 5px;}
.mb-10 { margin-bottom: 10px;}
.mb-15 { margin-bottom: 15px;}
.mb-20 { margin-bottom: 20px;}
.mb-25 { margin-bottom: 25px;}
.mb-30 { margin-bottom: 30px!important;}

.ml-0 { margin-left: 0;}
.ml { margin-left: 5px;}
.ml-10 { margin-left: 10px;}
.ml-15 { margin-left: 15px;}
.ml-20 { margin-left: 20px;}
.ml-25 { margin-left: 25px;}
.ml-30 { margin-left: 30px!important;}

.mr-0 { margin-right: 0;}
.mr { margin-right: 5px;}
.mr-10 { margin-right: 10px;}
.mr-15 { margin-right: 15px;}
.mr-20 { margin-right: 20px;}
.mr-25 { margin-right: 25px;}
.mr-30 { margin-right: 30px!important;}
.mr-100 { margin-right: 100px!important;}

/* padding 0-20 */
.p-0 {padding-left: 0;padding-right: 0;padding-top: 0;padding-bottom: 0;}
.p {padding-left: 5px;padding-right: 5px;padding-top: 5px;padding-bottom: 5px;}
.p-2 {padding-left: 2px;padding-right: 2px;padding-top: 2px;padding-bottom: 2px;}
.p-10 {padding-left: 10px!important;padding-right: 10px!important;padding-top: 10px!important;padding-bottom: 10px!important;}
.p-15 {padding-left: 15px;padding-right: 15px;padding-top: 15px;padding-bottom: 15px;}
.p-20 {padding-left: 20px;padding-right: 20px;padding-top: 20px;padding-bottom: 20px;}

.px-0 { padding-left: 0;padding-right: 0;}
.px { padding-left: 5px;padding-right: 5px;}
.px-2 { padding-left: 2px;padding-right: 2px;}
.px-10 { padding-left: 10px;padding-right: 10px;}
.px-10 { padding-left: 10px;padding-right: 10px;}
.px-15 { padding-left: 15px;padding-right: 15px;}
.px-20 { padding-left: 20px;padding-right: 20px;}

.py-0 { padding-top: 0;padding-bottom: 0;}
.py { padding-top: 5px;padding-bottom: 5px;}
.py-2 { padding-top: 2px;padding-bottom: 2px;}
.py-5 { padding-top: 5px;padding-bottom: 5px;}
.py-10 { padding-top: 10px;padding-bottom: 10px;}
.py-15 { padding-top: 15px;padding-bottom: 15px;}
.py-20 { padding-top: 20px;padding-bottom: 20px;}
.py-30 { padding-top: 30px;padding-bottom: 30px;}

.pt-0 { padding-top: 0;}
.pt { padding-top: 5px;}
.pt-2 { padding-top: 2px;}
.pt-10 { padding-top: 10px;}
.pt-15 { padding-top: 15px;}
.pt-20 { padding-top: 20px!important;}
.pt-25 { padding-top: 25px;}
.pt-30 { padding-top: 30px;}
.pt-40 { padding-top: 40px;}

.pb-0 { padding-bottom: 0;}
.pb { padding-bottom: 5px;}
.pb-2 { padding-bottom: 2px;}
.pb-10 { padding-bottom: 10px;}
.pb-15 { padding-bottom: 15px;}
.pb-20 { padding-bottom: 20px;}

.pl-0 { padding-left: 0!important;}
.pl { padding-left: 5px;}
.pl-2 { padding-left: 2px;}
.pl-10 { padding-left: 10px;}
.pl-15 { padding-left: 15px;}
.pl-20 { padding-left: 20px;}

.pr-0 { padding-right: 0;}
.pr { padding-right: 5px;}
.pr-2 { padding-right: 2px;}
.pr-10 { padding-right: 10px;}
.pr-15 { padding-right: 15px;}
.pr-20 { padding-right: 20px;}
.pr-30 { padding-right: 30px;}

.line-through{ text-decoration: line-through;}
.underline{ text-decoration: underline;}

ul { margin:0;padding:0; }
ul li{ list-style: none; }

/*超出省略...*/
.ellipsis{
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.table-layout{
    table-layout:fixed;
}
.va-top{
    vertical-align: top
}
.va-middle{
    vertical-align: middle
}
.va-bottom{
    vertical-align: bottom
}
textarea{
    padding: 5px;
    font-family: "Microsoft Yahei", "宋体", "myFontFace", sans-serif;
    resize: none;
}
input[type=text],select{
    font-family: "Microsoft Yahei", "宋体", "myFontFace", sans-serif;
}
.pointCheck li{ position: relative; display: inline-block;}
.pointCheck li input[type=checkbox] { position: absolute;width:0;height:0; }
.pointCheck li label { padding-left:20px !important; }
.pointCheck li label i{position: absolute;display: block;width: 14px;height: 14px;border-radius: 2px;border: solid 1px #b5b6b8;left: 0;top: 50%;margin-top: -10px;box-sizing: border-box;cursor: pointer;}
.pointCheck li input:checked+label i { background: url('../img/checkActive.png') no-repeat center center; border:1px solid #315bbb;}

/*空两个字符*/
.textIndent25{
    text-indent: 25px;
}
/*手型*/
.cursorS{
    cursor: pointer;
}
/*修改awesome-bootstrap-checkbox*/
.checkbox-primary input[type="checkbox"]:checked + label::before, .checkbox-primary input[type="radio"]:checked + label::before {
    background-color: #0d7dff!important;
    border-color: #0d7dff!important;
}
.checkbox label::before{
    border: 1px solid #0d7dff!important;
}
/*兼容IE浏览器 去掉按钮及选框默认样式*/
button, input, optgroup, select, textarea{
    outline: none!important;
}
input[type='checkbox']:focus,input[type='radio']:focus{
    border:none!important;
    outline: none!important;
}
.checkbox input[type='checkbox']:focus + label::before, .checkbox input[type='radio']:focus + label::before{
    outline: none!important;
}
.checkbox label::before,.radio label::before{
    outline: none!important;
}

/*20201012--------------*/
*{
    padding: 0;
    margin: 0;
    list-style: none;
}
a{
    text-decoration: none;
}
table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}
html,body{
    width: 100%;
    height: auto;
    font-size: 14px;
    font-family:"Microsoft Yahei", "宋体","myFontFace", sans-serif;
}
/* 清除浮动*/
.clear:after{
    content: "";
    width: 0;
    height: 0;
    display: block;
    clear: both;
}
/*文本框*/
.timeWrap{
    position: relative;
}
.h-30{
    height: 30px;
}
.line-h-30{
    line-height: 30px;
}
.line-h-36{
    line-height: 36px;
}
.h-28{
    height:28px;
}
input[type=text]{
    text-indent: 5px;
    background: #fff;
    color: #70767f;
}
select{
    color: #70767f;
    background: #fff;
}
input::-webkit-input-placeholder { /* WebKit browsers 适配谷歌 */
    color: #70767f;
}
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 适配火狐 */
    color: #70767f;
}
input::-moz-placeholder { /* Mozilla Firefox 19+ 适配火狐 */
    color: #70767f;
}
input:-ms-input-placeholder { /* Internet Explorer 10+  适配ie*/
    color: #70767f;
}
.borderBottom{
    border: none;
    border-bottom: 1px #355DB8 solid;
    background: none;
}
.inputIcon{
    display: inline-block;
    position: absolute;
    right: 3px;
    top: 1px;
    top: 5px\0;
    color: #c9cfda!important;
    font-size: 19px!important;
    margin-right: 0!important;
    font-weight: normal!important;
}
/*按钮*/
.btn{
    color: #fff;
    width: 78px;
    height: 30px;
    margin-right: 4px;
    border: 0;
    outline: none;
    line-height: 30px;
    text-align: center;
    font-size: 14px;
    cursor: pointer;
    padding: 0;
    vertical-align: bottom;
}
.btn2{
    width: 72px;
    height: 28px;
    line-height: 28px;
    position: inherit!important; /*解决冲突esri.css*/
}
.btn.focus, .btn:focus, .btn:hover{
    color: #ffffff;
}
/*分页*/
#page{
    width:100%;
    text-align: right;
    margin: 20px auto 0;
}
.pageStyle{
    width:46px;
    height:26px;
    background:#E6F3FC;
    margin:0 3px;
    text-align:center;
    line-height:26px;
    display: inline-block;
    font-family:微软雅黑;
    color:#000;
    font-size:14px;
}
.pageStyleBtn{
    border: 1px solid #bed8f3;
    cursor: pointer;
}
#TZVal{
    width:36px;
    border:none;
    border:1px solid #bed8f3;
}
.m-l-10{
    margin-left:10px;
}
.m-r-10{
    margin-right:10px;
}
/*头部导航*/
.public_menu{
    height: 30px;
    margin: 0 auto 2px;
    width: 1075px;
}
.public_menu li{
    padding: 0 15px;
    height: 30px;
    line-height: 30px;
    border-radius: 5px 5px 0 0;
    background: #e7f6ff;
    float: left;
    min-width: 100px;
    box-sizing: border-box;
    text-align: center;
    margin-right: 10px;
}
.public_menu li:last-child{
    margin-right: 0px;
}
.public_menu li a,.public_menu li a:hover{
    color: #059bfb;
    font-size: 14px;
    font-weight: bold;
    padding: 0;
    line-height: 30px;
}
.public_menu li a .iconfont{
    margin-right: 8px;
    width: 16px;
    display: inline-block;
    font-weight: normal;
}
.public_menu li.active{
    background: #1178c6;
}
.public_menu li.active a{
    color: #fff;
}
/*内容标题*/
.conTitle{
    height: 46px;
    line-height: 46px;
    padding-left: 20px;
    position: relative;
}
/*底部内容边框*/
.contBorder{
    border: solid 1px #e0e7eb;
    border-top-color: transparent;
}
/*列表*/
.table-layout{
    table-layout: fixed;
}
.tableList tr th,.tableList tr td{
    border: 1px solid #e0e7eb;
    line-height: 1.42857;
    padding: 6px;
    vertical-align: middle;
    text-align: center;
    height: 40px;
}
.tableList tr th{
    background: #f7f9fa;
    font-weight: bold;
}
.tableNoBordered tr th,.tableNoBordered tr td{
	border:0!important;
}
.listNum{
    color: #222527;
}
    /**/
.itemPic li{
    height: 95px;
    margin-right: 5px;
    float: left;
}
.bg1 li{
    width: calc(25% - 5px);
    background: url("../images/bg1.png") no-repeat;
    background-size: 100% 100%;
}
.bg2 li{
    width: calc(20% - 5px);
    background: url("../images/bg2.png") no-repeat;
    background-size: 100% 100%;
}
.itemTop{
    height: 60px;
    line-height: 75px;
}
.itemTop .picSpan{
    width: 30px;
    height: 30px;
    display: inline-block;
    margin-right: 15px;
    vertical-align: sub;
}
.itemTop i{
    font-weight: bold;
    font-size: 24px;
    color: #fff;
    font-style: normal;
}
.itemTop .span1{
    background: url("../images/sprit.png") no-repeat;
    background-position: -164px -6px;
}
.itemTop .span2{
    background: url("../images/sprit.png") no-repeat;
    background-position: -110px -6px;
}
.itemTop .span3{
    background: url("../images/sprit.png") no-repeat;
    background-position: -57px -6px;
}
.itemTop .span4{
    background: url("../images/sprit.png") no-repeat;
    background-position: -6px -6px;
}
.itemTop .span5{
    background: url("../images/sprit.png") no-repeat;
    background-position: -417px -6px;
}
.itemTop .span6{
    background: url("../images/sprit.png") no-repeat;
    background-position: -368px -6px;
}
.itemTop .span7{
    background: url("../images/sprit.png") no-repeat;
    background-position: -316px -6px;
}
.itemTop .span8{
    background: url("../images/sprit.png") no-repeat;
    background-position: -265px -6px;
}
.itemTop .span9{
    background: url("../images/sprit.png") no-repeat;
    background-position: -216px -6px;
}
.medItemPic{
    width: calc(100% - 165px);
}
.medItemPic li{
    height: 108px;
    margin-right: 10px;
    float: left;
    width: calc(25% - 10px);
    border-radius: 3px;
}
.liBgColor1{
    background: #4ed9d4;
}
.liBgColor2{
    background: #61c8f4;
}
.liBgColor3{
    background: #4d8be7;
}
.liBgColor4{
    background: #eec874;
}
.medItemPic li .picSpan{
    display: block;
    float: left;
    margin: 30px 15px 30px 30px;
    width: 48px;
    height: 48px;
}
.medItemPic li i{
    font-style: normal;
    font-size: 24px;
    font-weight: bold;
    color: #fff;
}
.medItemPic li .decSpan{
    display: block;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
}
.medItemPic .span1{
    background: url("../images/sprit.png") no-repeat;
    background-position: -152px -61px;
}
.medItemPic .span2{
    background: url("../images/sprit.png") no-repeat;
    background-position: -227px -61px;
}
.medItemPic .span3{
    background: url("../images/sprit.png") no-repeat;
    background-position: -80px -61px;
}
.medItemPic .span4{
    background: url("../images/sprit.png") no-repeat;
    background-position: -9px -61px;
}
/*选项卡*/
.tabWrap li{
    min-width: 58px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    border: 1px solid #cad5e2;
    color:#666666;
    background: #fff;
    padding: 0 8px;
    margin-right: 10px;
    border-radius: 2px;
    float: left;
    cursor: pointer;
}
.tabWrap li.active{
    border: 1px solid #007ae1!important;
    color:#fff!important;
    background: #007ae1!important;
}
.tabBorderWrap li{
    width: 135px;
    height: 46px;
    color: #333333;
    text-align: center;
    line-height: 46px;
    font-size: 16px;
    font-weight: bold;
    border-bottom: 3px solid #fff;
    float: left;
    cursor: pointer;
}
.tabBorderWrap li.active{
    color: #007ae1;
    border-bottom: 3px solid #007ae1;
}
.conList,.conList2{
    min-height: 300px;
    display: none;
}
/*查询条件*/
.table-search{
    margin: 10px 0;
}
.table-search>tbody>tr>td{
    border: none!important;
    padding: 5px 2px;
}
.table-search tr td:nth-child(2n){
    text-align: left;
}
.table-search tr td:nth-child(2n+1){
    text-align: right;
    color: #222527;
}
.titLeft{
    width: 4px;
    height: 18px;
    vertical-align: sub;
}
.table-con tr td i,.table-con tr th i{
    font-style: normal;
    font-weight: bold;
    color: red;
    margin-right: 3px;
}
.table-pd-con>tbody>tr>td{
    padding: 8px 2px;
}
/*复选框*/
.checkbox input[type="checkbox"]:checked + label::after, .checkbox input[type="radio"]:checked + label::after{
    content: "✔";
    text-align: center;
}
/*上传*/
.webuploader-pick,.webuploader-pick-hover{
    background: #007ae1;
}
.ordinary_auto_upload .ordinary_auto_upload_list .item{
    margin: 5px;
}
/*左右布局table样式*/
.table-info tr td{
    height: 52px;
    border: 2px solid #edeff6;
}
.table-info tr td:nth-child(2n+1){
    background: rgba(233,236,243,0.25);
    text-align: center;
    color: #333333;
}
.table-info tr td:nth-child(2n){
    padding-left:20px;
}
/*应急管理流程样式*/
.flowList{
    width:100%;
    font-size: 0;
    background: #ffffff;
}
.flowList li{
    display: inline-block;
    position: relative;
    text-align: center;
    width: calc((100%)/8);
    height: 110px;
    margin-top: 20px;
    box-sizing: border-box;
}
.flowList li a{
    display: inline-block;
}
.flowList li a span{
    display:inline-block;
    width:60px;
    height:60px;
}
.flowList li a p{
    font-size:15px;
    color:#a2b3cf;
    font-weight: bold;
    margin-top: 14px;
}
.flowList li:first-child a span{
    background: url(../images/sprit.png) -504px -407px no-repeat;
}
.flowList li:nth-child(2) a span{
    background: url(../images/sprit.png) -433px -407px no-repeat;
}
.flowList li:nth-child(3) a span{
    background: url(../images/sprit.png) -361px -407px no-repeat;
}
.flowList li:nth-child(4) a span{
    background: url(../images/sprit.png) -433px -407px no-repeat;
}
.flowList li:nth-child(5) a span{
    background: url(../images/sprit.png) -361px -407px no-repeat;
}
.flowList li:nth-child(6) a span{
    background: url(../images/sprit.png) -433px -407px no-repeat;
}
.flowList li:nth-child(7) a span{
    background: url(../images/sprit.png) -361px -407px no-repeat;
}
.flowList li:nth-child(8) a span{
    background: url(../images/sprit.png) -361px -407px no-repeat;
}
/*active图标样式*/
.flowList li:first-child.active a span{
    background: url(../images/sprit.png) -504px -407px no-repeat;
}
.flowList li:nth-child(2).active a span{
    background: url(../images/sprit.png) -85px -500px no-repeat;
}
.flowList li:nth-child(3).active a span{
    background: url(../images/sprit.png) -291px -500px no-repeat;
}
.flowList li:nth-child(4).active a span{
    background: url(../images/sprit.png) -153px -500px no-repeat
}
.flowList li:nth-child(5).active a span{
    background: url(../images/sprit.png) -13px -500px no-repeat;
}
.flowList li:nth-child(6).active a span{
    background: url(../images/sprit.png) -361px -500px no-repeat;
}
.flowList li:nth-child(7).active a span{
    background: url(../images/sprit.png) -434px -500px no-repeat;
}
.flowList li:nth-child(8).active a span{
    background: url(../images/sprit.png) -222px -500px no-repeat;
}
/*active字体样式*/
.flowList li:first-child.active a p{
    color:#01d2ff;
}
.flowList li:nth-child(2).active a p{
    color:#12d0cd;
}
.flowList li:nth-child(3).active a p{
    color:#0f9fff;
}
.flowList li:nth-child(4).active a p{
    color:#347be4;
}
.flowList li:nth-child(5).active a p{
    color:#facf14;
}
.flowList li:nth-child(6).active a p{
    color:#0fd7a0;
}
.flowList li:nth-child(7).active a p{
    color:#ec8c33;
}
.flowList li:nth-child(8).active a p{
    color:#fc6a35;
}
.flowList li:after{
    content: '';
    display: inline-block;
    width: calc(100% - 58px);
    position: absolute;
    top: 29px;
    height: 10px;
    margin-top: -4px;
    left:calc((100% - 58px)/2 + 58px);;
}
.flowList li.bar_left:after{
    background: url(../images/bar_left.png) left center no-repeat;
    background-size:  100% 10px;
}
.flowList li.bar_middle:not(.last):after{
    background: url(../images/bar_middle.png) left center no-repeat;
    background-size:  100% 10px;
}
.flowList li.bar_right:not(.last):after{
    background: url(../images/bar_right.png) left center no-repeat;
    background-size: 100% 10px;
}
/*应急管理*/
.shWrap{
    width: calc(100% - 250px);
}
.shTab{
    width: calc(100% - 100px);
}
.shTab li{
    width: calc(30% - 10px);
    height: 35px;
    line-height: 35px;
    text-align: center;
    background: #f4f5f6;
    color: #676a6c;
    cursor: pointer;
    float: left;
    margin-left: 10px;
    border-radius: 5px;
}
.shTab li a{
    display: block;
    border-radius: 5px;
}
.shTab li.active a{
    background: #007ae1;
    color: #fff;
}
.shTextList li{
    width: calc(50% - 10px);
    float: left;
    margin-left: 10px;
}
.shTextList li textarea{
    height: 100px;
    width: 100%;
}
.shRightWrap{
    width: 200px;
}
.shRightWrap p{
    height: 35px;
    line-height: 35px;
    margin: 0;
    text-indent: 10px;
}
.shRightMenu li{
    height: 40px;
    line-height: 40px;
    cursor: pointer;
    font-weight: bold;
    text-indent: 40px;
}
.shRightMenu li:hover{
    color: #007ae1;
}
.shRightMenu li i{
    margin-right: 10px;
    color: #007ae1;
    font-weight: normal;
}
/*级联下拉框*/
.JLSelect .col-md-4{
    padding-left: 0!important;
    padding-right: 10px;
    max-width: 180px !important;
}
.validatorLabel{
    vertical-align: top!important;
    line-height: 30px!important;
}
/*溢出隐藏*/
.overflowHidden{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}