/* price 蓝色背景top */ .price-top { width: 100%; height: 300px; background: linear-gradient(to right, #2e77e5, #004cbf); margin-top: 60px; position: relative; } .tilt-component { overflow: hidden; position: relative; } .top-bg-img-left { float: left; width: 500px; height: 300px; object-fit: contain; } .top-bg-img-right { float: right; width: 500px; height: 300px; object-fit: contain; } img { border: none; } .price-top .top-content { position: absolute; top: 70px; width: 100%; } .price-top .top-title { width: 100%; height: 59px; font-size: 44px; font-weight: 600; line-height: 60px; letter-spacing: 4.4px; text-align: center; color: #fff; } .price-top .top-subtitle { width: 100%; height: 22px; font-size: 16px; font-weight: 400; line-height: 28px; letter-spacing: 1px; text-align: center; margin-top: 10px; color: #fff; } .tilt-triangle { width: 200%; position: absolute; height: 200%; z-index: 1; background: #fff; } .tilt-triangle-bottom-left { top: 100%; transform-origin: 0 0; } /* price 蓝色背景top */ /* 报价 */ .price-bk { padding-bottom: 60px; } .price-main { margin-top: -79px; position: relative; z-index: 1; border-radius: 3px; background-color: #fff; box-shadow: 0 10px 20px 0 rgb(37 40 42 / 10%); } .table>tbody>tr>td { padding: 20px; vertical-align: middle; } .price-main-table-button.private { display: inline-block; border: 1px solid #0b5dd9; background: #fff; color: #0b5dd9; text-align: center; width: 135px; height: 40px; line-height: 40px; } .table-striped>tbody>tr:nth-of-type(odd) { background-color: #fff; }