.dz-container * { font-size: 16px !important; font-family: 'microsoft yahei',arial ; } .dz-container { max-width: 1360px; margin: 0 auto; } .demo-dynamic .el-form-item .flex{ display:flex; } .demo-dynamic .el-form-item .flex-wrap{ flex-wrap:wrap; } .demo-dynamic .el-form-item .flex-1{ flex:1; } .demo-dynamic .el-form-item .flex span{ margin-left:10px; line-height: 20px; } .demo-dynamic .el-form-item .justify-center { justify-content: center !important; } .demo-dynamic .el-form-item .items-center { align-items: center !important; } .dz-container .category { display: flex; flex-wrap: wrap; border-bottom: 1px solid #E3E3E3; padding-bottom: 20px; } .dz-container .category span { display: flex; margin-right: 20px; margin-bottom: 15px; padding: 10px 20px; border-radius: 5px; letter-spacing: 2px; cursor: pointer; border: 1px solid transparent; } .dz-container .category span:hover, .dz-container .category .active { border: 1px solid #EEEEEE; } .dz-container .category-list { margin: 20px 0; display: flex; align-items: flex-start; } .dz-container .category-list label { width: 90px; padding: 2px 0; } /* .dz-container .category-list, */ .dz-container .el-form .el-input { max-width: 300px !important; } .dz-container .el-form .search-btn { color: #1a6ac1; } .dz-container .category-list .options { flex: 1; display: flex; align-items: center; flex-wrap: wrap; } .dz-container .category-list .options span { display: flex; align-items: center; margin-right: 15px; color: rgba(91, 91, 91, 1.0); cursor: pointer; padding: 2px 5px; border: 1px solid transparent; } .dz-container .category-list .options span:hover, .dz-container .category-list .options .active { border-radius: 5px; color: #1a6ac1; } .dz-container .el-form .el-form-item__label{ text-align: left !important; } .dz-container .el-table .has-gutter th, .dz-container .el-table .has-gutter tr { background-color: #1a6ac1 !important; color: #FFFFFF; font-weight: bold; } .dz-container .el-table tr { cursor: pointer; } .dz-container .el-table a { text-decoration: none; color: #1a6ac1; } .el-popper { background-color: #1a6ac1; color: #FFFFFF; } .el-popper .el-select-dropdown__item { color: #FFFFFF; } .el-popper .el-select-dropdown__item.hover, .el-popper .el-select-dropdown__item:hover, .el-popper .el-select-dropdown__item.selected { background-color: rgb(51 102 167); } .dz-container .product-list .no-data { font-weight: bold; min-height: 100px; display: flex; align-items: center; justify-content: center; } .dz-container .product-list .el-card { margin-bottom: 10px; } .dz-container .product-list .no-data .first:before { content: "\e6b4"; margin-right: 5px; font-size: 22px; font-weight: bold; } .dz-container .pagination-wrap { display: flex; justify-content: center; margin-top: 10px; padding: 20px auto; } .dz-container .pagination-wrap .page-wrapper { display: flex; width: 100%; } .dz-container .pagination-wrap .page-wrapper .btns.disabled { background: #f5f5f5 !important; border-color: #d9d9d9 !important; color: #bfbfbf !important; cursor: default; } .dz-container .pagination-wrap .page-wrapper .btns { background-color: #FFFFFF; background-color: #1a6ac1; color: #FFFFFF; flex: 1; height: 45px; display: flex; justify-content: center; align-items: center; padding: 0 5px; } .dz-container .pagination-wrap .page-wrapper .btns:first-child { margin-right: 20px; } .dz-container .pagination-wrap .page-wrapper .btns i { font-size: 22px !important; } .dz-container .pagination-wrap .page-wrapper .btns span { flex: 1; text-align: center; font-size: 16px !important; } .el-pagination.is-background .btn-next, .el-pagination.is-background .btn-prev, .el-pagination.is-background .el-pager li, .el-pagination.is-background button { background-color: #EEEEEE; height: 35px; width: 35px; line-height: 35px; font-size: 14px !important; } .el-pagination.is-background .el-pager li:hover { color: #FFF !important; transition: .3s; background-color: #1a6ac1; } .el-pagination.is-background .el-pager li:not(.disabled).active { background-color: #1a6ac1; transition: .3s; color: #FFF; } .el-pagination.is-background .el-pagination__total { font-size: 14px !important; line-height: 35px; } @media only screen and (max-width: 768px) { /*小屏*/ .dz-container .category span { margin-right: 10px; margin-bottom: 10px; padding: 10px; } }