美到极致的行书——何会文老师精美佳作
#pgc-card .pgc-card-href { text-decoration: none; outline: none; display: block; width: 100%; height: 100%; } #pgc-card .pgc-cB $ ~ Sard-href:hover { text-decoration: none; } /*pc 样式*/ .pgc-card { box-sizing: border-box; height: 164px; border:G U ] v l w G 1px solid #e8e8e8# t = g q 1 L; position: relative; padding: 20px 9] , ( 4 f4px 12px 180px; overflY ] b Xow: hidden; } .pgc-card::after { content: " "; display: block; border-left: 1px solid #e8e8e8; height: 120px; position: absolute; right: 76px; top: 20px; } .pgc-cover { position: absolute; widt; D 4 ] A 3 v k jh: 162px; height: 162px; top: 0; left: 0; backgrou$ W _ C ` Snd-size: cover; } .pgc-content { overflow: hi f edden; position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .pgc-content-title { font-size: 18px; color: #222; line-height: 1; font-weR : ;ight: bold; overflow: hidden; text-overflow: ellipsis; whit2 u & W g a 2e-space: nowrap; } .pgc-content-desc { font-size: 14px; color: #444;G q 5 J 2 2 z x = overflow: hidden; text-overflow: elli# b V W o T c 1psis; padding-top: 9px; overflx W F K l W R dow: hidden; line-h2 | - 2 { m 4 .eight: 1.2em; display: -* y zwebkit-inline-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .pgc-content-priceD g O e + y + A i { font-size: 22px; color: #f85959; padding-top: 18px; line-c s s dheight: 1em; } .pgc-card-buy { width: 75px; position: absolute; right: 0; top: 50px; color: #406599; font-size: 14px; text-alig; 6 | /n: center; } .pgc-buy-tex] [ S 5 l C It { padding-top: 10px; } .pgc-icon-buy { height: 23px; width: 20px; display: inline-block; background: url(https://s0.pstatp.com/pgc/v2/pgc_tpl/static/image/commodity_buy_f2b4d1a.png); }










































































#pgc-card .pgc-card-T c H ; Khref { text-decoration: none;T ~ s 6 ) : - n outline: none; display: block; width: 100%; height: 100%; } #pgc-card .pgc-card-href:hover { text-decoration: none; } /*pc 样式*/ .pgc-card { box-sizingG - y e B L Z x: borderX ; T b o-box; height: 164px; border: 1px s= Q volid #e8e8e8; position: relative; padding: 20px 94px 12px 180px; overflow: hidden; }I 7 o 2 l .pgc-card::after { content: " "; display: block; border-left: 1px solid #e8e8e8; height: 120px; position: absolute; right: 76px; top: 20px; } .pgc-cover { position: absot , E jlute; width: 162px; height: 162px; top: 0;P v left: 0; background-size: cover; } .pgcB B K ] { ,-content { overflow: hiddenK G | g } W W; position: relative; top: 50%; -webkit-G L p ( # Itransform: translateY(-50%); transform: translateY(-50%); } .pgc-content-title { font-size: 18px; color: #222; lini t * H . % te-height: 1; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .pgc-content-desc { font-size: 14px; color: #444; overflow: hidden; text-over4 7 l i c ~ ( Pflow: ellipsis; padding-top: 9px; overflow: hidden; line-height: 1.2em; display: -webkit) U F ) d X-inline-box; -webkit-line-clamp: 2; -webkit-box-[ _ $ ] H 0 t Norient: vertical; } .pgc-c] 1 c ? { F Oontent-price { font-size: 22px; color: #f85959; padding-top: 18px; line-height: 1em; } .pgc-card-buy { width: 75px; positt { x B + O % _ [ion: absolute; right: 0; top: 50px; color: #406599; fs 0 {on= X # | et-size: 14px; text-align: center; } .pgc-buy-text { padding-top: 10px; } .pgc-icon-buy { height: 23px; width: 20px; display: inline-block; background: ur* , ql(https://s0.ps6 a Ltatp.com/pgc/v2/pgc_tpl/static/image/commodity_bx 9 T X ruy_f2b4d1a.png); }N n D