123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123 |
- .richtext {
- margin: 8px 0 0;
- overflow: hidden;
- h3 {border-left:2px solid @brand-pink;display:block;font-size:18px;text-indent:14px;line-height:18px;font-weight:400;}
- p,ul,ol {
- font-family: 'Microsoft YaHei',san-serif;
- font-size: 14px !important;
- color: #555;
- line-height: 29px !important;
- white-space: pre-line;
- word-break: break-all
- }
- p {
- margin-top: 15px;
- margin-bottom: 15px;
- text-indent: 2em;
- text-align: justify;
- span {
- font-family: 'Microsoft YaHei',san-serif;
- font-size: 14px !important;
- color: #555;
- line-height: 29px !important;
- white-space: pre-line;
- word-break: break-all
- }
- }
- ul,ol {
- padding-left: 20px;
- li{
- text-indent: 0
- }
- p {
- font-size: 18px;
- text-indent: .5em
- }
- }
- ul li {
- list-style: outside square
- }
- ol li {
- list-style: outside decimal
- }
- strong {
- font-weight: 700;
- color: #333
- }
- img {
- max-width: 790px;
- }
- .pd-card {
- position: relative;
- height: 140px;
- width: 630px;
- margin: 23px auto;
- border: 1px solid #eee;
- .transition(box-shadow 300ms ease-out);
- &:hover {
- .box-shadow(0 2px 2px #eee);
- }
- .img-wrap {
- position: absolute;
- top: 0;
- left: 0;
- z-index: 2;
- width: 140px;
- height: 140px;
- border-right: 1px solid #eee;
- img {
- width: 120px;
- height: 120px;
- margin: 10px;
- }
- }
- .card-info {
- .box-sizing(border-box);
- position: absolute;
- top: 17px;
- left: 165px;
- width: 436px;
- }
- .title {
- max-height: 56px;
- margin: 0;
- overflow: hidden;
- display: -webkit-box;
- -webkit-line-clamp: 2;
- -webkit-box-orient: vertical;
- font-size: 16px;
- font-weight: 400;
- line-height: 28px;
- color: #202e3b;
- a {
- color: inherit;
- text-decoration: none;
- }
- }
- .card-b {
- position: absolute;
- top: 64px;
- left: 0;
- width: 100%;
- }
- .card-price, .merchant {
- float: left;
- }
- .card-price {
- margin-right: 22px;
- font-size: 24px;
- line-height: 34px;
- color: #fe5579;
- }
- .merchant {
- margin-top: 10px;
- color: #6e86ad;
- }
- }
- }
|