.dz-container { max-width: 1340px; margin: 20px auto; background-color: #f2f4f6; } .dz-container .screen { padding: 10px; } .dz-container .screen .category-wrapter { display: flex; } .dz-container .screen .options-wrapter { width: 100%; display: flex; align-items: center; } .dz-container ::placeholder{color: #333;} .dz-container .screen, .dz-container .screen .el-input__inner { background-color: rgb(255, 255, 255); color: #333; border-radius: 0; text-align: center; } .el-select .el-input__inner:focus, .el-select .el-input.is-focus .el-input__inner, .el-select .el-input.is-focus .el-input__inner, .dz-container .screen .el-input__inner:hover { border: 1px solid #D0D0D0 !important; border-color: #D0D0D0; } .dz-container .screen .select { flex: 1; } .dz-container .screen .search-btn { height: 40px; line-height: 40px; min-width: 100px; font-weight: bold; color: #FFFFFF; text-align: center; border: 1px solid #c30e24; cursor: pointer; background: #c30e24; } .dz-container .el-table { margin-top: 20px; } .dz-container a { text-decoration: none; color: #000000; } .dz-container .el-icon-bottom { border: 1px solid rgb(195, 14, 36); width: 30px; height: 30px; font-size: 20px !important; font-weight: bold; display: flex; justify-content: center; align-items: center; border-radius: 50%; color: rgb(195, 14, 36); margin: 0 auto; cursor: pointer; } @media screen and (max-width: 767px) { .dz-container .screen .options-wrapter { width: 100% !important; display: flex; flex-direction: column; } .dz-container .screen .options-wrapter .select { width: 100% !important; } .dz-container .screen .search-btn { width: calc(100% - 2px); } .dz-container .product-list .el-card { margin-top: 0%; box-shadow: none; } .dz-container .product-list .el-card .el-card__body .items .items{ border: none; } .dz-container .product-list .el-card .el-card__body .items{ width: 50%; float: left; border-bottom: 1px solid #eee; /* display: block; */ padding: 6px 0 8px 0; } .dz-container .product-list .el-card .el-card__body .items.links{ width: 100%; padding: 6px 0 15px 0; border: none; } .dz-container .product-list .el-card .items { line-height: 25px; display: flex; } .dz-container .product-list .el-card .items:first-child { margin-bottom: 10px; width: 100%; } .dz-container .product-list .el-card .items:first-child span { font-size: 22px !important; margin-left: 10px; width: 100% !important; color: #c30e24 !important; } .dz-container .product-list .el-card .items span { line-height: 25px; font-size: 14px !important; font-weight: bold; color: #000; } .dz-container .product-list .el-card .items span:first-child {width: auto;color: #000;/* min-width: 100px; *//* text-align: right; */} .dz-container .product-list .el-card .items.links { display: flex; } .dz-container .product-list .el-card .items.links a:hover{background:#c30e24;color:#fff;} .dz-container .product-list .el-card .items.links a { display: flex; justify-content: center; align-items: center; height: 35px; padding: 0 25px; border-radius: 16px; margin-right: 10px; margin-top: 10px; font-weight: bold; border: 1px solid #c30e24; width: 33.3333333333%; color: #c30e24; font-size: 16px; } } .has-gutter th, .has-gutter tr { background-color: #c30e24 !important; color: #FFFFFF; font-weight: bold; } .el-table tr { cursor: pointer; } .el-popper { background-color: rgba(23, 54, 93, 1); color: #FFFFFF; background: #fff; } .el-popper .el-select-dropdown__item span{display:block;text-align:center;color: #333;} .el-popper .el-select-dropdown__item { color: #FFFFFF; } body .el-popper .el-select-dropdown__item.hover{background:#c30e24;} body .el-popper .el-select-dropdown__item.hover *{color:#fff;} .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); background: #fff; } .dz-container .product-list .no-data { font-weight: bold; min-height: 100px; display: flex; align-items: center; justify-content: center; } .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; 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: #FFFFFF; height: 35px; width: 35px; line-height: 35px; font-size: 14px !important; } .el-pagination.is-background .el-pager li:hover { color: #FFF !important; background-color: #de2d33; } .el-pagination.is-background .el-pager li:not(.disabled).active { background-color: #de2d33; color: #FFF; } .el-pagination.is-background .el-pagination__total { font-size: 14px !important; line-height: 35px; } /* ================================ */ .dz-container .screen .category-wrapter .NavList_a1 { text-transform: capitalize; width: 100%; margin-bottom: 10px; display: none; } .dz-container .screen .category-wrapter .NavList_a1 ul { text-align: left; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .dz-container .screen .category-wrapter .NavList_a1 a { position: relative; font-size: 16px !important; /* font-weight: bold; */ height: 45px; line-height: 45px; padding: 0px 30px; color: #000; display: block; transition: 0.3s ease 0s; } .dz-container .screen .category-wrapter .NavList_a1 .more:after { content: ""; position: absolute; width: 1px; height: 16px; display: block; background: #ccc; top: 50%; margin-top: -7px; right: 0px; } .dz-container .screen .category-wrapter .NavList_a1 a:before { position: absolute; content: ''; left: 50%; bottom: 0px; width: 0%; height: 3px; background-color: none; transition: all .3s; } .dz-container .screen .category-wrapter .NavList_a1 a:hover:before { width: 80%; left: 10%; background-color: #de2d33; } .dz-container .screen .category-wrapter .NavList_a1 a:hover { color: #de2d33; } .dz-container .screen .category-wrapter .NavList_a1 li { position: static; display: inline-block; color: #fff; width: auto; vertical-align: top; } .dz-container .screen .category-wrapter .menu-slide { z-index: -1; position: absolute; background: #015bbb; bottom: 0px; display: none; transition: 0.5s cubic-bezier(0.21, 0.8, 0.31, 1.21) 0s; } .dz-container .screen .category-wrapter .swiper-container .swiper-notification { position: absolute; left: 0px; top: 0px; pointer-events: none; opacity: 0; z-index: -1000; } @media screen and (max-width: 1400px) { .dz-container .screen .category-wrapter .NavList_a1 a { padding: 0px 20px; } } @media screen and (max-width: 1200px) { .dz-container .screen .category-wrapter .NavList_a1 a { padding: 0px 15px; } } @media screen and (max-width: 880px) { .dz-container .screen .category-wrapter .NavList_a1 a { padding: 0px 20px; } } .dz-container .screen .category-wrapter .NavList_a1 a:active { color: #e82822; } .dz-container .screen .category-wrapter .active { color: #de2d33 !important; } .dz-container .screen .category-wrapter .active:before { left: 10% !important; background-color: #de2d33 !important; }