*{ margin: 0px; padding: 0px; } html,body{ width: 100%; height: 100%; } html{ font-size: 100px; } body{ background: #f5f5f5; overflow: auto; } a{ text-decoration: none; } li{ list-style: none; } img{ border: none; } /*//风险点弹窗样式*/ .level-color{ padding: 2px 8px; color: #fff; border-radius: 15px; display: inline-block; width: 50px; text-align: center; } .v-modal{ z-index: 0 !important; } .check-list thead > tr { display: none; } /* .station-map-box .el-dialog--small{ width:86%; } */ .els>.el-dialog__wrapper>.el-dialog--small { width: 86%; } .els>.el-dialog__wrapper>.el-dialog--small .el-dialog--small { width: 600px; } .station-map-box table{ width:100% !important; } .station-map-box .el-tabs__item{ font-size: 18px; } .station-map-box .el-collapse-item__header{ font-size: 16px; } .station-map-box .el-collapse-item__header span{ font-size: 14px; } .station-map-box .el-dialog__header{ background: #e4e4e4; border-top-left-radius: 5px; border-top-right-radius: 5px; padding: 30px 20px 0; } .station-map-box .el-dialog__body{ padding: 0 10px 20px 10px; padding-left: 0; } .station-map-box .el-dialog__headerbtn{ position: relative; top:-14px; } .tabs-toggle-box .el-tabs__content { position: relative; height: calc(100vh - 370px); overflow: auto; } .dialog-title{ position: absolute; display: flex; flex-direction: row; align-items: center; justify-content: space-between; top: 1px; left: 0; width: 90%; height: 46px; line-height: 46px; padding-left: 20px; } .dialog-title>div{ display: flex; flex-direction: row; align-items: center; } .dialog-title>div>p{ display: flex; flex-direction: row; align-items: center; } .dialog-title>div>p>a{ display: block; width:30px; height: 30px; padding-right: 10px; } .dialog-title>div>p>a>img{ height: 100%; widows: 100; } .dialog-title>div>p>img{ width: 22px; height: 22px; margin-right: 10px; } .base-info{ padding: 0 10px; } .base-info li{ border-bottom: 1px solid #ddd; padding: 10px; } .base-info li:hover{ background: #E6E6E6; } .hidanger-list .el-table__empty-block{ width:100% !important; } @keyframes textanimation{ 0%{ margin-top: -31px; } 33%{margin-top: -27px; } 66%{ margin-top: -31px; } 100%{ margin-top: -35px; } /* 0% { transform: scale(0.5); opacity: 0.2; } 25% { transform: scale(0.3); opacity: 0.1; } 50% { transform: scale(0.2); opacity: 0.2; } 75% { transform: scale(0.3); opacity: 0.3; } 100% { transform: scale(0.5); opacity: 0.2; } */ } /*el-collapse 手风琴样式修改*/ /* .el-collapse{ border: 1px solid #ebeef5; } .el-collapse-item__wrap{ padding: 0 8px; } .el-collapse-item__header{ padding-left: 5px; }*/ .el-collapse { border: 1px solid #dfe6ec; border-radius: 0; } .el-collapse-item__header { height: 43px; line-height: 43px; padding-left: 15px; background-color: #fff; color: #48576a; cursor: pointer; border-bottom: 1px solid #dfe6ec; font-size: 13px; } .el-collapse-item__wrap { will-change: height; background-color: #fbfdff; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid #dfe6ec; } .el-collapse-item__content { padding: 10px 15px; font-size: 13px; color: #1f2d3d; line-height: 1.769230769230769; }