*{ margin:0px; padding:0px; border:0;}
a{ text-decoration:none; color:#000;}
ul,ol,li{list-style-type:none;}
img { max-width: 100% }
body { font-family: "Microsoft Yahei","\5B8B\4F53"; font-size:14px; line-height: 1; min-width: 1366px; }

/*详情页 tab 切换*/
.tab1{width:96%;margin:20px auto; }
.menu{height:36px; margin-bottom: 20px;}
.menu li{float:left; padding:0 8px;margin-right: 16px; text-align:center; line-height:36px;height:36px; cursor:pointer;color: #333333; font-size:16px;overflow:hidden;}
.menu li:hover{ color:#40A0F4;}
.menu li.off{color:#40A0F4;border-bottom: 2px solid #40A0F4; }

/*详情页 顶部*/
.fileldset_box{ width:100%; border: 1px solid #e5e5e5; background: #ffffff; margin-bottom:40px;box-shadow: 0px 3px 8px #dbdbdb;}
.leg-top{color: #FF9933; margin-left: 0px; padding: 0px 10px; font-size: 16px; margin-bottom: 10px;}

/*查询框*/
.query-box{width: 96%; border: 1px solid #e5e5e5; margin: 20px auto; background-color: white;}
.query-top {width:100%;height: 48px; cursor:pointer; }
.query-top p{float: left; margin-left: 20px; line-height: 48px; color:#FF9933 ; }
.query-top img{float: right; margin: 16px 20px 0 0;}

/*表格*/
.messbox{width: 96%;margin:20px auto;border: 1px solid #E5E5E5; margin-left: 20px;font-size: 18px;  }
.messbox p{color: #FF9933; line-height: 48px; margin-left: 20px;}

.tabuse{ width: 96%; margin: 0 0 10px 20px; font-size: 14px; }
.tabuse tr th{ height: 40px; font-weight: normal; text-align: right; vertical-align: middle ; /*color:#40A0F4;*/ }
.tabuse tr td{ height: 40px; text-align: left;vertical-align: middle; padding-left:4px; }
.tabuse .inp-1{ width: 92%; height: 30px; border: 1px solid #e5e5e5; padding: 0 6px;} /*输入框f0f0f0*/
.tabuse .inp-2{ width: 100%; height: 30px; border: 1px solid #e5e5e5; padding: 0 6px;} /*下拉列表框*/
.tabuse .inp-3{ width: 78%; height: 30px; border: 1px solid #e5e5e5; padding: 0 6px; }  /*带按钮输入框*/
.tabuse .inp-4{ width: 32%; height: 30px; border: 1px solid #e5e5e5; padding: 0 6px;}
.tabuse .inp-5{ width: 26%; height: 30px; border: 1px solid #e5e5e5; padding: 0 6px;}/*地址框*/
.tabuse .inp-6{ width: 34%; height: 30px; border: 1px solid #e5e5e5; padding: 0 6px;}
.tabuse .inp-7{ width: 96%; height: 30px; border: 1px solid #e5e5e5; padding: 0 6px;}
.tabuse .inp-11{ width: 74%; height: 30px; border: 1px solid #e5e5e5; padding: 0 6px;}
.tabuse .equ_input {position: relative; width: 78%;}
.tabuse .equ_input input { width: 100%}
.tabuse .equ_input .icon { position: absolute;top: 50%;right: 10px;transform: translateY(-50%);cursor: pointer}
/*.tabuse .inp-12 { width: 29%; height: 30px; border: 1px solid #e5e5e5; padding: 0 6px; } */
.tabuse .inp-8,.project-tab  .inp-8{ width:48px; height: 20px; border-bottom: 1px solid #cccccc; padding: 0 6px; outline:none ; text-align: center;}
.project-tab .inp-9{ width:90%; height:20px; border-bottom: 1px solid #cccccc; padding: 0 6px; outline:none ; text-align: left;}
/*.project-tab .inp-9{ width:420px; height:20px; border-bottom: 1px solid #cccccc; padding: 0 6px; outline:none ; text-align: left;}*/


.tabuse .but1{padding: 4px 14px;background:#40A0F4; color:#fff ;border-radius:4px ; margin-left: 20px; cursor: pointer;}
.tabuse  .inp-10{ width:98%; height:100px; outline:none ; text-align: left; border: 1px solid #cccccc; padding: 6px;box-sizing: border-box;} /* 多行文本框 */
.tabuse td a{ margin-right:30px;}

/*下拉*/
.tabuse select::-ms-expand{ display: none; }
.tabuse select{
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    background: url("../img/arrow.png") no-repeat  right center white;
}
/*地址*/
.address{width: 17%; float: left; }
.province{ width: 80%; height:28px; border: 1px solid #f0f0f0; padding-left:6px;}

/*底部按钮*/
.bottom-but{width:96%; height: 40px;margin:20px auto ;text-align: center;}
.bottom-but button {border: none;  width: 120px; line-height: 40px;text-align: center; color: #ffffff; border-radius:4px ;cursor: pointer; }
.equ_form-fixed-btn{position: fixed;bottom: 0;}
.but_blue{background: #169BD5;}
.but_green{background: #009966;}
.but_yellow{background: #FF9900;}
.but_red{background: #FF3333;}
.but_violet{background: #7b45ef;}
.but_orange{background: #ffdf05;}
.but_gray{background: #999999;}

/*颜色按钮*/
.button-blue {border: none;  width: 120px;line-height: 40px;text-align: center; background: #169BD5; color: #ffffff;border-radius:4px ;cursor: pointer; }
.button-green {border: none;  width: 120px;line-height: 40px;text-align: center; background: green;color: #ffffff; border-radius:4px ;cursor: pointer; }
.button-yellow {border: none;  width: 120px;line-height: 40px;text-align: center; background: #FF9900;color: #ffffff; border-radius:4px ;cursor: pointer; }
.button-red {border: none;  width: 120px;line-height: 40px;text-align: center; background: #FF3333;color: #ffffff; border-radius:4px ;cursor: pointer; }
.button-violet {border: none;  width: 120px;line-height: 40px;text-align: center; background: #7b45ef;color: #ffffff; border-radius:4px ;cursor: pointer; }
.button-orange {border: none;  width: 120px;line-height: 40px;text-align: center; background: #ffdf05;color: #ffffff; border-radius:4px ;cursor: pointer; }

/*复选框*/
/*.checks label{ margin-left:8px;}*/
/*.checks span,.check{ margin-left:8px; margin-bottom:8px ;}*/
.checks .check {margin-right: 5px;}
.checks span {margin-right: 10px;}
.checks .check[type=radio] { margin: 0 2px 0 0;}
.check[type=checkbox] { position: relative;}
.check[type=checkbox]::before{ content:''; position: absolute; width: 18px; height: 18px; background: url("../img/checkbox_1.png") no-repeat; }
.check[type=checkbox]:checked::before {content: '';  background: url("../img/checkbox_2.png") no-repeat; }

/*单选*/
.demo-label{display:inline-block;position:relative; }
.demo-label a{margin:0 20px -4px 24px ;}
.demo-radio{display:none}
.demo-radioInput{position:absolute; top: -2px; border:1px solid #CFCFCF; border-radius:50%;display:inline-block;height:16px;width:16px; background:#fff; cursor:pointer;}
.demo-radio:checked + .demo-radioInput:after{content:''; width:10px; height:10px; position:absolute; top:3px; left:3px; background:#FF9900; border-radius:50%;}
.demo-radio:checked + .demo-radioInput{border:1px solid #FF9900;}

/*text文本*/
.text-1{ width: 98%; border: 1px solid #e5e5e5; padding: 0 6px;}
/*滚动条 start*/
::-webkit-scrollbar {
    width: 4px;
    height: 4px;
    background-color: #F5F5F5;
}
/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,1);
    background: #ffffff ;
}
/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb {
    border-radius: 2px;
    -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,.2);
    background-color:rgba(230 230, 230, 1);
}
::-webkit-scrollbar-thumb:hover {
    border-radius: 2px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.2);
    background-color:rgba(180, 200, 255, 0.9);
}
.tabuse .inp-13{ width: 15%; height: 30px; border: 1px solid #e5e5e5; padding: 0 6px;}
/* 消息明细列表*/
/*.box-info{width: 90%; border-bottom: 1px solid #e5e5e5;padding: 20px 0; font-size: 14px; box-sizing: border-box ; }*/
/*.box-top{width:100% ; height: 48px; padding: 0 10px; }
.box-top-left{float: left; line-height: 48px; margin-left:-10px ;}
.box-top-left span{color: #40A0F4;}
.box-top-right{float: right; margin: 9px 10px 0 0 ;}
.box-top-right button{width: 90px; height: 30px;background: none; cursor:pointer ; outline: none; border-radius:4px ;}
.box-top-right .but-info-1:hover{border: none; background: #FF9900; color: white; }
.box-top-right .but-info-2:hover{border: none; background: #40A0F4; color: white; }
.box-top-right .but-info-3:hover{border: none; background: #009966; color: white; }	*/
.tab-info-box{ width: 100%; margin-bottom: 30px;}
.tab-info{ width: 98%; margin: 0 auto; font-size:14px;min-width:1188px;}
.tab-info tr th{ height:36px  !important ; text-align: right;  font-weight: normal;}
/*.tab-info tr td{ height:36px  !important ;}*/
.tab-info caption{line-height: 36px; text-align: left;}

/*vuetable普通行与明细行样式调整*/
.ui.table td,.ui.table th{ padding:0;  }
.ui.table>tbody>tr[render]>td {
    padding:.78571429em;
}
.title-top{ font-size: 16px!important;}

/* 功能授权页面*/
.empower-box{ width: 940px; border: 1px solid #e5e5e5; margin: 20px auto; padding: 20px 0 0 10px; background: white;}
.checks-top{color: #009966; }
.checks{ margin-bottom: 20px;}
.checks .nav-tit{color: #40A0F4; } /*一级导航*/
.tab-check{margin-left: 30px ;}
.tab-check tr td{ height: 30px;}/*二级导航*/
.tab-check tr th{vertical-align: top; font-weight: normal; text-align: left;}/*三级导航*/

/*分割线*/
.seg_line{background:#a2caed; height: 1px; width: 97%; margin:30px auto ;}

/*统计表*/
.statistics-tab{ width: 96%; margin: 20px auto; border-collapse: collapse; text-align: center; }
.statistics-tab td{ border: 1px solid #999; height: 44px;vertical-align: middle;}
.statistics-tab caption {font-size: 20px; font-weight: bold; margin-bottom: 20px;}
.top_tab td{border: none; text-align: left;height:48px; font-size:16px; font-weight: bold; }

/*监察计划*/
.menutop{ width: 96%; min-width: 1360px; margin:20px auto;margin-bottom: 40px;  height: 160px; border: 1px solid #e5e5e5;padding: 20px;  box-sizing: border-box; box-shadow: 0 2px 4px #cccccc; }
.menu_cont{width: 32%;height:120px; float: left; border: 1px solid #E4E4E4;box-sizing: border-box;}
.menu_cont_left{float: left; width:36%; margin-left: -1px; height: 100%; background: #339900; text-align: center; color: white;}
.menu_cont_left p{line-height: 24px; margin-top: 12px;}
.menu_cont_left p span{font-size: 18px;}
.menu_cont_left h2{line-height: 50px;}
.menu_cont_right{float: right; width:64%; height: 100%;}
.data_tab{ width: 98%; margin: 0 auto;margin-top: 12px;}
.data_tab th{font-weight: normal; text-align: right;height: 30px; }
.daily a{ color: #169BD5;}  /*日常-蓝色*/
.special a{ color: #009966;} /*专项-绿色*/
.problem a{ color: #FF3333;} /*问题-红色*/
.data_tab a:hover{ text-decoration: underline;}

.menu_plan{width: 96%; min-width: 1360px; margin:20px auto; border: 1px solid #e5e5e5;}
.menu_plan_top{width: 100%; height: 60px; line-height: 60px;}
.menu_plan_top_left{width: 60%; float: left; margin-left: 20px;}
.menu_plan_top button{background: none; cursor:pointer ; outline: none; border-radius:4px ; padding: 10px 20px; }
.menu_plan_top .but-plan-1:hover{border: none; background: #FF9900; color: white; }
.menu_plan_top .but-plan-2:hover{border: none; background: #40A0F4; color: white; }
.menu_plan_top .but-plan-3:hover{border: none; background: #009966; color: white; }
.menu_plan_top_right{width: 20%; float: right; margin-right: 20px;text-align: right;}
.menu_plan_text{width: 100%; height: 60px; line-height: 60px;clear: both;}
.menu_plan_text p{font-size:18px ; color: #666666; margin-left: 15px;}
.menu_plan_text p a:hover{text-decoration: underline;}

/*区域表格*/
.menu_plan_data{width: 96%; min-width: 1360px;margin:0px auto;}
.plan-box{width: 32%; float: left; background: #ffffff;margin:0 16px 20px 0;border: 1px solid #cccccc;padding-bottom:20px;}
.plan-top {width:100%;height: 48px;background: #40A0F4;text-align: center; line-height: 48px; color:#ffffff ; font-size:18px ;}
.boxs p{line-height: 48px; margin-left: 20px;color: #2d6ae7; font-size: 16px; position: relative;top:6px;}
.plan_tab{ width: 94%; margin: 0 auto;background: white;}
.plan_tab th{font-weight: normal; text-align: right; padding: 0 8px; height: 24px; }
.plan_tab td a:hover{ text-decoration: underline;}


/* 文件上传 */
.file {position: relative;display: inline-block;background: #D0EEFF;border: 1px solid #99D3F5;border-radius: 4px;padding: 4px 12px;overflow: hidden;color: #1E88C7;text-decoration: none;text-indent: 0;line-height: 20px;}
.file input {position: absolute;font-size: 100px;right: 0;top: 0;opacity: 0; cursor: pointer; }
.file:hover {background: #AADFFD;border-color: #78C3F3;color: #004974;text-decoration: none;}

/* 安全监督检查项目表 */
.title-text{ width: 100%; text-align: center; line-height: 60px; font-size: 24px; }
.title-text p{line-height:40px; }

.project-tab{ width: 96%; margin: 20px auto; border-collapse: collapse; text-align:left;vertical-align: middle;  }
.project-tab td{ border: 1px solid #999; height: 40px;vertical-align: middle; padding-left: 6px; }
.project-tab th{ border: 1px solid #999;height: 40px;vertical-align: middle; font-weight: normal; text-align: center; }
.project-tab .inp-1{ width:90%; height:80%; border-bottom: 1px solid #cccccc; padding: 0 6px; outline:none ; text-align: left;}
.project-tab .move_left{ margin-left: 16px;}
.project-tab .border_top{border-top:none ; }
.project-tab .border_right{border-right:none ; }
.project-tab .border_bottom{border-bottom:none ; }
.project-tab .border_left{border-left:none ; }
.project-tab .border_none{border:none ; }
.project-tab .but_delete{float: right; width: 200px; margin: 0; position: relative; bottom: 10px;}

.project-tab caption{ font-size: 20px; margin-bottom:10px; line-height:30px;}

.jianz{width: 60%;margin:20px auto; border: 1px solid #ccc; }
.jianz span{ font-size:16px;}
.jianz-con{width:90%; margin: 0 auto;  border: 1px dashed #ccc; padding:10px 0;box-sizing: border-box;}
.jianz-con ul li{ float: left; line-height:30px; padding:0 30px ;}
.jianz-tab{ width: 96%; margin:0 auto; text-align:left;vertical-align: middle;}
.jianz-tab td{ line-height:48px; font-size: 16px;}
.jianz-tab-1 th{ font-size: 16px; font-weight: normal;line-height:40px;}
.jianz-tab .inp-1{ width:100%; height:24px; border-bottom: 1px solid #cccccc; padding: 0 6px; outline:none ; text-align: left; box-sizing: border-box;}
.jianz-tab .inp-3{ width:80%; height:24px; border-bottom: 1px solid #cccccc; padding: 0 6px; outline:none ; text-align: left; box-sizing: border-box;}
.jianz-tab .inp-2{ width:100%; height:100px; outline:none ; text-align: left; border: 1px solid #cccccc; padding: 6px;box-sizing: border-box;} /* 多行文本框 */
.dashed-box{width:100%; height:100px; outline:none ; text-align: left; border: 1px dashed #cccccc; padding:20px 6px;box-sizing: border-box;} /* 虚线框 */
.dashed-box p{ line-height:48px; margin-left: 20px; font-size: 16px;}
.dashed-box span{ border-bottom: 1px solid #cccccc; padding:6px 10px;}
.text_right{text-align: right;}

/* 步骤流程 */
.steps{width:70%; margin:30px auto;}
.steps-tab { width: 100%; height:120px;height: 80px; border-collapse: separate; border-spacing:80px 0;}

/* 事故表 */
.ziliao-tab{ width: 96%; margin: 20px auto; border-collapse: collapse;}
.ziliao-tab td{ border: 1px solid #999; height: 44px;vertical-align: middle;}
.ziliao-tab th{ border: 1px solid #999; height: 44px;vertical-align: middle; font-weight: normal; text-align: center; }
.ziliao-tab caption {font-size: 20px; font-weight: bold; margin-bottom: 20px;}
.ziliao-tab .inp-1{width: 94%; height: 30px; padding: 0 6px;  outline: none;}
.ziliao-tab .inp-2{ width: 98%; height: 34px; padding: 0 6px;outline: none;} /*下拉列表框*/
.ziliao-tab .inp-3{width: 86%; height: 30px; padding: 0 6px;  outline: none;}
.ziliao-tab .inp-10{ width:98%; height:100px; line-height: 26px; outline:none ; text-align: left; padding: 6px;box-sizing: border-box;} /* 多行文本框 */
.ziliao-tab .but1{padding: 6px 14px;background:#40A0F4; color:#fff ;border-radius:4px ; margin-left: 20px; cursor: pointer;}

textarea{
    resize: none;
}



.message{position: relative; width:420px;line-height:20px;color:#ffd5bc; margin-left: 10px;}
.message .input{ margin-left: 20px; width: 310px; border:none;background:none;color:#333;}
.message .liulan{ display: inline-block;background: #D0EEFF;border: 1px solid #99D3F5;border-radius: 4px;padding: 4px 12px; color: #1E88C7;cursor:pointer; }
.message .files{position:absolute; filter: Alpha(opacity=0);-moz-opacity:0;opacity:0;}
.hide{ display:none;}

/**
     loading 样式
 */
.sk-bounce {margin: 0px auto; width: 200px; text-align: center;position: absolute; left: 50%;top:50%; margin-left: -100px; margin-top: -20px;}
.sk-bounce .sk-child {
    width: 20px; height: 20px; background-color: #40A0F4; border-radius: 100%; display: inline-block; margin:0 4px;
    -webkit-animation: sk-bounce 1.5s ease-in-out 0s infinite both;
    animation: sk-bounce 1.5s ease-in-out 0s infinite both; }
.sk-bounce .sk-bounce1 {
    -webkit-animation-delay: -0.6s;
    animation-delay: -0.6s; }
.sk-bounce .sk-bounce2 {
    -webkit-animation-delay: -0.4s;
    animation-delay: -0.4s; }
.sk-bounce .sk-bounce3 {
    -webkit-animation-delay: -0.2s;
    animation-delay: -0.2s; }

.table_row{ display: flex; align-items: center; padding: 15px 10px 0 10px; font-size: 14px; }
.table_row .item {display: flex; align-items: center;margin-right: 10px;}
.table_row .item_flex {display: flex; align-items: center;margin-right: 10px;flex: 1;}
.table_row .item:last-child {margin-right: 0px;}
.table_row .item_flex:last-child {margin-right: 0px;}
.table_row .left_title {min-width: 70px;}
.mr10 {margin-right: 10px;}
.flex_1 {flex: 1;}
.icon_25 {width: 25px; height: 25px;}
.flex_class {display: flex;width: 100%; align-items: center;}
.table_row .input {flex: 1; border: 1px solid #f0f0f0; width: 30%; height: 28px; line-height: 28px; padding: 0 6px; }
.table_row select::-ms-expand{ display: none; }
.table_row select{
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    background: url("../img/arrow.png") no-repeat  right center white;
}
.flex_class_1 {display: flex;align-items: center;}
.flex_class_justify_center {display: flex;align-items: center;justify-content: center;}
.flex_class_justify_between {display: flex;align-items: center;justify-content: space-between;}

.tabuse{ width: 96%; margin: 0 0 10px 20px; font-size: 14px; }
.tabuse tr th{ height: 40px; font-weight: normal; text-align: right; vertical-align: middle ; /*color:#40A0F4;*/ }
.tabuse tr td{ height: 40px; text-align: left;vertical-align: middle; padding-left:4px; }
.tabuse .inp-1{ width: 92%; height: 30px; border: 1px solid #e5e5e5; padding: 0 6px;} /*输入框f0f0f0*/
.tabuse .inp-2{ width: 100%; height: 30px; border: 1px solid #e5e5e5; padding: 0 6px;} /*下拉列表框*/
.tabuse .inp-3{ width: 78%; height: 30px; border: 1px solid #e5e5e5; padding: 0 6px;}  /*带按钮输入框*/
.tabuse .inp-4{ width: 32%; height: 30px; border: 1px solid #e5e5e5; padding: 0 6px;}
.tabuse .inp-5{ width: 26%; height: 30px; border: 1px solid #e5e5e5; padding: 0 6px;}/*地址框*/
.tabuse .inp-6{ width: 34%; height: 30px; border: 1px solid #e5e5e5; padding: 0 6px;}
.tabuse .inp-7{ width: 96%; height: 30px; border: 1px solid #e5e5e5; padding: 0 6px;}
.tabuse .inp-11{ width: 74%; height: 30px; border: 1px solid #e5e5e5; padding: 0 6px;}
.tabuse .inp-13{ width: 15%; height: 30px; border: 1px solid #e5e5e5; padding: 0 6px;}
.tabuse .inp-45{ width: 45%; height: 30px; border: 1px solid #e5e5e5; padding: 0 6px;}
/*.tabuse .inp-12 { width: 29%; height: 30px; border: 1px solid #e5e5e5; padding: 0 6px; } */

.tabuse .inp-8,.project-tab  .inp-8{ width:48px; height: 20px; border-bottom: 1px solid #cccccc; padding: 0 6px; outline:none ; text-align: center;}
.project-tab .inp-9{ width:90%; height:20px; border-bottom: 1px solid #cccccc; padding: 0 6px; outline:none ; text-align: left;}
/*.project-tab .inp-9{ width:420px; height:20px; border-bottom: 1px solid #cccccc; padding: 0 6px; outline:none ; text-align: left;}*/


.tabuse .but1{padding: 4px 14px;background:#40A0F4; color:#fff ;border-radius:4px ;  cursor: pointer;}
.tabuse .inp-10{ width:98%; height:100px; outline:none ; text-align: left; border: 1px solid #cccccc; padding: 6px;box-sizing: border-box;} /* 多行文本框 */
.tabuse td a{ margin-right:30px;}

/*下拉*/
.tabuse select::-ms-expand{ display: none; }
.tabuse select{
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    background: url("../img/arrow.png") no-repeat  right center white;
}

@-webkit-keyframes sk-bounce {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0); }
    40% {
        -webkit-transform: scale(1);
        transform: scale(1); } }

@keyframes sk-bounce {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0); }
    40% {
        -webkit-transform: scale(1);
        transform: scale(1); } }


/*vue预加载标签*/
[v-cloak] {
    display: none !important;
}