.NrLeftAll { width: 100%; } .uld .info::-webkit-scrollbar { width: 3px; height: 3px; position: absolute; right: 0; } .uld .info::-webkit-scrollbar-thumb { /* border-radius: 10px; */ background: rgba(102, 102, 102, 0.7); border-radius: 2px; } .uld .info::-webkit-scrollbar-track { background: #fff; } @media only screen and (min-width: 1430px) { .uld li { float: left; width: 260px; height: 480px; padding: 15px; border: 1px solid #d9d9d9; margin-bottom: 40px; } .uld li .imgk { width: 100%; height: 300px; } .uld li .imgk img { width: 100%; height: 100%; object-fit: cover; } .uld li .name { font-size: 14px; margin-top: 20px; font-weight: 600; } .uld li .name span { font-size: 14px; color: #023d7e; font-weight: 600; margin-right: 25px; } .uld li .zw { font-size: 12px; margin-top: 10px; } .uld li .ad { margin-top: 10px; word-break: break-all; } .uld li .ad p { font-size: 12px; margin-bottom: 5px; } .uld li .ad p i { color: #01478e; } .uld li .info { height: 115px; overflow-y: auto; } .uld1 { width: 100%; display: flex; justify-content: space-around; flex-direction: row; flex-wrap: wrap; } .uld1 li { margin: 0 100px; margin-bottom: 40px; } .uld2 li { margin-right: 120px; } .uld2 li:nth-child(4n) { margin-right: 0; } .uld3 li { margin-right: 20px; } .uld3 li:nth-child(5n) { margin-right: 0; } } @media only screen and (min-width: 800px) and (max-width: 1430px) { .uld li { float: left; width: 2.6rem; height: 5.5rem; padding: 0.15rem; border: 1px solid #d9d9d9; margin-bottom: 0.4rem; } .uld li .imgk { width: 100%; height: 3rem; } .uld li .imgk img { width: 100%; height: 100%; object-fit: cover; } .uld li .name { font-size: 0.16rem; margin-top: 0.2rem; font-weight: 600; height: 0.38rem; display: flex; align-items: center; } .uld li .name span { font-size: 0.16rem; color: #023d7e; font-weight: 600; margin-right: 0.25rem; } .uld li .zw { font-size: 0.1rem; margin-top: 0.1rem; } .uld li .ad { margin-top: 0.15rem; word-break: break-all; } .uld li .ad p { font-size: 0.1rem; margin-bottom: 0.05rem; } .uld li .ad p i { color: #01478e; } .uld li .info { height: 1.5rem; overflow-y: auto; } .uld1 { width: 100%; display: flex; justify-content: space-around; flex-direction: row; flex-wrap: wrap; } .uld1 li { margin: 0 1rem; margin-bottom: 0.4rem; } .uld2 li { margin-right: 1.2rem; } .uld2 li:nth-child(4n) { margin-right: 0; } .uld3 li { margin-right: 0.2rem; } .uld3 li:nth-child(5n) { margin-right: 0; } } @media only screen and (max-width: 800px) { .uld li { float: left; width: 48%; height: 654px; padding: 18px; border: 1px solid #d9d9d9; margin-right: 4%; margin-bottom: 30px; } .uld li .imgk { width: 300px; height: 400px; margin: 0 auto; } .uld li .imgk img { width: 100%; height: 100%; object-fit: cover; } .uld li .name { font-size: 16px; margin-top: 30px; font-weight: 600; text-align: center; } .uld li .name span { font-size: 20px; color: #023d7e; font-weight: 600; } .uld li .zw { font-size: 18px; margin-top: 15px; text-align: center; } .uld li .ad { margin-top: 25px; word-break: break-all; } .uld li .ad p { font-size: 16px; margin-bottom: 5px; } .uld li .ad p i { color: #01478e; } .uld li:nth-child(2n) { margin-right: 0; } } @media only screen and (max-width: 800px) { .uld li { float: left; width: 48%; height: 425px; padding: 10px; border: 1px solid #d9d9d9; margin-right: 4%; margin-bottom: 30px; } .uld li .imgk { width: 100%; max-width: 150px; height: 200px; margin: 0 auto; } .uld li .imgk img { width: 100%; height: 100%; object-fit: cover; } .uld li .name { font-size: 14px; margin-top: 20px; font-weight: 600; text-align: center; } .uld li .name span { font-size: 14px; color: #023d7e; font-weight: 600; margin-right: 15px; } .uld li .zw { font-size: 12px; margin-top: 15px; text-align: left; } .uld li .ad { margin-top: 15px; word-break: break-all; } .uld li .ad p { font-size: 12px; margin-bottom: 5px; } .uld li .ad p i { color: #01478e; } .uld li .info { height: 160px; overflow-y: auto; } .uld li:nth-child(2n) { margin-right: 0; } .uld4 li { height: 450px; } .uld4 li .name { height: 38px; display: flex; align-items: center; justify-content: center; } }