.bgwrap{ padding: 100px 0 120px 0px; } .hiswrap{ overflow: hidden; } .hiswrap .leftul{ float: left; width: 275px; } .hiswrap .rightdiv{ float: right; background: #fff; height: 540px; box-sizing: border-box; padding: 0 50px; width: calc(100% - 275px); } .gundong{ box-sizing: border-box; padding-top: 40px; } .histitle{line-height: 40px;} .histitle img{width: 43px;height: 40px;margin-right: 10px;} .listhis h6{ margin-top: 20px; margin-bottom: 30px; } .leftul li{ cursor: pointer; text-align: right; padding: 30px 40px 20px 0; } .leftul .on{ background: #fff; } .mCSB_scrollTools .mCSB_dragger{ height: 150px; } @media only screen and (max-width:767px) { .bgwrap{padding: 40px 0;} .hiswrap .rightdiv{ width: 100%; padding: 10px 15px; height: auto !important; } .hiswrap .leftul{ width: 100%; } .leftul li{text-align: left;width: 33.3%;float: left;box-sizing: border-box;padding: 10px;} .leftul li h2{font-size: 16px;} }