.pr-right{ padding-top: 46px; } .pr-right .box{ width:100%; padding: 25px 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 380px; } .pr-right .tit{ margin-top:0; margin-bottom: 0; } .pr-right .left{ width: 30%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border:1px solid #ccc; height: 380px; } .pr-right .left a{ display: block; font-size: 16px; line-height: 70px; color: #000; padding-left: 15px; width :100%; text-align: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid #ccc; } .pr-right .left a:first-child{ line-height: 90px; font-weight: 700; } .pr-right .left a:last-child{ border-bottom: 0; } .pr-right .left a.on{ background-color: #cd3435; color: #fff; } .pr-right .right{ width: calc(70% - 10px); float: right; padding: 10px; border:1px solid #ccc; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 380px; overflow: auto; } .pr-right .right a{ display: flex; width: 100%; border-bottom: 1px solid #ccc; padding: 0px 20px; align-items: center; justify-content: flex-start; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height:60px; } .pr-right .right a .img1{ width: 45px; } .pr-right .right a span{ width: calc(100% - 20px); } .pr-right .right a .img2{ width: 20px; fill:#ccc; } .pak .pr-right .right{ width:100%; height:auto; border:0; } @media (max-width: 1500px){ .pr-right{ padding-top: 49px; } } @media (max-width: 1400px){ .pr-right{ padding-top: 34px; } } @media (max-width: 768px){ .pr-right .box{ padding:0; } .pr-left{ float: initial; } .pr-right{ float: initial; } .pr-right .left{ width:33%; height: 326px; } .pr-right .right{ width: calc(68% - 10px); height: 326px; } .pr-right .left a{ font-size:10px; line-height: 40px; } .pr-right .box{ height: 326px; } .pr-right .right a{ padding: 15px 0; height: auto;; } .pr-right .right a .img1{ width:35px; } .pr-right .right a span { width: calc(100% - 20px); margin-left: 0; font-size: 10px; } .pr-right .left a:first-child{ line-height: 50px; } } .pr-right .right a:hover{ background-color: #cd3435; color:#fff; } .pr-right .right a:hover .img2{ fill:#fff; }