@outterPadding: 30px; @infoMarginTop: 60px; @bsInnerPadding: 20px; .blessCard { padding: @outterPadding 20px; height: 100%; background: #E9E9E9; overflow-y: auto; @media screen { .bcInnner{ width: 100% } @media (min-width: 900px) { .bcInnner{ width: 50%; margin-left: 25%; } } } .bcInnner{ position: relative; padding:@bsInnerPadding; background: #fff; border-radius: 5px; } img { display: inline-block; vertical-align: top; width: 50%; } .letterPaper { position: absolute; top: @outterPadding + @infoMarginTop - @bsInnerPadding ; right: 20px; width: 45%; z-index: 10; overflow-y: auto; .blessingRow { height: 50px; border-bottom: 1px solid #ddd; } } .wea-new-scroll { display: inline-block; width: 50%; margin-top: @infoMarginTop } .info { padding-left:6%; line-height: 50px; span { display: block; text-align: right; } } }