/* 公共的css */ * { margin: 0px; padding: 0px; outline: none; resize: none; border: none; } body { font-size: 14px; font-family: "微软雅黑", "黑体", '宋体'; color: #333; } a { text-decoration: none; } a:hover { text-decoration: none } ul, li { list-style: none; } img { border: 0; margin: 0px; padding: 0px; } .clearfix:after { content: ""; display: block; width: 100%; height: 0; clear: both; } .clear { content: ""; display: block; width: 100%; height: 0; clear: both; } .mr-5 { margin-right: 5px; } .mt-20 { margin-top: 20px; } .mt-30 { margin-top: 30px; } .m-0 { margin: 0 !important; } .mt-0 { margin-top: 0 !important; } .mt-5 { margin-top: 5px !important; } .mt-15 { margin-top: 15px; } .mt-60 { margin-top: 50px; } .mt-80 { margin-top: 80px; } .mr-0 { margin-right: 0 !important; } .mb-10 { margin-bottom: 10px; } .ml-14 { margin-left: 14px; } .ml-35 { margin-left: 35px; } .mtmb-50 { margin: 50px 0; } .mtmb-70 { margin: 50px 0; } .fs20 { font-size: 20px; } .pl-0 { padding-left: 0 !important; } .pr-0 { padding-right: 0 !important; } /* 蓝色按钮 */ .btn-ligr { width: 160px; height: 40px; line-height: 40px; margin: 0 auto; border-radius: 4px; display: block; color: #fff; text-align: center; cursor: pointer; border: 1px solid #2673e5; background: #3b86f3; background: -moz-linear-gradient(top, #4990f9, #3a85f3, #2877ec); background: -webkit-linear-gradient(top, #4990f9, #3a85f3, #2877ec); background: linear-gradient(to bottom, #4990f9, #3a85f3, #2877ec); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4990f9', endColorstr='#2877ec', GradientType='0'); text-decoration: none; } .btn-ligr:hover, .btn-ligr:focus { background: #2673e5; color: #fff; } /* 灰色按钮 */ .btn-gray { width: 160px; height: 40px; line-height: 40px; margin: 0 auto; border-radius: 4px; display: block; color: #fff; text-align: center; /* cursor: pointer; */ border: 1px solid #808080; background: #808080; text-decoration: none; } .btn-gray:hover, .btn-gray:focus { background: #808080; color: #fff; } /* 单选框样式 */ .rad-io input { display: none; } .rad-io label { width: 14px; height: 14px; border: 1px solid #ced5e1; background: #9c9c9c; border-radius: 20px; margin: 10px 10px 10px 0; } .rad-io :checked + label { width: 14px; height: 14px; background: url(../images/radio-on.png) no-repeat; border: none } /* 复选框样式 */ .check-box input { display: none; } .check-box label { width: 14px; height: 14px; border: 1px solid #cfcfcf; background: #e1e1e1; margin-top: 10px; margin-right: 10px; border-radius: 4px; } .check-box :checked + label { background: url(../images/pick-on.png) no-repeat; border: none } .check-box strong { font-weight: normal; } /* 下拉框的样式 */ body select { appearance: none; -moz-appearance: none; /* Firefox */ -webkit-appearance: none; /* Safari 和 Chrome */ appearance: none; float: left; padding-right: 50px; } body select::-ms-expand { display: none; } /*弹窗*/ /* .modal .modal-dialog { */ /* margin-top: 180px; */ /* } */ .modal .modal-header { font-size: 16px; color: #fff; background: #2575eb; border-radius: 4px 4px 0 0; height: 38px; line-height: 38px; padding: 0; } .modal .modal-header .modal-title { line-height: 38px; } .modal .modal-header .close { margin: 6px 10px 0 0; opacity: 1; } .modal-footer { border-top: none; } /* .modal-body { */ /* width: 90%; */ /* margin: 20px auto 0 auto; */ /* } */ .m-input { margin-top: 10px; } .m-input .col-sm-3 { width: 20%; } .m-input .col-sm-9 { width: 79%; padding-left: 0; } .m-input label { font-weight: normal; line-height: 38px; } .m-input input { height: 38px; } .m-input select { width: 100%; height: 38px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; appearance: none; -moz-appearance: none; -webkit-appearance: none; } .modal-footer { padding-bottom: 50px; } /*layer 弹窗*/ body .layui-layer-setwin .layui-layer-close1 { color: #fff; background: url(../images/close-btn.png) no-repeat;; } body .edit-class .layui-layer-title { background: #2575eb; color: #fff; border: none; font-size: 16px; } body .edit-class .layui-layer-btn a { font-size: 14px; width: 140px; height: 38px; line-height: 38px; margin: 0 25px 10px 0px; border-radius: 4px; color: #fff; text-align: center; cursor: pointer; border: 1px solid #2673e5; background: #3a85f3; /* background: linear-gradient(to bottom, #4990f9, #3a85f3, #2877ec); */ } /* body .edit-class .layui-layer-btn .layui-layer-btn1{background:#999;} */ body .update-class .layui-layer-title { background: #2575eb; color: #fff; border: none; font-size: 16px; } body .update-class .layui-layer-btn { text-align: center; } body .update-class .layui-layer-btn a { font-size: 14px; width: 140px; height: 38px; line-height: 38px; border-radius: 4px; color: #fff; text-align: center; cursor: pointer; border: 1px solid #2673e5; background: linear-gradient(to bottom, #4990f9, #3a85f3, #2877ec); } /* body .update-class .layui-layer-btn .layui-layer-btn1{background:#999;} */ body .remind .layui-layer-title { padding: 0 56px; } body .remind .layui-layer-btn .layui-layer-btn0 { height: 34px; line-height: 34px } body .confirm-class .layui-layer-title { background: #2575eb; color: #fff; border: none; font-size: 16px; text-align: center; } body .confirm-class .layui-layer-btn { text-align: center; } body .confirm-class .layui-layer-btn a { font-size: 14px; width: 100px; height: 38px; line-height: 38px; /* margin: 0 25px 10px 0px; */ border-radius: 4px; /* color: #fff; */ text-align: center; cursor: pointer; /* border: 1px solid #2673e5; */ /* background: linear-gradient(to bottom, #4990f9, #3a85f3,#2877ec); */ } body .confirm-class .layui-layer-btn .layui-layer-btn0, body .confirm-class .layui-layer-btn .layui-layer-btn1, body .confirm-class .layui-layer-btn .layui-layer-btn2 { color: #fff; border: 1px solid #2673e5; background: rgb(46, 141, 237); } body .btnDefault-class .layui-layer-btn a { color: #fff; border: 1px solid #2673e5; background: linear-gradient(to bottom, #4990f9, #3a85f3, #2877ec); } body .export-class .layui-layer-title { background: #2575eb; color: #fff; border: none; font-size: 16px; } body .export-class .layui-layer-btn { text-align: center; } body .export-class .layui-layer-btn a { font-size: 14px; width: 140px; height: 38px; line-height: 38px; /* margin: 0 25px 10px 0px; */ border-radius: 4px; /* color: #fff; */ text-align: center; cursor: pointer; /* border: 1px solid #2673e5; */ /* background: linear-gradient(to bottom, #4990f9, #3a85f3,#2877ec); */ } body .export-class .layui-layer-btn .layui-layer-btn0{ background:#fff; color:rgb(46, 141, 237); border:1px solid #2673e5; } body .export-class .layui-layer-btn .layui-layer-btn1, body .export-class .layui-layer-btn .layui-layer-btn2 { color: #fff; border: 1px solid #2673e5; background: rgb(46, 141, 237); } /*layer 弹窗 end*/ /* 操作历史 */ .history-text { width: 24px; height: 115px !important; background: #fff; text-align: center; border-radius: 4px; white-space: pre-line; font-size: 12px; color: #666; cursor: pointer; } .history-text p { line-height: 15px; margin-top: -2px; } .history-text p img { margin-top: 4px; margin-bottom: 8px; } /* 系统运行概况 ,资源库概况 */ .survey-war ul li { height: 34px; line-height: 34px; background: #fff; border-radius: 4px; padding: 0 8px; float: left; margin-left: 10px; cursor: pointer; } .survey-war ul li img { line-height: 34px; } .survey-war ul li span { margin-left: 5px; } /* 保安人员详情, 保安公司详情 高度小于670像素则以下最大高度为670px */ /*@media screen and (max-height: 670px) {*/ /*#secPersonSearchRes,*/ /*#secPersonSearchResDetail,*/ /*#os_company_list_item_template,*/ /*#secCompanySearchRes,*/ /*#secCompanySearchResDetail,*/ /*#taskCenterDetail,*/ /*#taskLocationSearchRes,*/ /*#os_task_list_item_template,*/ /*#person-list-item-template,*/ /*#taskNameSearchRes*/ /*{*/ /*max-height:670px !important;*/ /*}*/ /*}*/