| 1 |
- *{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}::-webkit-scrollbar{width:8px;height:13px;background-color:#f5f5f5}::-webkit-scrollbar-track{border-radius:10px;background-color:#f5f5f5}::-webkit-scrollbar-thumb{border-radius:10px;background-color:#999}.header{background:#183477;color:#fff;height:50px!important;padding:0 24px}.header .logo{height:50px;margin-top:5px}.header h1{font-size:18px;line-height:50px;display:inline-block}.header .settings{float:right;line-height:50px}.header .settings img{position:relative;top:3px}.header .settings span{color:#fff;font-size:14px;padding:0 10px;cursor:pointer}.main{position:relative;height:calc(100vh - 50px);background:#ecf0f5;padding-top:2px}.left-aside{height:100%;overflow-y:auto;overflow-x:hidden;background:#09142b}.left-aside .left-menue{border:none;background:#09142b}.left-aside .left-menue .el-menu-item,.left-aside .left-menue i{color:#fff}.left-aside .left-menue .el-menu-item:hover{color:#fff;background-color:#183477}.left-aside .left-menue .el-submenu__title{color:#fff}.left-aside .left-menue .el-submenu__title:hover{color:#fff;background-color:#183477}.left-aside .left-menue>.is-active{background-color:#183477!important;position:relative}.left-aside .left-menue>.is-active .iconfont{color:#fff}.left-aside .left-menue>.is-active>.el-submenu__title{color:#fff!important}.left-aside .left-menue>.is-active .is-active{background-color:#183477!important;position:relative}.left-aside .left-menue>.is-active .is-active .iconfont{color:#fff}.left-aside .left-menue .is-opened{background-color:#09142b!important}.left-aside .left-menue .is-opened .el-menu{background-color:#09142b!important;color:#fff}.left-aside .left-menue .is-opened .el-menu .el-menu-item{color:#fff}.left-aside .left-menue .is-opened>.el-submenu__title{color:#fff!important}.left-aside .left-menue .el-menu-item-group__title{padding:0}.left-aside .left-menue .child{padding-left:60px!important}.el-main{padding:10px 20px;position:relative}.el-main .content{background:#fff;padding:32px;margin-top:12px;min-height:calc(100vh - 130px);-webkit-box-shadow:0 4px 12px 0 rgba(0,0,0,.12);box-shadow:0 4px 12px 0 rgba(0,0,0,.12)}.el-main .title_top .add_btn{width:90px;height:32px;background:#fff;border:1px solid #ededed;border-radius:4px;float:right;text-align:center;line-height:32px;color:#fff}.el-main .table_div{background:#fff;border:1px solid #ededed;min-height:calc(100vh - 430px)}.el-main .edit_btn{color:#25486a}.el-main .info_btn{background:#ecf0f5;color:#1f2328;border-color:#ecf0f5}.el-main .el-pagination{text-align:center;width:100%;margin-top:20px}.el-dialog .el-select{display:block}.main_btn{background:#fff;border-color:#fff;width:120px;font-size:14px}.cancel_btn{width:170px;font-size:14px;color:#6a737b}.apply .filter{background:#fff;padding:20px 20px 10px;border:1px solid #ededed;border-radius:2px;margin-top:10px}.apply .filter,.apply .filter .el-form-item{margin-bottom:10px}.apply .filter .el-input,.apply .filter .el-select{width:150px}.apply .el-divider--horizontal{margin:10px 0 20px}.apply .divider{background:#fff;padding:10px}.apply .divider .el-button--small,.apply .divider .el-button--small.is-round{padding:9px 5px}.apply .divider .el-button+.el-button{margin-left:5px}.apply thead th{background:#eee}.apply .el-button--warning{color:#fff;background-color:#ffb800;border-color:#ffb800}.apply .el-button--info{color:#fff;background-color:#393d49;border-color:#393d49}.apply .checkList{padding:0 10px}.apply .checkList label{margin:5px 0}.apply .table button{padding:6px}.apply .el-table__fixed-right:before,.apply .el-table__fixed:before{background:none}@media (max-width:750px){.left-aside{position:absolute;z-index:9;height:calc(100vh - 50px);overflow:auto;-webkit-transition:all .3s linear;transition:all .3s linear}.el-main{padding:10px}.el-dialog{width:98%!important}.header .fa-close,.header .fa-navicon{width:16px;display:inline-block}.main .mask{opacity:0;-webkit-transition:opacity .3s;transition:opacity .3s}.main.show .mask{opacity:1;position:absolute;z-index:8;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5)}}.head{width:30px;height:30px;border-radius:50%;float:left;margin:10px}
|
