html, body { font-family: 'Avenir', Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin: 0; padding: 0; background: #e4e7ea; background-repeat: no-repeat; background-size: 100%; background-attachment: fixed; background-position: center; height: 100%; min-width: 1000px; } #app { font-family: 'Avenir', Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #2c3e50; margin: 0; padding: 0; height: 100%; overflow: auto; } #app::-webkit-scrollbar { /*滚动条整体样式*/ width: 0px; /*高宽分别对应横竖滚动条的尺寸*/ height: 1px; } #app::-webkit-scrollbar-thumb { /*滚动条里面小方块*/ border-radius: 10px; -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); background: #C0C0C0; } #app::-webkit-scrollbar-track { /*滚动条里面轨道*/ -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); border-radius: 10px; background: transparent; } .el-form-item .el-form-item__label { /*line-height: 30px;*/ } .el-form-item .el-radio { /*line-height: 30px;*/ } .popover-textarea { width: 100%; display: inline-flex; font-size: 13px; border: 1px solid #dedede; height: 26px; border-radius: 5px; cursor: pointer; align-items: center; padding-left: 8px; box-sizing: border-box; margin-left: 3px; } .filter-span-title { text-align: right; float: left; width: 120px; margin-top: 5px; padding-right: 10px;; } .filter-span-input { width: 170px; } .advanced-search-box { border-style: solid; border-color: var(--el-color-primary); border-width: 1px; border-radius: 5px; box-sizing: border-box; font: bold 16px Microsoft YaHei; padding: 15px; margin: 10px 0px; } .el-popover::-webkit-scrollbar { /*滚动条整体样式*/ width: 5px; /*高宽分别对应横竖滚动条的尺寸*/ height: 1px; } .el-dialog { display: flex; flex-direction: column; margin: 0 !important; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-height: calc(100% - 10px); max-width: calc(100% - 10px); } .el-dialog .el-dialog__body { flex: 1; overflow: auto; /*padding: 0px 0px;*/ } .el-dialog__body::-webkit-scrollbar { /*滚动条整体样式*/ width: 5px; /*高宽分别对应横竖滚动条的尺寸*/ height: 1px; } .el-dialog__body::-webkit-scrollbar-thumb { /*滚动条里面小方块*/ border-radius: 10px; -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); background: #C0C0C0; } .el-dialog__body::-webkit-scrollbar-track { /*滚动条里面轨道*/ -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); border-radius: 10px; background: transparent; } .el-dialog-customer .el-dialog__header { padding: 10px; height: 28px; color: white; /*width: calc(100% - 20px);*/ background-color: var(--el-color-primary); } .el-dialog-customer .el-dialog__footer { padding: 10px 20px 10px 10px; } .el-dialog-customer .header-title { vertical-align: center; horiz-align: center; align-items: center; } .el-dialog-customer .title-name { font: normal bold 20px STSong, serif; } .el-dialog-customer .el-dialog__headerbtn { font: normal bold 14px STSong, serif; } .el-dialog-customer .el-dialog__close { background: white; border-radius: 15px; padding: 5px; } .confirmButtonClass { color: white; border-color: #F56C6C; background: #F56C6C; } .cancelButtonClass { color: black; background: white; } .el-dropdown-link img { width: 30px; height: 30px; } .el-dropdown-link { display: flex; align-items: center; font-size: 15px; } .el-carousel__item h3 { color: #475669; font-size: 14px; opacity: 0.75; line-height: 200px; margin: 0; } .el-carousel__item:nth-child(2n) { background-color: #99a9bf; } .el-carousel__item:nth-child(2n+1) { background-color: #d3dce6; } .el-overlay-dialog::-webkit-scrollbar { /*滚动条整体样式*/ width: 1px; /*高宽分别对应横竖滚动条的尺寸*/ height: 1px; } .el-overlay-dialog::-webkit-scrollbar-thumb { /*滚动条里面小方块*/ border-radius: 10px; -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); background: #C0C0C0; } .el-overlay-dialog::-webkit-scrollbar-track { /*滚动条里面轨道*/ -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); border-radius: 10px; background: transparent; } .el-card .el-card__header { padding: 10px; height: auto; background-color: #e4e7ea; } .text-overflow { width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 1px; } .el-card-list .el-card__header { background-color: var(--el-color-info-lighter); } .step-form { margin: 10px 1px; border: 1px solid; padding: 20px 135px 20px 10px; border-image: linear-gradient(45deg, rgba(255, 255, 255, 0) 0%, var(--el-color-primary-light-6) 20%, rgba(255, 255, 255, 0) 99%) 2 2 2 2; } .form-detail-content { padding-left: 5px; line-height: 30px; min-height: 30px; width: 100%; border-radius: 4px; border: solid 1px var(--el-border-color); background: var(--el-disabled-bg-color); } .percentage-value { display: block; margin-top: 10px; font-size: 28px; } .percentage-label { display: block; margin-top: 10px; font-size: 12px; } .demo-progress .el-progress--line { margin-bottom: 15px; max-width: 600px; } .demo-progress .el-progress--circle { margin-right: 15px; } .customer-table .el-col { border: 1px solid; border-image: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, var(--el-border-color) 20%, rgba(255, 255, 255, 0) 99%) 2 2 2 2; } .customer-table .el-form-item { margin-top: 5px; margin-bottom: 5px; } .customer-table .el-form-item--default { margin-top: 5px; margin-bottom: 5px; } .card-block { border: 1 solid var(--el-bg-color); padding: 10px; margin: 5px; background-color: var(--el-bg-color); } .el-scrollbar::-webkit-scrollbar { /*滚动条整体样式*/ width: 0px; /*高宽分别对应横竖滚动条的尺寸*/ height: 1px; }