*{ 
	margin: 0;
	padding: 0; 
}
html,body{
	height:100%;
}
body{
	font-family: "微软雅黑";
	font-size: 14px;
	color: #262626;
	min-width: 1240px;
}
ul{ 
	list-style: none; 
}
a{ 
	text-decoration: none; 
	display: inline-block;
	color: #1890ff;
	font-size: 14px;
}
a:hover {
	color: #1890ff;
}
img{ 
	border: none; 
}
table{ 
	border-collapse: collapse; 
	width: 100%;
}
td,th{ 
	border: 1px solid #e2e2e2; 
}
i{
	font-style: normal;
}
input,select,textarea{ display: inline-block;box-sizing: border-box; }
input,select {height: 32px;line-height: 32px;padding: 0 4px; border: 1px solid #e2e2e2; border-radius: 4px;behavior: url(../js/common/PIE.htc);}
footer{ color: #999; }
/**********************************************/
/* 修改layui中a标签hover的颜色 */
.layui-breadcrumb a:hover{
	color: #329dff !important;
}
.layui-btn-primary:hover{
	border-color:#1890ff;
}
.pull-left { float: left !important; }
.pull-right { float: right !important; }

.text-left { text-align: left !important; }
.text-center { text-align: center !important; }
.text-right { text-align: right !important; }

.verticla-top { vertical-align: top !important; }
.verticla-middle { vertical-align: middle !important; }
.verticla-bottom { vertical-align: bottom !important; }

.red { color: #e42c01; }
.green { color: #00a464; }
.yellow { color: #ff9800; }
.orange { color: #ff7c00; }
.blue { color: #1890ff; }
.gray { color: #8c8c8c; }

.bg-red { background-color: #e42c01; }
.bg-green { background-color: #00a464; }
.bg-yellow { background-color: #fff100; }
.bg-orange { background-color: #ff7c00; }
.bg-blue { background-color: #2ca0e3; }
.bg-gray { background-color: #eee; }

.mt-20{margin-top:20px;}
.mb-0{margin-bottom:0 !important}

.btn{ display: inline-block;height: 30px;line-height: 30px;border: none;text-align: center;border-radius: 4px;behavior: url(../js/common/PIE.htc);margin-right: 10px;cursor: pointer; }
.btn-xs{ width: 80px; }
.btn-sm{ padding: 0 15px; }
.btn-default{ background: #fff;color: #333;border: 1px solid #ccc; }
.btn-fun{ background: #1890ff;color: #fff;border: 1px solid #1890ff; }
.btn-link{ background: #fff;color: #4488dd;border: 1px solid #4488dd; }

.icon{
	display: inline-block;
	vertical-align: text-bottom;
	background: url(../images/icon.png) no-repeat;
	width: 16px;
	height: 16px;
}
.icon-user,.icon-password{
	position: absolute;
	left: 10px;
	top: 11px;
}
.icon-user { background-position: 0 0;}
.icon-password { background-position: -16px 0;}

.icon-slideUp {background-position: -32px 0;}
.icon-slideDown {background-position: -48px 0;}
.icon-addCategory {background-position: 0 -24px;width: 18px;height: 18px;}
.icon-moveUp{ background-position: -64px 0;}
.icon-moveUp:hover{ background-position: -80px 0;}
.icon-moveDown{ background-position: -96px 0;}
.icon-moveDown:hover{ background-position: -112px 0;}
.icon-edit {background-position: -24px -24px;width: 18px;height: 18px;}
.icon-enable {background-position: -48px -24px;width: 18px;height: 18px;}
.icon-delete {background-position: -72px -24px;width: 18px;height: 18px;}

.icon-sort {background-position: -32px -72px;margin-left: 10px;cursor: pointer;}
.icon-sort-down {background-position: -48px -72px;margin-left: 10px;cursor: pointer;}
.icon-sort-up {background-position: -64px -72px;margin-left: 10px;cursor: pointer;}

.icon-close { background-position: 0 -72px;}
.icon-close:hover { background-position: -16px -72px;}

.icon-status {
	display: inline-block;
	vertical-align: middle;
	background: url(../images/icon-status.png) no-repeat;
	width: 24px;
	height: 24px;
}
.icon-status0 {background-position: -97px 0;}
.icon-status1 {background-position: -72px 0;}
.icon-status2 {background-position: -48px 0;}
.icon-status3 {background-position: -24px 0;}
.icon-status4 {background-position: 0 0;}

.icon-warning3{background-position: -123px 0}
.icon-warning2{background-position: -153px 0}
.icon-warning1{background-position: -184px 0}
.layui-layer-ico0 {
	background: url(../images/icon.png) -24px -48px !important;
	top: 22px !important;
    left: 22px !important;
    width: 20px !important;
    height: 20px !important;
}
.layui-layer-close1 {background: url(../images/icon.png) 0 -72px !important;}
.layui-layer-close1:hover {background: url(../images/icon18.png) no-repeat !important;}

.select-search {position: relative;}
.select-search:after {
	position: absolute;
	content: '';
	width: 16px;
	height: 16px;
	top: 50%;
	right: 8px;
	margin-top: -8px;
	background: url(../images/icon-search.png) no-repeat #fff;
}

.datetime {
	background: url(../images/icon-date.png) no-repeat 98% center;
}
/*login css start*/
.logo>p{
	text-align:center;
	font-family:"微软雅黑";
	font-weight:bold;
	font-size:24px;
	color:#fff;
	text-shadow:0px 0px 30px #000;
}

.login-box{
	position: fixed;
    width: 100%;
    height: 100%;
    min-height:600px;
	background: url(../images/bg01.png) no-repeat center center;
	/* background-color: #f5f5f5; */
	background-size: cover;
}
.login-form-box{
	padding: 120px 0;
}

.login-form{
	width: 320px;
	height: 225px;
	padding: 30px 40px 40px;
	margin: 40px auto;
	background: rgba(210,235,255,0.4);
	border-radius: 4px;
	behavior: url(../js/common/PIE.htc);
	box-shadow: 0 0 16px rgba(210,235,255, 0.2);
}
.login-form p{
	margin-bottom: 30px;
}
.login-form .login-group{
	margin-bottom: 20px;
	position: relative;
	text-align:right;
}
.login-form .verifyCode input{
	width:215px;
}
.login-form .verifyCode img{
	width:100px;
	height:42px;
}
.login-form input,.login-form button{
	width: 100%;
	height: 42px;
	line-height: 40px;
}
.login-form input{
	height: 42px;
	padding-left: 36px;
	border: 1px solid #d9d9d9;
	border-radius: 4px;
	behavior: url(../js/common/PIE.htc);
}
.login-form .login-checkbox{
	padding-bottom: 10px;
	text-align: left;
	color: #ddd;
}
.login-form .login-checkbox input{
	height: 15px;
	width: 15px;
	vertical-align:middle;
}
/*login css end*/

/*main css start*/
.logo-box {width: 508px;height: 50px;margin:10px 0 0 20px;font-size:0;}
.logo-box img{width: 100%;height: 100%;}
.head-right-box {height: 81px; margin-left: 200px;border-bottom: 1px solid #e2e2e2; background-color: rgb(22,41,71);box-shadow: 0 2px 10px #ccc;box-sizing: border-box;}

.layui-header .layui-nav .layui-nav-item:hover {background-color:rgb(35,60,100);}

.card-bottom-box {margin-bottom: 20px;}
.card-left, .card-right{width: 50%;float: left;box-sizing: border-box;}
.card-left{padding-right: 10px;}
.card-right{padding-left: 10px;}

.tableChart {
	position: absolute;
	top: 20px;
	right: 30px;
	border: 1px solid #69c0ff;
	border-radius: 4px;
	behavior: url(../js/common/PIE.htc);
	background: #bae7ff;
}
.tableChart ul{width: 162px;}
.tableChart ul li{height: 24px;line-height: 24px;border-top: 1px solid #69c0ff;}
.tableChart ul li:first-child{border-top: none;}
.tableChart ul li span{box-sizing: border-box;padding-left:10px;display: inline-block;}
.tableChart ul li a{box-sizing: border-box;padding-left:10px;display: inline-block; width:40%;}
.tableChart ul li a:hover{color:#e42c01}
.tableChart ul li span:first-child{width: 60%;border-right: 1px solid #69c0ff;}
.tableChart ul li span:last-child{cursor:pointer;}

/* 计量监管首页单独修改 start */
.tableChart.only {
	position: absolute;
	top: 20px;
	right: 30px;
	color:#fff;
	border: 1px solid #fff;
	border-radius: 4px;
	behavior: url(../js/common/PIE.htc);
	background: none;
}
.tableChart.only ul{width: 162px;}
.tableChart.only ul li{height: 24px;line-height: 24px;border-top: 1px solid #fff;}
.tableChart.only ul li:first-child{border-top: none;}
.tableChart.only ul li span{box-sizing: border-box;padding-left:10px;display: inline-block;}
.tableChart.only ul li span:first-child{width: 60%;border-right: 1px solid #fff;}
/* 计量监管首页单独修改 end */

.chart-tip {
	position: absolute;
	width: 100%;
	bottom: 30px;
	text-align: center;
}
.chart-tip ul {display: inline-block;vertical-align: middle;}
.chart-tip ul li:first-child{border-bottom: 1px solid #262626;}
.chart-tip ul li span{vertical-align: middle;margin: 0 5px;}

.tabletopbtn {padding: 20px 20px 0;}
.tabletopbtn a{margin-left: 10px;padding-left: 10px;line-height: 28px;border-left: 1px solid #e8e8e8;}
.tabletopbtn a:hover{color: #1890ff;}

.tables {background: #fff;}
.tables thead tr {line-height: 20px;background: #f5f5f5;}
.tables tr {border-bottom: 1px solid #e2e2e2;line-height: 30px;}
.tables tr:hover {background: #f5f5f5;}
.tables tr td{border: none;padding: 10px 10px 10px 60px;}

.categorySettleTable .icon {margin-right: 5px;}
.categorySettleTable .second-tr td:first-child {padding-left: 90px;}
.categorySettleTable .last-tr td:first-child {padding-left: 170px;}
.categorySettleTable input[type=text] {padding: 0 4px;}

.btn-box {display: inline-block;position: relative;margin-left: 10px;}
.btn-box ul {
	display: none;
	position: absolute;
	left: 0;
	top: 30px;
	background: #fff;
	box-shadow: 0 1px 5px #ccc;
	border-radius: 4px;
	behavior: url(../js/common/PIE.htc);
	z-index: 10;
}
.btn-box ul li {padding: 0 10px;line-height: 30px;min-width: 100px;box-sizing: border-box;cursor: pointer;}
.btn-box ul li:hover {background: #eee;}
.btn-box:hover ul {display: block;}

.table-box {margin-top: 10px;}
.dialog-content {padding-left: 30px;}

.width-25 {width: 25%}
.width-33 {width: 33.3333%;}
.width-49 {width: 49%;}
.width-50 {width: 50%;}
.width-66 {width: 66.6666%;}
.width-100{width:100%;}
.form-box:after {display: block;content: '';clear: both;}
.form-group {padding: 0 60px;box-sizing: border-box;margin-bottom: 30px;}
.form-group dt{margin-bottom: 10px;}
.form-group dt span.gray{display: inline-block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: right;}
.form-group dd{line-height: 32px;min-height: 32px;}

.btn-upload {
	width: 120px;
    height: 120px;
    cursor: pointer;
    background: url(../images/addImg.png) no-repeat;
}
.btn-upload:hover {background: url(../images/addImg-hover.png) no-repeat;}
.uploadImg-box {position: relative;width: 120px;height: 120px;display: none;}
.uploadImg-box img {width: 120px;height: 120px;}
.uploadImg-box .replace-img {
	display: none; 
	position: absolute;
	text-align: center; 
	height: 30px;
	line-height: 30px;
	width: 100%;
	left: 0;
	bottom: 0;
	color: #fff;
	background: #969696;
}
.uploadImg-box .delete-img {
	display: none;
	position: absolute;
	top: -5px;
	right: -5px;
	width: 16px;
	height: 16px;
	line-height: 16px;
}
.uploadImg-box:hover .replace-img, .uploadImg-box:hover .delete-img{display: block;}

.table thead {background: #f5f5f5;}
.table th,.table td {
	color: #262626;
	text-align: left;
	font-weight: normal;
	line-height: 36px;
	padding: 0 15px;
}
.table tr:hover{
	background: #f5f5f5;
}
table.distributeDetail tr:hover{
	background:#fff;
}
table.distributeDetail td:hover{
	background:#f5f5f5;
}
.form-bar {
	position: fixed;
	height: 50;
	line-height: 50px;
	background: #fff;
	text-align: center;
	bottom: 0;
	left: 200px;
	right: 0;
	box-shadow: 0 -2px 5px #ddd;
	z-index: 99;
	padding: 0 20px;
}

.detail-box .detail-item {padding-left: 30px;margin-bottom: 16px;}
.detail-box .detail-item span{
			display: inline-block;
            width: 150px;
            text-align: right;
            margin-right: 15px;
}

/* 查看检测报告大图 start */
.img-list {margin: 0 80px;overflow: hidden;}
.img-list li {width: 120px;height: 120px;margin-right: 20px;margin-bottom: 20px;float: left;}
.img-list .img-box img{width: 120px;height: 120px;cursor: pointer;}
.bigReportImg{
	position: fixed;
	box-sizing: border-box;
	top: 0;
	left: 0;
    width: 100%;
   	height: 100%;
    text-align: center;
    padding: 20px;
    overflow: auto;
    z-index: 9999;
    display: none;
}
.bigImgBackdrop {
    position: absolute;
    background-color: #000;
    bottom: 0;
    height:100%;
    left: 0;
    right: 0;
    top: 0;
    z-index: -1;
    opacity: 0.5;
    filter: alpha(opacity=50);
}
.bigImgBox{
	margin-top:90px;
}
.bigImgBox .leftButton,
.bigImgBox .rightButton,
.bigImgBox .closeButton {
	background: url(../images/icon-img-btn.png) no-repeat;
	position: fixed;
}
.bigImgBox .leftButton,.bigImgBox .rightButton {position: fixed;width: 30px;height: 60px;top:50%;margin-top: -30px;}
.bigImgBox .leftButton{
    left: 0;
    background-position: 0 0;
}
.bigImgBox .leftButton:hover {
    left: 0;
    background-position: 0 -64px;
}
.bigImgBox .rightButton{
    right: 0;
    background-position: -40px 0;
}
.bigImgBox .rightButton:hover {
    right: 0;
    background-position: -40px -64px;
}
.bigImgBox .closeButton{
	top:88px;
    right: 25px;
    width: 50px;
    height: 50px;
    background-position: -80px 0;
}
.bigImgBox .closeButton:hover {
    background-position: -80px -64px;
}
.bigImgBox .contentImg{
	height:636px;
}
/* 查看检测报告大图 end */
/*main css end*/

/*footer css start*/
footer {
	position: absolute;
	width: 100%;
	bottom: 10px;
}
/*footer css end*/
.scrollbar { overflow-y: auto;margin-right: 5px;padding-right: 10px;}
.scrollbar::-webkit-scrollbar{/*滚动条整体部分，其中的属性有width,height,background,border等（就和一个块级元素一样）（位置1）*/  
    width:4px; 
}  
.scrollbar::-webkit-scrollbar-button{/*滚动条两端的按钮，可以用display:none让其不显示，也可以添加背景图片，颜色改变显示效果（位置2）*/  
    display: none;
}  
.scrollbar::-webkit-scrollbar-track{/*外层轨道，可以用display:none让其不显示，也可以添加背景图片，颜色改变显示效果（位置3）*/  
    display: none;
}  
.scrollbar::-webkit-scrollbar-track-piece{/*内层轨道，滚动条中间部分（位置4）*/  
    display: none;
}  
.scrollbar::-webkit-scrollbar-thumb{/*滚动条里面可以拖动的那部分（位置5）*/  
    background:#bfbfbf; 
    border-radius: 2px;
}  
.scrollbar::-webkit-scrollbar-corner {/*边角（位置6）*/  
    background:#82AFFF;   
}  
.scrollbar::-webkit-scrollbar-resizer  {/*定义右下角拖动块的样式（位置7）*/  
    background:#FF0BEE;  
}  
.scrollbar{  
    scrollbar-arrow-color: #fff; /**//*三角箭头的颜色*/   
    scrollbar-face-color: #bfbfbf; /**//*立体滚动条的颜色*/   
    scrollbar-3dlight-color: #fff; /**//*立体滚动条亮边的颜色*/   
    scrollbar-highlight-color: #fff; /**//*滚动条空白部分的颜色*/   
    scrollbar-shadow-color: #fff; /**//*立体滚动条阴影的颜色*/   
    scrollbar-darkshadow-color: #fff; /**//*立体滚动条强阴影的颜色*/   
    scrollbar-track-color: #fff; /**//*立体滚动条背景颜色*/   
    scrollbar-base-color:#fff; /**//*滚动条的基本颜色*/   
}
/* 档口管理样式 开始 */
.stall-box{
	padding-top: 20px;
	padding-left: 20px;
}
.stall-box .stall-select .select{
	margin-left: 80px;
	margin-bottom: 40px;
}
.stall-box .stall-select a{
	display: inline-block;
	margin-right: 40px;
	width: 200px;
	height: 30px;
	border: 1px solid #e8e8e8;
	border-radius: 4px;
	color: rgb(38, 38, 38);
	padding: 15px 0;
	
}
.stall-box .stall-select i{
	display: inline-block;
	width: 30px;
	height: 30px;
	margin:0 20px ;
	vertical-align: middle;
}
.stall-box .stall-select .img0{
	background:url(../images/icon-stall.png) no-repeat -2px -1px;
}
.stall-box .stall-select .img1{
	background:url(../images/icon-stall.png) no-repeat -2px -1px;
}
.stall-box .stall-select .img2{
	background:url(../images/icon-stall.png) no-repeat -34px -1px;
}
.stall-box .stall-select .img3{
	background:url(../images/icon-stall.png) no-repeat -66px -2px;
}
/* 企业/个人 样式 */
._btnhover .layui-form-radio{
	margin: 0;
	padding: 0 10px;
	border: 1px solid #d9d9d9;
	/* border-radius: 4px; */
	behavior:url(../js/common/PIE.htc);
}
._btnhover div:nth-child(2){
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	behavior:url(../js/common/PIE.htc);
}
._btnhover div:nth-child(6){
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	behavior:url(../js/common/PIE.htc);
	/* margin-left: -1px; */
}
._btnhover.tow div:nth-child(4){
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	behavior:url(../js/common/PIE.htc);
}
._btnhover .layui-form-radio i{
	display: none;
}
._btnhover .layui-form-radioed{
	border-color:#1890ff;
	background-color:#1890ff;
	color:#fff;
}
/* 导入弹框样式 开始 */
.import .import-box{
	padding: 40px 140px;
}
.import .import-box .import-icon{
	float: left;
	font-size: 16px;
}
.import .import-box .import-icon i{
	display: inline-block;
	width: 28px;
	height: 28px;
	color: #fff;
	border: 6px solid #F4F4F4;
	border-radius: 50%;
	background-color: #D9D9D9;
	text-align: center;
	line-height: 28px;
}

.import .import-box .import-icon:first-child i{
	border: 6px solid #b9ddff;
	background-color: #1890ff;
}
.import .import-box .import-icon span{
	padding: 0 20px 0 10px ;
	color: #D9D9D9;
}
.import .import-box .import-icon:first-child span{
	color: #1890ff;
}
.import .import-box .line{
	margin-top: 20px;
	margin-right: 20px;
	float: left;
	width: 161px;
	height: 1px;
	background-color: #e8e8e8;
}
.import .import-file{
	margin: 127px 0px 71px 240px;
	position: relative;
}
.import .import-file .file{
	width: 480px;
	height: 50px;
	text-align: left;
	border-radius: 4px;
	border: 1px solid #d9d9d9;
}
.import .import-file span{
	position: absolute;
	top: 16px;
	left: 15px;
}
.import .import-file input{
	width: 480px;
	height: 50px;
	text-align: left;
}
.import .import-file p{
	margin: 10px 0;
	width:480px;
}
.import .import-file i{
	display: block;
	position: absolute;
	top: 12px;
	left: 440px;
	/* background-color: red; */
	background:url(../images/icon.png) no-repeat -91px -20px;
	/* background:url(../images/icon.png) no-repeat -112px -20px;  */
	width: 14px;
	height: 14px;
	padding: 5px;
	background-clip: content-box;
}
.import .import-footer{
	height: 60px;
	background-color: #F5F5F5;
}
.import .import-footer button{
	height: 32px;
	float: right;
	margin-top: 14px;
	margin-right: 20px;
}
#nextPage.import .nextPageTable{
	margin-top: 30px;
}
#nextPage.import .import-box .import-icon i{
	border-color:  #b9ddff;
	background-color: #1890ff;
}
#nextPage.import .import-box .import-icon span{
	color: #1890ff;
}
#nextPage.import .import-box .import-icon:last-child i{
	border-color:  #F4F4F4;
	background-color: #D9D9D9;
}
#nextPage.import .import-box .import-icon:last-child span{
	color: #D9D9D9;
}
.import .import-box .line.nextPage{
	background-color: #1890ff;
}
#saveData.import .import-box .import-icon i{
	border-color:  #b9ddff;
	background-color: #1890ff;
}
#saveData.import .import-box .import-icon span{
	color:#1890ff;
}
#saveData.import .import-box .line{
	background-color:#1890ff;
}
#saveData.import .img-box{
	margin: 140px auto;
	text-align: center;

}
.upload-table{
	overflow: auto;
	max-height:320px;
}
.upload-table table th,.upload-table table td{
	white-space:nowrap;
	padding:0 8px;
	height:40px;
	line-height:40px;
	}
#saveData.import .img{
	display: block;
	width: 80px;
	height: 80px;
	margin-left: 450px;
	margin-bottom: 10px;
	background:url(../images/yes-no-icon.png) no-repeat -7px -7px;
}
/* 省市区三级联动 样式开始 */
._selectBox{
	position: relative;
}
._selectAdress{
	display: none;
	width: 353px;
	position: absolute;
	top: 32px;
	left: -30px;
	padding:20px 10px;
	border-radius: 4px;
	border: 1px solid #d9d9d9;
	box-shadow: 2px 2px 5px #d9d9d9;
	background-color: #fff;
}
._selectAdress .layui-form-select{
	width: 90px;
	margin-right: 5px;
	/* display: none; */
}
/* 省市区三级联动 样式结束 */
/* 自有上游来源管理样式 结束 */

/* 档位类型统计管理 样式 开始 */
._stallTypebg{
	background-color: #F5F5F5;
	box-shadow: none;
}
.stallType .item-box{
	display: flex;
}
.stallType .item{
	flex: 1;
	justify-content: space-between;
	border: 1px solid transparent;
	margin:  0 10px;
	transition: all .6s;
	box-sizing: border-box;
	float: left;
	margin-bottom: 15px;
	text-align:center;
	height: 90px;
	background-color: #fff;
	border-radius: 4px;
	box-shadow: 2px 2px 8px rgba(0,0,0,.14);
	cursor: pointer;
}
.stallType .item:first-child{
	margin-left: 0;
}
.stallType .item:last-child{
	margin-right: 0;
}
.stallType .item:hover{
	border: 1px solid #329dff;
	box-shadow: 2px 2px 8px rgba(50,157,255,.14);
}
.stallType p{
	padding-top: 5px;
}
.stallType .item i{
	font-size: 20px;
}
.stallType .item p:first-child{
	margin-top: 20px;
}
.stallType .line-box {
	width: 65%;
	border: 1px solid transparent;
	background-color: #fff;
	border-radius: 4px;
	box-shadow: 2px 2px 8px rgba(0,0,0,.14)
}
.stallType .line-box:first-child{
	margin:  0px 10px 15px 0;
}
.stallType .line-box:last-child{
	width: 33%;
}
/* 档位类型统计管理 样式 结束 */

/* 统计与分析 样式 start */
.ana-stc .item-box{
	min-width:1200px;
}
.ana-stc .item{
	cursor:default;
	/* padding: 15px 25px !important; */
	height:100%;
}
.ana-stc .item-right{
	margin-right: 10px;
}
.ana-stc .item-right h3{
	font-weight: bold;
	font-size: 22px;
}
.ana-stc .item-right a{
	position: relative;
	margin-top: 40px;
	display: inline-block;
	width: 80px;
	height: 42px;
	background:url(../images/icon27.png) no-repeat;
	z-index: 1;
}
.ana-stc .item-right a.price{
	background:url(../images/icon28.png) no-repeat;
}
.ana-stc .item-right a:hover::after{
	content: "";
	position: absolute;
	background:url(../images/icon27.png) no-repeat;
	top: 10px;
	left: 0;
	width: 80px;
	height: 42px;
	z-index: 0;
	-webkit-filter:blur(10px) brightness(50%) opacity(0.5);
			filter:blur(10px) brightness(50%) opacity(0.5);
}
.ana-stc .item-right .price:hover::after{
	background:url(../images/icon28.png) no-repeat;
}
.ana-stc .item-left{
	margin-top: 20px;
}
.ana-stc .item-left p{
	text-align: left;
	margin: 10px;
}
.ana-stc .item-left p.number{
	font-size: 30px !important;
}
.ana-stc .item-left i{
	display: inline-block;
	width: 16px;
	height: 24px;
	vertical-align: -5px;
}
.ana-stc .item-left i.down{
	background: url(../images/icon.png) no-repeat -161px -17px;
}
.ana-stc .item-left i.up{
	background: url(../images/icon.png) no-repeat -181px -17px;
}
.ana-stc-select{
	position: relative;
}
.ana-stc-select .select-year,.select-goods{
	position: absolute;
	top: 60px;
	right: 20px;
	z-index: 10;
}
.ana-stc-select .select-year .layui-input{
	width: 100px;
}
.ana-stc-select .select-goods .layui-input{
	width: 150px;
}
.deviceInspect{
	height: 38px;
	line-height: 38px;
	margin: 5% 0;
	text-align: center;
	background-color: #EBF9FF;
	position: relative;
}
.deviceInspect::after{
	content: "";
	width:0;
	height: 0;
	border-width: 10px;
	border-style: solid;
	border-left-color: transparent;
	border-top-color: #EBF9FF;
	border-right-color: transparent;
	border-bottom-color: transparent;
	position: absolute;
	left: 370px;
	bottom: -20px;
}
.deviceInspect:first-child::after{
	left: 80px;
}

/* 媒体查询  */
@media (max-width:1610px){
	.ana-stc .item{
		padding:5px !important;
	}
	.ana-stc .item-left i{
		margin-left:0 !important;
	}
	.ana-stc .item-left p{
	font-size: 16px !important;
	}
	.ana-stc .item-left p.small{
	font-size: 14px !important;
	}
}
@media (min-width:1610px){
	.ana-stc .item{
		padding:15px 25px !important;
	}
	.ana-stc .item-left i{
		margin-left:5px !important;
	}
	.ana-stc .item-left p{
	font-size: 18px !important;
	}
	.ana-stc .item-left p.small{
	font-size: 16px !important;
}
}
/* 统计与分析 样式 end */

/* 计量异常警告 样式 开始 */
._warSwitch {
	margin-right: 20px;
	border: 1px solid #d9d9d9;
	box-shadow: 0 2px 8px #ccc;
	border-radius: 4px;
	margin-top: -5px;
}
._warSwitch .layui-form-radio{
	float: left;
	margin: 0;
	padding: 0 10px;
	border-left: 1px solid #d9d9d9;
}
._warSwitch .layui-form-radioed{
	background-color: #329dff;
	color: #fff;
}
._warSwitch .layui-form-radio i{
	display: none;
	margin: 0;
}
/* 计量异常警告 样式 结束 */

/* 省市区三级跳 样式  开始 */
.selectInput{ background: url(../images/icon-down.png) 98% center no-repeat; width: 300px; }
.input-group{
	height: 32px;
	line-height: 32px;
	margin-right: 50px;
	position: relative;
}
.address-box{position: absolute;width: 340px;height: 240px;border: 1px solid #e2e2e2;border-radius: 4px;box-shadow: 0 0 5px #ddd;top: 32px;left: 0;display: none; z-index:1000;background-color:rgba(232, 232, 232, 0.8)}
.address-box ul{ display: inline-block;width: 33%;height: 100%;overflow-y: auto;float: left; }
.address-box ul + ul{ border-left: 1px solid #e2e2e2;}
.address-box ul li{ padding-left: 10px;line-height: 30px;cursor: pointer;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
.address-box ul li:first-child{ cursor: default; color: #8c8c8c; }
.address-box ul li:hover{ color: #21cc82; }
.address-box ul li:first-child:hover{ color: #8c8c8c; }
.address-box ul li.active{ color: #21cc82;background: #ddd; }
.address-box ul::-webkit-scrollbar{/*滚动条整体部分，其中的属性有width,height,background,border等（就和一个块级元素一样）（位置1）*/  
    width:4px; 
}  
.address-box ul::-webkit-scrollbar-button{/*滚动条两端的按钮，可以用display:none让其不显示，也可以添加背景图片，颜色改变显示效果（位置2）*/  
    display: none;
}  
.address-box ul::-webkit-scrollbar-track{/*外层轨道，可以用display:none让其不显示，也可以添加背景图片，颜色改变显示效果（位置3）*/  
    display: none;
}  
.address-box ul::-webkit-scrollbar-track-piece{/*内层轨道，滚动条中间部分（位置4）*/  
    display: none;
}  
.address-box ul::-webkit-scrollbar-thumb{/*滚动条里面可以拖动的那部分（位置5）*/  
    background:#bfbfbf; 
    border-radius: 2px;
}  
.address-box ul::-webkit-scrollbar-corner {/*边角（位置6）*/  
    background:#82AFFF;   
}  
.address-box ul::-webkit-scrollbar-resizer  {/*定义右下角拖动块的样式（位置7）*/  
    background:#FF0BEE;  
}  
.address-box ul{  
    scrollbar-arrow-color: #fff; /**//*三角箭头的颜色*/   
    scrollbar-face-color: #bfbfbf; /**//*立体滚动条的颜色*/   
    scrollbar-3dlight-color: #fff; /**//*立体滚动条亮边的颜色*/   
    scrollbar-highlight-color: #fff; /**//*滚动条空白部分的颜色*/   
    scrollbar-shadow-color: #fff; /**//*立体滚动条阴影的颜色*/   
    scrollbar-darkshadow-color: #fff; /**//*立体滚动条强阴影的颜色*/   
    scrollbar-track-color: #fff; /**//*立体滚动条背景颜色*/   
    scrollbar-base-color:#fff; /**//*滚动条的基本颜色*/   
}

/* 部分地方此弹窗颜色修改 */
#editDialog ._HSelect{
	width:147px !important;
}
/* 省市区三级跳 样式  结束 */
/* 重要商品溯源信息查询  样式  开始 */
.importInfo-label .layui-form-label{
	width:153px;
}
/* 重要商品溯源信息查询  样式  结束  */
/* 农贸市场管理  样式 开始*/
.marketDetailPage .layui-layer-content .layui-form-item .layui-input-inline{
	width:200px;
}
.marketSearch{
	float:right;
	width:300px;
}
.marketSearch input{
	float:left;
	width:200px;
	border-top-right-radius: inherit;
	border-bottom-right-radius: inherit; 
}
.marketSearch button{
	height:32px;
	line-height:32px;
	border-top-left-radius: inherit;
	border-bottom-left-radius: inherit; 
	position:relative;
	padding-left:25px;
}
.marketSearch button i{
	display:inline-block;
	width:16px;
	height:16px;
	color:#fff;
	position:absolute;
	top:8px;
	left:5px;
	background:url(../images/icon-search-withe.png) no-repeat;
}
/* 农贸市场管理  样式 结束*/
/* 详情页备注的样式 start */
.remark{
	display:block;
	position:relative;
	top:-20px;
	left:168px;
	width:84%;
}
/* 详情页备注的样式 end */
/* 静态表格统一样式 start */
.static-table td,.static-table th{
	height:36px;
	line-height:36px;
}
.static-table tr:hover{
	background-color:#f5f5f5;
}
/* 静态表格统一样式 end */
/* 涨跌幅颜色样式 start */
.up-down-text{
	width:50px;
	text-align:center;
	font-weight:900;
	font-size:16px;
}
.up-color{
	color:#ff4848;
}
.down-color{
	color:#00bd58;
}
/* 涨跌幅颜色样式 end */

/* 检定设置管理 样式 start */
.inspect-box{
	display: flex;
}
.inspect-box .card-box-left{
	width:540px;
}
.inspect-box .card-box-right{
	flex: 1;
}
.inspect-box .signInfo{
	margin-top: 10px;
	margin-left: 10px;
}
.inspect-box .signInfo p{
	margin: 10px;
	color:#262626;
}
.inspect-box .signInfo .confirmed span{
	color:#bfbfbf;
}
.inspect-box .signInfo  .xiu i,
.inspect-box .signInfo  .unconfirmed i{
	color:#fff;
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: 0 6px;
	line-height: 20px;
	font-size: 14px;
	text-align: center;
	
}
.inspect-box .signInfo  .xiu i{
	background-color: #3bbc3b;
}
.inspect-box .signInfo  .unconfirmed i{
	border-radius: 50%;
	background-color: #ff4848;
}
/* 检定设置管理 样式 end */
/* 短信配置新增 样式  start */
.phoneStyle dd input{
	display: inline-block;
	width:240px;
	margin-bottom: 20px;
} 
.phoneStyle dd i{
	display: inline-block;
	vertical-align:-1px;
	width: 16px;
	height: 16px;
	margin: 0 25px 0 5px;
	background:url(../images/icon.png) no-repeat 0px -72px;
}
.phoneStyle dd i:hover{
	background:url(../images/icon18.png) no-repeat;
}
.phoneStyle span.add{
	width: 32px;
	height: 32px;
	display: inline-block;
	background: url(../images/icon.png) no-repeat -80px -67px;
}
.phoneStyle span.add:hover{
	background: url(../images/icon.png) no-repeat -117px -67px;
}
/* 短信配置新增 样式  end */
/* 修改密码 样式 start */
.repassword{
	width: 100%;
	height: 100%;
	background-color: #eaf4fe;
	background: url(../images/bg02.png) no-repeat center bottom;
	
}
.repassword .repass-box{
	width: 500px;
	height: 300px;
	margin:50px auto;
}
.repass-box .repass-title{
	height: 50px;
	font-size: 16px;
	font-weight: bold;
	line-height: 50px;
	padding-top: 0;
	padding-bottom: 0;
}
.repass-box .repass-content .layui-inline{
	margin-left: 25px;
	margin-bottom: 20px;
}
.repass-box .repass-content .layui-inline .layui-input-inline{
	width: 250px;
}
/* 修改密码 样式 end */
/* 小喇叭 样式 start */
.layui-nav .layui-nav-item.horn .horn-a{
	width: 18px;
	height: 20px;
	padding:30px 20px;
	background:url(../images/icon.png) no-repeat -180px 0;
	background-origin: content-box;
	background-clip: content-box;
	position: relative;
	margin-right: 10px;
	cursor:pointer;
	display:none;
}
.layui-nav .layui-nav-item.horn .horn-a i{
	width: 28px;
	height: 16px;
	line-height: 16px;
	text-align: center;
	font-size: 12px;
	display: inline-block;
	background-color: #ff4848;
	color:#fff;
	border-radius: 16px;
	position: absolute;
	right: 3px;
	top: 20px;
}
.layui-nav .layui-nav-item.horn b{
	display: none;
	width: 0;
	height: 0;
	position: absolute;
	bottom: 7px;
	left: 20px;
	z-index: 1001;
	border-width: 10px;
	border-top-color: transparent;
	border-left-color: transparent;
	border-right-color: transparent;
	border-bottom-color: #fff;
	border-style: solid;
}
.layui-nav .layui-nav-item.horn .horn-tip{
	display: none;
	width: 300px;
	background-color: #fff;
	border: 1px solid #e2e2e2;
	border-radius: 4px;
	box-shadow: 2px 2px 5px #d9d9d9;
	position: absolute;
	right: 0;
	top: 70px;
	z-index: 1000;
	cursor:default;
}
.layui-nav .layui-nav-item.horn:hover b{
	display: inline-block;
}
.layui-nav .layui-nav-item.horn:hover  .horn-tip{
	display: inline-block;
}
.horn-tip .tip{
	height: 40px;
	line-height: 40px;
	padding: 5px 10px;
	border: 1px solid #eee;
}
.horn-tip .tip:hover{
	background-color: #f5f5f5;
}
.horn-tip .tip .tip-info{
	width: 200px;
	color:#000;
	display: inline-block;
}
.horn-tip .tip .tip-info em{
	margin: 0 5px ;
	color:#D95C36;
	font-style: normal;
}
.horn-tip .tip .tip-btn{
	padding:0;
	float: right;
	margin-right: 8px;
	cursor: pointer;
}
/* 小喇叭 样式 end */

/* 档位分布图 样式 start */
/* .stallDistribution p .ctrlBtn{
	display: none;
}
.stallDistribution p .ctrlBtn{
	margin-right: 20px;
}
.stallDistribution p .ctrlBtn a{
	font-size: 16px;
}
.stallDistribution p .ctrlBtn i{
	color:#C0C0C0;
	margin: 0 10px;
}
.stallDistribution .stallImg{
	background-image: url(../images/icon06.png);
	margin: 10px 20px 30px 60px;
	min-width: 120px;
	min-height: 120px;
	max-width:90%
} */
/* 档位分布图 样式 end */




/* FQT样式start */
.btnList{
	padding: 10px 0;
}
.cityDetailsLeft{
	width:40%;
	text-align: right;
	display:inline-block;
	font-size: 17px;
	padding: 20px 5px;
}
.cityDetailsRight{
	width:50%;
	text-align: left;
	display:inline-block;
	font-size: 17px;
	padding: 20px 5px;
}
/* 字体渐变色 */
.fontGrad{
	/*display: block;*/
	/*渐变背景*/
	background-image: -webkit-linear-gradient(left, #3498db, #f47920 10%, #d71345 20%, #f7acbc 30%,
	#ffd400 40%, #3498db 50%, #f47920 60%, #d71345 70%, #f7acbc 80%, #ffd400 90%, #3498db);
	color: transparent; /*文字填充色为透明*/
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;          /*背景剪裁为文字，只将文字显示为背景*/
	background-size: 200% 100%;            /*背景图片向水平方向扩大一倍，这样background-position才有移动与变化的空间*/
	/* 动画 */
	animation: masked-animation 4s infinite linear;
}
@keyframes masked-animation {
	0% {
		background-position: 0 0;   /*background-position 属性设置背景图像的起始位置。*/
	}
	100% {
		background-position: -100% 0;
	}
}
.patrolDetailsContent{
	padding:20px 50px;
}
.patrolDetailsContent>span{
	display: inline-block;
	height: 20px;
	width: 50px;
	background: #f2f2f2;
	text-align: center;
	margin: 5px 5px;
}
#user_info>span{
	padding:20px 50px;
	display: inline-block;
	height: 20px;
	/*background: #f2f2f2;*/
	text-align: center;
	width:20%;
}
.patrolDetailsLeft{
	width:20%;
	float: left;
	text-align: center;
}
.patrolDetailsLeft>p>img{
	margin: 40px 0px;
	padding: 0 15px;
}
.Pad-Top{
	padding-top:20px; 
}
.p-l{
	padding-left: 50px;
}
.paddingWidth{
	width:20%;
	padding: 20px;
	border: 1px solid #ccc;
	border-radius: 4px;
}
.paddingWidth>h3{
	font-weight:bold;
	text-align: center;
}
.titleLeftBorder{
	padding-left: 10px;
	border-left: 4px solid #8c8c8c;
	font-weight:bold;
}
.rectification_content .layui-form-checkbox .layui-icon-ok, .rectification_content .layui-form-checkbox,.unlawfulAct_div .layui-form-checkbox,.unlawfulAct_div .layui-form-checkbox .layui-icon-ok{
	width:20px;
	height:20px;
}
.unlawfulAct_div{
	padding:5px;
}
.rectification_content p{
	padding:5px;
}

hr{
	margin:0 0 5px 0 !important;
}
.layui-breadcrumb>*{
	height:40px !important;
	line-height:40px !important;
}
.show-Btn{
	width: 24px;
    height: 24px;
    /* background-color: #194B70; */
    text-align: center;
    border-radius: 4px;
    cursor: pointer;
    position: fixed;
    font-size:14px;
    padding:13px;
    top: 0px;
    color:#ddd;
    z-index:10000;
    opacity:0
}
i.show-Btn{
	left:0px;
}
a.show-Btn{
	display:block;
	right:0px;
	background:#194B70 url(../images/home.png) no-repeat;
	background-origin: content-box;
}
.show-Btn:hover{
	opacity:1
}
.show-Btn-iconUp{
	background:#194B70 url(../images/packup.png) no-repeat;
	 background-origin: content-box;
}
.show-Btn-iconDown{
	background:#194B70 url(../images/packdown.png) no-repeat;
	 background-origin: content-box;
}

hr{
	margin:0 0 5px 0 !important;
}
.layui-breadcrumb>*{
	height:40px !important;
	line-height:40px !important;
}

/* 1800px以上展示 */

@media screen and (min-width: 1680px){
	/* 大屏展示*/
/* 弹性div两端分布*/
.flex_div{
	display: flex;
	margin: 10px 0 12px 0;
	justify-content: space-between;
}
.flex_div_around{
	display: flex;
	padding: 20px 0;
	justify-content: space-around;
}
.marginTop{
	margin-top:18px ;
	margin-bottom:0;
}
.bg_1{
	background: url(../images/page1_border1.png) no-repeat;
	/* width: 454px; */
	height: 124px;
	position: relative;	
	width: 24.2%;
	background-size: 100% 100%;
}
.bg_1:first-child>img{
	width: 68px;
	height: 62px;
	position: absolute;
	left: 52px;
	top: 30px;
}
.bg_1:nth-child(2)>img{
	width: 56px;
	height: 68px;
	position: absolute;
	left: 52px;
	top: 27px;
}
.bg_1:nth-child(3)>img{
	width: 68px;
	height: 68px;
	position: absolute;
	left: 52px;
	top: 27px;
}
.bg_1:last-child>img{
	width: 63px;
	height: 68px;
	position: absolute;
	left: 52px;
	top: 27px;
}
.bg_1:nth-child(-n+3){
	margin-right: 5px;
}
.bg_header{
	background: url(../images/toubu.png) no-repeat;
	width: 100%;
	height: 75px;
	text-align: center;
	/* font-stretch: normal;
	letter-spacing: 3px;
	font-size: 33px;
	font-family: "SourceHanSansCN-Bold";
	color: rgb(255, 255, 255);
	font-weight: bold;
	line-height: 1.8;
	text-shadow:  0 0 5px rgb(055, 023, 055) ; */
	font-family: SourceHanSansCN-Bold;
	font-size: 36px;
	font-weight: bold;
	font-stretch: normal;
	line-height: 1.5;
	letter-spacing: 3px;
	color: #ffffff;
	background-size: 100% 100%;
}
.bg_header1{
	background: url(../images/hearder_div2.png) no-repeat;
	width: 100%;
	height: 75px;
	text-align: center;
	/* font-stretch: normal;
	letter-spacing: 3px;
	font-size: 33px;
	font-family: "SourceHanSansCN-Bold";
	color: rgb(255, 255, 255);
	font-weight: bold;
	line-height: 1.8;
	text-shadow:  0 0 5px rgb(055, 023, 055) ; */
	font-family: SourceHanSansCN-Bold;
	font-size: 36px;
	font-weight: bold;
	font-stretch: normal;
	line-height: 1.5;
	letter-spacing: 3px;
	color: #ffffff;
	background-size: 100% 100%;
	position: relative;
}
.nav_content{
	position: absolute;
	left: 167px;
	top: 26px;
	text-align: left;
}
.nav_content>p:first-child{
	font-family: MicrosoftYaHei;
	font-size: 22px;
	font-weight: bold;
	font-stretch: normal;
	line-height: 25px;
	letter-spacing: 2px;
	color: #ffffff;
	margin-bottom: 19px;
}
.nav_content>p:last-child{
	font-family: DINPro-Medium;
	font-size: 40px;
	font-weight: bold;
	font-stretch: normal;
	line-height: 25px;
	letter-spacing: 0px;
	color: #ffff00;
}
.seach_div{
	padding: 0 20px 17px 20px;
}
.seach_div>div>span{
	font-family: MicrosoftYaHei;
	font-size: 20px;
	font-weight: bold;
	font-stretch: normal;
	line-height: 25px;
	letter-spacing: 2px;
	color: #66ccff;
}
.seachDiv{
	position: relative;
	width: 180px;
	height: 38px;
	background-color: #003366;
	border-radius: 2px;
	border: solid 2px #0188ff;
	margin-left: 25px;
	margin-right: 46px;
}
.seachDiv>input{
	height: 38px;
	background-color: #003366;
	border: 0;
	color: #fff
}
.seach_icon{
	position: absolute;
	background: url(../images/icon_search.png) no-repeat;
	width: 22px;
	height: 22px;
	right: 14px;
	top: 8px;
}
.grade_div span{
	font-family: MicrosoftYaHei;
	font-size: 20px;
	font-weight: bold;
	font-stretch: normal;
	line-height: 25px;
	letter-spacing: 2px;
	color: #ffffff;
	vertical-align: middle;
	margin-left: 22px;
	margin-right:44px; 
}
.map_div{
	background: url(../images/map_border.png) no-repeat;
	width: 1303px;
	height: 541px;
	margin-right: 15px
}
.right_box1,.right_box2{
	background: url(../images/page1_border2.png) no-repeat;
	width: 560px;
	height: 264px;
}
.right_box1{
	margin-bottom: 15px;
}
.bottom_box1{
	background: url(../images/page1_border3.png) no-repeat;
	width: 729px;
	height: 365px;
	margin-right:12px;
}
.bottom_box2{
	background: url(../images/page1_border4.png) no-repeat;
	width: 560px;
	height: 365px;
	margin-right:12px;
}
.bottom_box3{
	background: url(../images/page1_border5.png) no-repeat;
	width: 560px;
	height: 365px;
}
.title_box{
	width: 140px;
	height: 20px;
	font-family: MicrosoftYaHei;
	font-size: 20px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #ffffff;
	border-left: 4px solid #fff;
	margin-bottom: 13px;
}
.title_box>div{
	width: 100%;
	line-height: 17px;
	margin-left: 14px;
	text-align: left;
}
.number_box{
	width: 38px;
	height: 44px;
	background-color: #003399;
	box-shadow: inset 0px 0px 7px 0px 
		rgba(0, 153, 255, 0.58);
	border: solid 1px #0066ff;
	font-family: DINPro-Medium;
	font-size: 40px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 44px;
	letter-spacing: 0px;
	color: #ffffff;
	margin-right: 5px;
}
.percent_box{
	width: 105px;
	height: 44px;
	background-color: #003399;
	box-shadow: inset 0px 0px 7px 0px 
		rgba(0, 153, 255, 0.58);
	border: solid 1px #0066ff;
	font-family: DINPro-Medium;
	font-size: 40px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 44px;
	letter-spacing: 0px;
	color: #ffffff;
}
.dateButton_div{
	position: absolute;
	top: 20px;
    width: 100%;
    text-align: left;
}
.dateButton{
	width: 5%;
	left: 20px;
	background: url(../images/time1.png) no-repeat;
	background-size: 100% 100%;
	font-size: 20px;
	line-height: 41px;
	font-weight: normal;
	font-stretch: normal;
	font-family: SourceHanSansCN-Medium;
	text-align:center;
}
.page2_div1{
	background: url(../images/page2_border1.png) no-repeat;
	background-size: 100% 100%;
	width: 26.5%;
	height: 466px;
}
.page2_div2{
	background: url(../images/page2_border2.png) no-repeat;
	background-size: 100% 100%;
	width: 45%;
	height: 466px;
}
.page2_div3{
	background: url(../images/page2_border3.png) no-repeat;
	background-size: 100% 100%;
	width: 26.5%;
	height: 466px;
}
.page2_div4{
	background: url(../images/page2_border4.png) no-repeat;
	background-size: 100% 100%;
	width: 49.5%;
	height: 364px;
}
.page2_div5{
	background: url(../images/page2_border5.png) no-repeat;
	background-size: 100% 100%;
	width: 49.5%;
	height: 364px;
}
.page_title{
	font-family: MicrosoftYaHei;
	font-size: 20px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #ffffff;
	padding-left: 15%;
	height: 80px;
    line-height: 80px;
}
.page_title1{
	text-align: center;
	font-family: MicrosoftYaHei;
	font-size: 20px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #ffffff;
	height: 80px;
    line-height: 80px;
}
.page_title2{
	font-family: MicrosoftYaHei;
	font-size: 20px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #ffffff;
	padding-left: 8%;
	height: 80px;
    line-height: 80px;
}
.page_roundness1{
	width: 128px;
	height: 128px;
	background: url(../images/circle4.png) no-repeat;
	background-size: 100% 100%;
}
.page_roundness2{
	width: 128px;
	height: 128px;
	background: url(../images/circle2.png) no-repeat;
	background-size: 100% 100%;
}
.positive .page_roundness2{
	width: 132px;
	height: 132px;
	background: url(../images/circle2.png) no-repeat;
	background-size: 100% 100%;
}
.page_roundness3{
	width: 128px;
	height: 128px;
	background: url(../images/circle1.png) no-repeat;
	background-size: 100% 100%;
}
.positive .page_roundness3{
	width: 132px;
	height: 132px;
	background: url(../images/circle1.png) no-repeat;
	background-size: 100% 100%;
}
.page_roundness4{
	width: 128px;
	height: 128px;
	background: url(../images/circle3.png) no-repeat;
	background-size: 100% 100%;
}
.positive .page_roundness4{
	width: 132px;
	height: 132px;
	background: url(../images/circle3.png) no-repeat;
	background-size: 100% 100%;
}
.roundness_title{
	text-align: center;
	font-family: SourceHanSansCN-Regular;
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 26px;
	letter-spacing: 1px;
	color: #ffffff;
	padding-top: 40px;
}
.roundness_title1{
	text-align: center;
	font-family: SourceHanSansCN-Regular;
	font-size: 22px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 132px;
	letter-spacing: 2px;
	color: #ffffff;
}
.roundness_title2{
	text-align: center;
	font-family: SourceHanSansCN-Regular;
	font-size: 20px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 26px;
	letter-spacing: 2px;
	color: #ffffff;
}
.page_title1>table,.page2_div5 table{
	border-collapse:collapse;
    border-spacing:0;
    margin:0;
    padding:0;
    border:none;
}
/* 街道巡查项目不符合统计表样式 start */
.page2_div2 table td{
	border: none !important;
	font-family: MicrosoftYaHei;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #ffffff;
	height: 74px;
}
.page2_div2 table>thead th:nth-child(1),.page2_div2 table>tbody>tr>td:nth-child(1){
	padding-left: 46px;
}
.page2_div2 table>tbody>tr>td:nth-child(1){
	width:55%;
}
.page2_div2 table>tbody>tr>td:nth-child(3){
	padding-right: 39px;
}
.page2_div2 table>tbody tr:nth-child(odd),.page2_div5 table>tbody tr:nth-child(odd),.rankingList table>tbody>tr:nth-child(odd){
	background-color: #003399 !important;
}
.page2_div2 table>tbody tr:nth-child(even),.page2_div5 table>tbody tr:nth-child(even),.rankingList table>tbody>tr:nth-child(even){
	background-color: #002262 !important;
}
.page2_div2 table th{
	border: none !important;
	font-family: MicrosoftYaHei;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #ffffff;
	height: 50px;
}
.page2_div2 table>tbody>tr>td:nth-child(2),.page2_div5 table>tbody>tr>td:nth-child(2){
	font-family: MicrosoftYaHei;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 35px;
	letter-spacing: 0px;
	color: #ffff00;
}
.page2_div2 table>tbody>tr>td:nth-child(2){
	width:15%;
}
/* 街道巡查项目不符合统计表样式 end*/
.progressBar1,.progressBar2{
	position: absolute;
	top: 0%;
	left: 0;
	height: 15px;

	border-radius: 4px;
}
.progressBar1{
	background-color: #003db5;
	width: 100%;
}
.progressBar2{
	background-image: linear-gradient(87deg, 
						#ffea00 0%, 
						#ffc76b 100%), 
						linear-gradient(
						#000000, 
						#000000);
	background-blend-mode: normal, 
}
.progressBar3{
	position: absolute;
	background: url(../images/Scalebox2.png) no-repeat;
	background-size:100% 100%;
	top: -40px;
	left: 38px;
	width: 49px;
	height: 37px;
	text-align: center;
	font-family: MicrosoftYaHei;
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: 0px;
	color: #ffff00;
}
/* 社区巡查排行表样式start */
.page2_div5 table td{
	border: none !important;
	font-family: MicrosoftYaHei;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #ffffff;
	height: 60px;
	text-align: center;
	width:33.3%
}
.page2_div5 table th{
	border: none !important;
	font-family: MicrosoftYaHei;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #ffffff;
	height: 42px;
}
.progressBar4{
	position: absolute;
	background: url(../images/Scalebox1.png) no-repeat;
	background-size:100% 100%;
	top: -8px;
	left: 105%;
	width: 56px;
	height: 29px;
	text-align: center;
	font-family: MicrosoftYaHei;
	font-size: 10px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: 0px;
	color: #ffff00;
}
.annular>p{
	font-family: SourceHanSansCN-Regular;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 26px;
	letter-spacing: 1px;
	color: #ffffff;
	text-align: center
}

.positive{
	background: url(../images/page3_border1.png) no-repeat;
	background-size: 100% 100%;
	height: 415px;
}
.positive>p{
	font-family: MicrosoftYaHei;
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #ffffff;
    padding-left: 10%;
    height: 80px;
    line-height: 80px;
}
.positive>.flex_div_around>div>p{
	text-align: center;
	font-family: SourceHanSansCN-Regular;
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 26px;
	letter-spacing: 1px;
	color: #ffffff;
	padding-top: 20px;
}
.checkNumber{
	background: url(../images/page3_border1.png) no-repeat;
	background-size: 100% 100%;
	height: 414px;
}
.test_marginTop1{
	margin-top: 1px;
}
.test_marginTop2{
	margin-top: 15px;
	margin-bottom:0;
}
.rankingList{
	background: url(../images/page3_border2.png) no-repeat;
	background-size: 100% 100%;
	height: 415px;
}
.highStake1{
	background: url(../images/page3_border4.png) no-repeat;
	background-size: 100% 100%;
	height: 417px;
}
.highStake2{
	background: url(../images/page3_border5.png) no-repeat;
	background-size: 100% 100%;
	height: 417px;
}
.rankingTitle{
	font-family: MicrosoftYaHei;
	font-size: 20px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #ffffff;
	height: 60px;
	line-height: 60px;
	text-align: center;
	padding-top: 11px;
}
.ranking_nav{
	width: 15%;
	background: url(../images/testBtn2.png) no-repeat;
	background-size: 100% 100%;
	height: 50px;
	font-family: MicrosoftYaHei;
	font-size: 20px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #ffffff;
	line-height: 50px;
	text-align: center
}
.rankingList table th{
	border: none !important;
	font-family: MicrosoftYaHei;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #ffffff;
	height: 70px;
}
.rankingList table td{
	border: none !important;
	font-family: MicrosoftYaHei;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #ffffff;
	height: 50px;
	text-align: center;
	width:33.3%;
}
.rankingList table td:nth-child(n+2):nth-child(-n+3){
	color: yellow
}
.rankingList table>tbody>tr:nth-child(4)>td:last-child,.rankingList table>tbody>tr:nth-child(4),.rankingList table>tbody>tr:nth-child(4)>td:last-child{
	background: linear-gradient(-45deg, transparent 26px, #002262 0);
	
}
.page2_div5 table>tbody tr:nth-child(4),.page2_div5 table>tbody tr:nth-child(4)>td:last-child{
	background: linear-gradient(-44deg, transparent 15px, #002262 0);
}
.mapRight2,.mapRight1{
	color: #fff;
}
.mapDiv{
	background: url(../images/map_border.png) no-repeat;
	background-size: 100% 100%;
	width: 69%;
	height: 602px;
	padding:3px 2px 2px 2px;
}
.map_bottomDiv1{
	width: 38.5%;
	height: 364px;
	background: url(../images/page1_border2.png) no-repeat;
	background-size: 100% 100%;
}
.map_bottomDiv1>div{
	padding: 8% 1% 0 5%;
}
.map_bottomDiv2,.map_bottomDiv3{
	width: 29.5%;
	height: 364px;
	background: url(../images/page1_border3.png) no-repeat;
	background-size: 100% 100%;
}
.mapTitle1{
	font-family: MicrosoftYaHei;
	font-size: 20px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 25px;
	letter-spacing: 2px;
	color: #ffffff;
}
.mapTitle2{
	font-family: DINPro-Medium;
	font-size: 38px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 25px;
	letter-spacing: 0px;
	color: #ffff00;
	padding-top: 18px;
}
.mapIcon{height:24px; width:15px; display:inline-block; position:relative;}
    .mapIcon:before{    
        content: '';
	    height: 10px;
	    width: 10px;
	    display: block;
	    position: absolute;
	    top: 2px;
	    left: 0px;
	    z-index: 1;
	    line-height: 26px;
	    background: red;
	    border-radius: 40px;
	    -webkit-border-radius: 40px;
	    -moz-border-radius: 40px;
	    color: #fff;
	    text-align: center;
    }
    .mapIcon:after{ 
	    content: '';
	    height: 0px;
	    width: 0px;
	    display: block;
	    position: absolute;
	    bottom: 5px;
	    left: 2px;
	    border: 10px transparent solid;
	    border-top-color: red;
	    border-width: 9px 3px 0px 3px;
    }
/*百度地图表格样式*/
.siteInformation,.patrolRecord,.patrolRecord1{
            color: #fff;
            height: 32px;
        }
        .siteInformation{
            background-image: linear-gradient(90deg, 
            #007eff 0%, 
            #00edff 100%)
        }
        .patrolRecord{
            background-image: linear-gradient(90deg, 
            #ff3300 0%, 
            #ff6633 100%)
        }
        .patrolRecord1{
            background-image: linear-gradient(90deg, 
            #56ab2f 0%, 
	    	#a8e063 100%)
        }
        .patrolRecordTable,.patrolRecord1Table,.patrolRecordTable tr,.patrolRecord1Table tr,
        .patrolRecordTable tr td,.patrolRecord1Table tr td{
            border: 0;
        }
        .patrolRecordTable thead tr td,.patrolRecord1Table thead tr td{
        	height:40px;
        }
        .patrolRecordTable tbody tr td,.patrolRecord1Table tbody tr td{
            background-color: #ebebeb;
        }

#mapInfo_div{
	display: block;
    background: rgb(255, 255, 255);
    position: fixed;
    top: 150px;
    right: 200px;
    z-index: 9999;
    border-radius: 5px;
    padding:5px
}
#mapInfo_div h4:first-child{
	border-radius:5px 5px 0 0;
}
#mapInfo_div h4{
	    line-height: 32px;
}
.closeBtn{
	position: absolute;
    top: -6px;
    right: 9px;
    color: #000;
    font-size: 22px;
}
.mapIocnStyleDefault{
	/* color:#ffdd00 !important;
	font-weight:bold; */
	background: url(../images/default.png) no-repeat;
	background-size:100% 100%;
}
.mapRight1 .mapIocnStylePitch{
	background-color: #0063c5;
}
.mapRight2 .mapIocnStylePitch{
	/* color:#ffdd00 !important;
	font-weight:bold; */
	background: url(../images/pitch.png) no-repeat;
	background-size:100% 100%;
}
.page2Thead{
	width:55%;
}
.mapRight1{
	background: url(../images/page1_border2_05.png) no-repeat;
	width: 100%;
	height:129px;
	background-size:100% 100%;
	display:flex;
	justify-content: space-around;
	padding:15px 0px;
}
.mapRight1>div{
	width:20%;
}
.mapRight2{
	background: url(../images/page1_border3_05.png) no-repeat;
	width: 100%;
	height:227px;
	background-size:100% 100%;
	margin-top:21px;
	padding:20px 0px 15px 0px;
	overflow-y:scroll;
}
.mapRight2::-webkit-scrollbar{
	display:none;
}
.mapRight3{
	background: url(../images/page1_border4_05.png) no-repeat;
	width: 100%;
	height:100px;
	background-size:100% 100%;
	margin-top:21px;
	padding-top:39px;
	text-align:center;
}
.mapRight3 .active{
	background: url(../images/testBtn1.png) no-repeat;
	background-size: 100% 100%;
}
.pagefour{
	background: url(../images/page2_border1.png) no-repeat;
	background-size:100% 100%;
	width:49.5%;	
	height:279px;
}	
.cateringUnit{
		font-family: MicrosoftYaHei;
	font-size: 20px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #ffffff;
	padding-left: 8.5%;
	height:60px;
	line-height:60px;
}
.mapRBRole{
	width:40px;
	height:40px;
	position:absolute;
	background: url(../images/rbRloe.png) no-repeat;
	background-size:100% 100%;
	bottom:0;
	right:0;
	z-index:999;
}
.mapLTRole{
	width:40px;
	height:40px;
	position:absolute;
	background: url(../images/TLRole.png) no-repeat;
	background-size:100% 100%;
	top:0;
	left:0;
	z-index:999;
}
}

/* 1200-1680展示 */

@media screen and (min-width: 1026px) and (max-width:1679px) {
.flex_div{
	display: flex;
	margin: 10px 0 10px 0;
	justify-content: space-between;
}
.flex_div_around{
	display: flex;
	padding: 20px 0;
	justify-content: space-around;
}
.marginTop{
	margin-top:14px ;
}
.bg_1{
	background: url(../images/page1_border1.png) no-repeat;
	/* width: 454px; */
	height: 124px;
	position: relative;	
	width: 24.2%;
	background-size: 100% 100%;
}
.bg_1:first-child>img{
	width: 20%;
	height: 62px;
	position: absolute;
	left: 10%;
	top: 30px;
}
.bg_1:nth-child(2)>img{
	width: 20%;
	position: absolute;
	left: 10%;
	top: 27px;
}
.bg_1:nth-child(3)>img{
	width: 20%;
	position: absolute;
	left: 10%;
	top: 27px;
}
.bg_1:last-child>img{
	width: 20%;
	position: absolute;
	left: 10%;
	top: 27px;
}
.bg_1:nth-child(-n+3){
	margin-right: 5px;
}
.bg_header{
	background: url(../images/toubu.png) no-repeat;
	width: 100%;
	height: 75px;
	text-align: center;
	/* font-stretch: normal;
	letter-spacing: 3px;
	font-size: 33px;
	font-family: "SourceHanSansCN-Bold";
	color: rgb(255, 255, 255);
	font-weight: bold;
	line-height: 1.8;
	text-shadow:  0 0 5px rgb(055, 023, 055) ; */
	font-family: SourceHanSansCN-Bold;
	font-size: 2em;
	font-weight: bold;
	font-stretch: normal;
	line-height: 2;
	letter-spacing: 3px;
	color: #ffffff;
	background-size: 100% 100%;
}
.bg_header1{
	background: url(../images/hearder_div2.png) no-repeat;
	width: 100%;
	height: 75px;
	text-align: center;
	font-family: SourceHanSansCN-Bold;
	font-size: 2em;
	font-weight: bold;
	font-stretch: normal;
	line-height: 2;
	letter-spacing: 3px;
	color: #ffffff;
	background-size: 100% 100%;
	position: relative;
}
.nav_content{
	position: absolute;
	left: 35%;
	top: 26px;
	text-align: left;
}
.nav_content>p:first-child{
	font-family: MicrosoftYaHei;
	font-size: 1.2em;
	font-weight: bold;
	font-stretch: normal;
	line-height: 1.2em;
	letter-spacing: 2px;
	color: #ffffff;
	margin-bottom: 19px;
}
.nav_content>p:last-child{
	font-family: DINPro-Medium;
	font-size: 2em;
	font-weight: bold;
	font-stretch: normal;
	line-height: 1.2em;
	letter-spacing: 0px;
	color: #ffff00;
}
.seach_div{
	padding: 0 20px 17px 20px;
}
.seach_div>div>span{
	font-family: MicrosoftYaHei;
	font-size: 20px;
	font-weight: bold;
	font-stretch: normal;
	line-height: 25px;
	letter-spacing: 2px;
	color: #66ccff;
}
.seachDiv{
	position: relative;
	width: 180px;
	height: 38px;
	background-color: #003366;
	border-radius: 2px;
	border: solid 2px #0188ff;
	margin-left: 25px;
	margin-right: 46px;
}
.seachDiv>input{
	height: 38px;
	background-color: #003366;
	border: 0;
	color: #fff
}
.seach_icon{
	position: absolute;
	background: url(../images/icon_search.png) no-repeat;
	width: 22px;
	height: 22px;
	right: 14px;
	top: 8px;
}
.grade_div span{
	font-family: MicrosoftYaHei;
	font-size: 20px;
	font-weight: bold;
	font-stretch: normal;
	line-height: 25px;
	letter-spacing: 2px;
	color: #ffffff;
	vertical-align: middle;
	margin-left: 22px;
	margin-right:44px; 
}
.map_div{
	background: url(../images/map_border.png) no-repeat;
	width: 1303px;
	height: 541px;
	margin-right: 15px
}
.right_box1,.right_box2{
	background: url(../images/page1_border2.png) no-repeat;
	width: 560px;
	height: 264px;
}
.right_box1{
	margin-bottom: 15px;
}
.bottom_box1{
	background: url(../images/page1_border3.png) no-repeat;
	width: 729px;
	height: 365px;
	margin-right:12px;
}
.bottom_box2{
	background: url(../images/page1_border4.png) no-repeat;
	width: 560px;
	height: 365px;
	margin-right:12px;
}
.bottom_box3{
	background: url(../images/page1_border5.png) no-repeat;
	width: 560px;
	height: 365px;
}
.title_box{
	width: 140px;
	height: 20px;
	font-family: MicrosoftYaHei;
	font-size: 20px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #ffffff;
	border-left: 4px solid #fff;
	margin-bottom: 13px;
}
.title_box>div{
	width: 100%;
	line-height: 17px;
	margin-left: 14px;
	text-align: left;
}
.number_box{
	width: 38px;
	height: 44px;
	background-color: #003399;
	box-shadow: inset 0px 0px 7px 0px 
		rgba(0, 153, 255, 0.58);
	border: solid 1px #0066ff;
	font-family: DINPro-Medium;
	font-size: 40px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 44px;
	letter-spacing: 0px;
	color: #ffffff;
	margin-right: 5px;
}
.percent_box{
	width: 105px;
	height: 44px;
	background-color: #003399;
	box-shadow: inset 0px 0px 7px 0px 
		rgba(0, 153, 255, 0.58);
	border: solid 1px #0066ff;
	font-family: DINPro-Medium;
	font-size: 40px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 44px;
	letter-spacing: 0px;
	color: #ffffff;
}
.dateButton_div{
	position: absolute;
    top: 15px;
    width: 100%;
    text-align: left;
}
.dateButton{
	width: 5%;
	left: 1em;
	background: url(../images/time1.png) no-repeat;
	background-size: 100% 100%;
	font-size: 0.6em;
	line-height: 2em;
	font-weight: normal;
	font-stretch: normal;
	font-family: SourceHanSansCN-Medium;
	text-align:center;
}
.page2_div1{
	background: url(../images/page2_border1.png) no-repeat;
	background-size: 100% 100%;
	width: 26.5%;
	height: 466px;
}
.page2_div2{
	background: url(../images/page2_border2.png) no-repeat;
	background-size: 100% 100%;
	width: 45%;
	height: 466px;
}
.page2_div3{
	background: url(../images/page2_border3.png) no-repeat;
	background-size: 100% 100%;
	width: 26.5%;
	height: 466px;
}
.page2_div4{
	background: url(../images/page2_border4.png) no-repeat;
	background-size: 100% 100%;
	width: 49.5%;
	height: 364px;
}
.page2_div5{
	background: url(../images/page2_border5.png) no-repeat;
	background-size: 100% 100%;
	width: 49.5%;
	height: 364px;
}
.page_title{
	font-family: MicrosoftYaHei;
	font-size: 20px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #ffffff;
	padding-left: 15%;
	height: 80px;
    line-height: 80px;
}
.page_title1{
	text-align: center;
	font-family: MicrosoftYaHei;
	font-size: 20px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #ffffff;
	height: 80px;
    line-height: 80px;
}
.page_title2{
	font-family: MicrosoftYaHei;
	font-size: 20px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #ffffff;
	padding-left: 8%;
	height: 80px;
    line-height: 80px;
}
.page_roundness1{
	width: 128px;
	height: 128px;
	background: url(../images/circle4.png) no-repeat;
	background-size: 100% 100%;
}
.page_roundness2{
	width: 128px;
	height: 128px;
	background: url(../images/circle2.png) no-repeat;
	background-size: 100% 100%;
}
.positive .page_roundness2{
	width: 132px;
	height: 132px;
	background: url(../images/circle2.png) no-repeat;
	background-size: 100% 100%;
}
.page_roundness3{
	width: 128px;
	height: 128px;
	background: url(../images/circle1.png) no-repeat;
	background-size: 100% 100%;
}
.positive .page_roundness3{
	width: 132px;
	height: 132px;
	background: url(../images/circle1.png) no-repeat;
	background-size: 100% 100%;
}
.page_roundness4{
	width: 128px;
	height: 128px;
	background: url(../images/circle3.png) no-repeat;
	background-size: 100% 100%;
}
.positive .page_roundness4{
	width: 132px;
	height: 132px;
	background: url(../images/circle3.png) no-repeat;
	background-size: 100% 100%;
}
.roundness_title{
	text-align: center;
	font-family: SourceHanSansCN-Regular;
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 26px;
	letter-spacing: 1px;
	color: #ffffff;
	padding-top: 40px;
}
.roundness_title1{
	text-align: center;
	font-family: SourceHanSansCN-Regular;
	font-size: 22px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 132px;
	letter-spacing: 2px;
	color: #ffffff;
}
.roundness_title2{
	text-align: center;
	font-family: SourceHanSansCN-Regular;
	font-size: 20px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 26px;
	letter-spacing: 2px;
	color: #ffffff;
}
.page_title1>table,.page2_div5 table{
	border-collapse:collapse;
    border-spacing:0;
    margin:0;
    padding:0;
    border:none;
}
/* 街道巡查项目不符合统计表样式 start */
.page2_div2 table td{
	border: none !important;
	font-family: MicrosoftYaHei;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #ffffff;
	height: 74px;
}
.page2_div2 table>thead th:nth-child(1),.page2_div2 table>tbody>tr>td:nth-child(1){
	padding-left: 46px;
}
.page2_div2 table>tbody>tr>td:nth-child(1){
	width:55%;
}
.page2_div2 table>tbody>tr>td:nth-child(3){
	padding-right: 17px;
}
.page2_div2 table>tbody tr:nth-child(odd),.page2_div5 table>tbody tr:nth-child(odd),.rankingList table>tbody>tr:nth-child(1),.rankingList table>tbody>tr:nth-child(3){
	background-color: #003399 !important;
}
.page2_div2 table>tbody tr:nth-child(even),.page2_div5 table>tbody tr:nth-child(even),.rankingList table>tbody>tr:nth-child(2){
	background-color: #002262 !important;
}
.page2_div2 table th{
	border: none !important;
	font-family: MicrosoftYaHei;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #ffffff;
	height: 50px;
}
.page2_div2 table>tbody>tr>td:nth-child(2),.page2_div5 table>tbody>tr>td:nth-child(2){
	font-family: MicrosoftYaHei;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 35px;
	letter-spacing: 0px;
	color: #ffff00;
}
.page2_div2 table>tbody>tr>td:nth-child(2){
	width:15%;
}
/* 街道巡查项目不符合统计表样式 end*/
.progressBar1,.progressBar2{
	position: absolute;
	top: 0%;
	left: 0;
	height: 15px;

	border-radius: 4px;
}
.progressBar1{
	background-color: #003db5;
	width: 100%;
}
.progressBar2{
	background-image: linear-gradient(87deg, 
						#ffea00 0%, 
						#ffc76b 100%), 
						linear-gradient(
						#000000, 
						#000000);
	background-blend-mode: normal, 
}
.progressBar3{
	position: absolute;
	background: url(../images/Scalebox2.png) no-repeat;
	background-size:100% 100%;
	top: -40px;
	left: 38px;
	width: 49px;
	height: 37px;
	text-align: center;
	font-family: MicrosoftYaHei;
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: 0px;
	color: #ffff00;
}
/* 社区巡查排行表样式start */
.page2_div5 table td{
	border: none !important;
	font-family: MicrosoftYaHei;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #ffffff;
	height: 60px;
	text-align: center;
	width:33.3%
}
.page2_div5 table th{
	border: none !important;
	font-family: MicrosoftYaHei;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #ffffff;
	height: 42px;
}
.progressBar4{
	position: absolute;
	background: url(../images/Scalebox1.png) no-repeat;
	background-size:100% 100%;
	top: -8px;
	left: 105%;
	width: 56px;
	height: 29px;
	text-align: center;
	font-family: MicrosoftYaHei;
	font-size: 10px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: 0px;
	color: #ffff00;
}
.annular>p{
	font-family: SourceHanSansCN-Regular;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 26px;
	letter-spacing: 1px;
	color: #ffffff;
	text-align: center
}

.positive{
	background: url(../images/page3_border1.png) no-repeat;
	background-size: 100% 100%;
	height: 415px;
}
.positive>p{
	font-family: MicrosoftYaHei;
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #ffffff;
    padding-left: 10%;
    height: 80px;
    line-height: 80px;
}
.positive>.flex_div_around>div>p{
	text-align: center;
	font-family: SourceHanSansCN-Regular;
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 26px;
	letter-spacing: 1px;
	color: #ffffff;
	padding-top: 20px;
}
.checkNumber{
	background: url(../images/page3_border1.png) no-repeat;
	background-size: 100% 100%;
	height: 414px;
}

.rankingList{
	background: url(../images/page3_border2.png) no-repeat;
	background-size: 100% 100%;
	height: 415px;
}
.test_marginTop1{
	margin-top: 1px;
}
.test_marginTop2{
	margin-top: 10px;
	margin-bottom:0;
}
.highStake1{
	background: url(../images/page3_border4.png) no-repeat;
	background-size: 100% 100%;
	height: 417px;
}
.highStake2{
	background: url(../images/page3_border5.png) no-repeat;
	background-size: 100% 100%;
	height: 417px;
}
.rankingTitle{
	font-family: MicrosoftYaHei;
	font-size: 20px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #ffffff;
	height: 60px;
	line-height: 60px;
	text-align: center;
	padding-top: 11px;
}
.ranking_nav{
	width: 17%;
	background: url(../images/testBtn2.png) no-repeat;
	background-size: 100% 100%;
	height: 50px;
	font-family: MicrosoftYaHei;
	font-size: 1.2em;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #ffffff;
	line-height: 50px;
	text-align: center
}
.rankingList table th{
	border: none !important;
	font-family: MicrosoftYaHei;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #ffffff;
	height: 70px;
}
.rankingList table td{
	border: none !important;
	font-family: MicrosoftYaHei;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #ffffff;
	height: 50px;
	text-align: center;
	width:33.3%;
}
.rankingList table td:nth-child(n+2):nth-child(-n+3){
	color: yellow
}
/* .rankingList table>tbody>tr:nth-child(4)>td:last-child,.rankingList table>tbody>tr:nth-child(4),.rankingList table>tbody>tr:nth-child(4)>td:last-child{
	background: linear-gradient(-45deg, transparent 26px, #002262 0);
	
} */
.page2_div5 table>tbody tr:nth-child(4),.page2_div5 table>tbody tr:nth-child(4)>td:last-child{
	background: linear-gradient(-44deg, transparent 15px, #002262 0);
}
.mapRight2,.mapRight1{
	color: #fff;
}
.mapDiv{
	background: url(../images/map_border.png) no-repeat;
	background-size: 100% 100%;
	width: 69%;
	height: 602px;
	padding:3px 2px 2px 2px;
}
.map_bottomDiv1{
	width: 38.5%;
	height: 364px;
	background: url(../images/page1_border2.png) no-repeat;
	background-size: 100% 100%;
}
.map_bottomDiv1>div{
	padding: 10% 1% 0 5%;
}
.map_bottomDiv2,.map_bottomDiv3{
	width: 29.5%;
	height: 364px;
	background: url(../images/page1_border3.png) no-repeat;
	background-size: 100% 100%;
}
.mapTitle1{
	font-family: MicrosoftYaHei;
	font-size: 1.2em;
	font-weight: normal;
	font-stretch: normal;
	line-height: 25px;
	letter-spacing: 2px;
	color: #ffffff;
}
.mapTitle2{
	font-family: DINPro-Medium;
	font-size: 2em;
	font-weight: normal;
	font-stretch: normal;
	line-height: 25px;
	letter-spacing: 0px;
	color: #ffff00;
	padding-top: 18px;
}
.mapIcon{height:24px; width:15px; display:inline-block; position:relative;}
    .mapIcon:before{    
        content: '';
	    height: 10px;
	    width: 10px;
	    display: block;
	    position: absolute;
	    top: 2px;
	    left: 0px;
	    z-index: 1;
	    line-height: 26px;
	    background: red;
	    border-radius: 40px;
	    -webkit-border-radius: 40px;
	    -moz-border-radius: 40px;
	    color: #fff;
	    text-align: center;
    }
    .mapIcon:after{ 
	    content: '';
	    height: 0px;
	    width: 0px;
	    display: block;
	    position: absolute;
	    bottom: 5px;
	    left: 2px;
	    border: 10px transparent solid;
	    border-top-color: red;
	    border-width: 9px 3px 0px 3px;
    }
/*百度地图表格样式*/
.siteInformation,.patrolRecord,.patrolRecord1{
            color: #fff;
            height: 32px;
        }
        .siteInformation{
            background-image: linear-gradient(90deg, 
            #007eff 0%, 
            #00edff 100%)
        }
        .patrolRecord{
            background-image: linear-gradient(90deg, 
            #ff3300 0%, 
            #ff6633 100%)
        }
        .patrolRecord1{
            background-image: linear-gradient(90deg, 
            #56ab2f 0%, 
	    	#a8e063 100%)
        }
        .patrolRecordTable,.patrolRecord1Table,.patrolRecordTable tr,.patrolRecord1Table tr,
        .patrolRecordTable tr td,.patrolRecord1Table tr td{
            border: 0;
        }
        .patrolRecordTable thead tr td,.patrolRecord1Table thead tr td{
        	height:40px;
        }
        .patrolRecordTable tbody tr td,.patrolRecord1Table tbody tr td{
            background-color: #ebebeb;
        }

#mapInfo_div{
	display: block;
    background: rgb(255, 255, 255);
    position: fixed;
    top: 150px;
    right: 200px;
    z-index: 9999;
    border-radius: 5px;
    padding:5px
}
#mapInfo_div h4:first-child{
	border-radius:5px 5px 0 0;
}
#mapInfo_div h4{
	    line-height: 32px;
}
.closeBtn{
	position: absolute;
    top: -6px;
    right: 9px;
    color: #000;
    font-size: 22px;
}
.mapIocnStyleDefault{
	/* color:#ffdd00 !important;
	font-weight:bold; */
	background: url(../images/default.png) no-repeat;
	background-size:100% 100%;
}
.mapRight1 .mapIocnStylePitch{
	background-color: #0063c5;
}
.mapRight2 .mapIocnStylePitch{
	/* color:#ffdd00 !important;
	font-weight:bold; */
	background: url(../images/pitch.png) no-repeat;
	background-size:100% 100%;
}
.cateringUnit{
		font-family: MicrosoftYaHei;
	font-size: 20px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #ffffff;
	padding-left: 15%;
}
	
}
.personalCenter>.infoBox>div{
	border-bottom:1px solid #ccc;
	padding: 20px 10px;
	
}
.gengaimima{
	display:inline-block;
}
.page2Thead{
	width:48%
}
.mapRight1{
	background: url(../images/page1_border2_05.png) no-repeat;
	width: 100%;
	height:129px;
	background-size:100% 100%;
	display:flex;
	justify-content: space-around;
	padding:15px 0px;
}
.mapRight1>div{
	width:20%;
}
.mapRight2{
	background: url(../images/page1_border3_05.png) no-repeat;
	width: 100%;
	height:227px;
	background-size:100% 100%;
	margin-top:21px;
	padding:20px 0px 15px 0px;
	overflow-y:scroll;
}
.mapRight2::-webkit-scrollbar{
	display:none;
}
.mapRight3{
	background: url(../images/page1_border4_05.png) no-repeat;
	width: 100%;
	height:100px;
	background-size:100% 100%;
	margin-top:21px;
	padding-top:39px;
	text-align:center;
}
.mapRight3 .active{
	background: url(../images/testBtn1.png) no-repeat;
	background-size: 100% 100%;
}
.pagefour{
	background: url(../images/page2_border1.png) no-repeat;
	background-size:100% 100%;
	width:49.5%;	
	height:279px;
}	
.cateringUnit{
		font-family: MicrosoftYaHei;
	font-size: 20px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #ffffff;
	padding-left: 8.5%;
	height:60px;
	line-height:60px;
}
.mapRBRole{
	width:40px;
	height:40px;
	position:absolute;
	background: url(../images/rbRloe.png) no-repeat;
	background-size:100% 100%;
	bottom:0;
	right:0;
	z-index:999;
}
.mapLTRole{
	width:40px;
	height:40px;
	position:absolute;
	background: url(../images/TLRole.png) no-repeat;
	background-size:100% 100%;
	top:0;
	left:0;
	z-index:999;
}
}
/*#containerMap{
	      background: linear-gradient(-45deg,transparent 26px, white  0)bottom right,
              linear-gradient(135deg,transparent 19px, white 0)top left;
          background-size: 90% 100%;
          background-repeat: no-repeat;
}*/
/* FQT样式end */