.content { width: 100%; height: 100%; box-sizing: border-box; padding: 0.009766rem; display: flex; flex-direction: column; overflow: hidden; header { width: 100%; height: 0.585938rem; line-height: 0.585938rem; text-align: center; position: relative; label { font-weight: 550; } .floatRight { position: absolute; top: 0.146484rem; right: 0.244141rem; height: 0.292969rem; line-height: 0.292969rem; font-size: 0.136719rem; .mat-icon { vertical-align: middle; cursor: pointer; color: #999; margin-left: 0.048828rem; } } } .center { flex: 1; background: #F4F5F9; display: flex; flex-direction: column; padding: 0.097656rem; box-sizing: border-box; overflow: hidden; } } //头部 .oneColor { background-image:-webkit-linear-gradient(right,#f18d6f,#FF4923); -webkit-background-clip:text; -webkit-text-fill-color:transparent; } .twoColor { background-image:-webkit-linear-gradient(right,rgb(38, 91, 238),skyblue,); -webkit-background-clip:text; -webkit-text-fill-color:transparent; } button.mat-menu-item { text-align: center; } //中间内容区 .centerHeader { width: 100%; height: 0.488281rem; display: flex; justify-content: center; align-items: center; div { margin: 0 0.097656rem } input { height: 0.292969rem; line-height: 0.292969rem; padding-left: 0.048828rem; border-radius: 0.195313rem; outline: none; border: 0.009766rem solid #999; } button { width: 0.78125rem; height: 0.341797rem; line-height: 0.341797rem; border-radius: 0.195313rem; outline: none; border: none; color: #fff; } } .mat-datepicker-toggle{ vertical-align: middle; } .centerTable { flex: 1; }