三希堂小楷八种

#pgc-card .pgc-card-href { text-decoration: none; outline: none; display: block; width: 100%; heig} ( F [ht: 100%; } #pgc-card .pgc-card-href:hover { text-decoration: none; } /*pc 样式*/ .pgc-card { box-sizin~ L Q 6 4 ! 8 / /g: border-box; height: 164px; border: 1px solid #e8e8e8; position: relative; padding: 20px 94px 12px 180px; overflow: hidden; } .pgc-card::after { content: " "; display: block; border-left: 1px solid #e8e8e8; height: 120px; positiona 0 ~ [ e 7 ! d +: absolute; right: 76px; top: 20pH 0 * 1 * B fx; } .pgc-cover { position: absolute; widG g Gth: 162pe S } W % # s 9x; height: 162px; top: 0; left: 0; background-size:C t @ N f cover; } .pgc-content { overfT X Ylow: hidden; position: rz - zelal u v P : R E rtive; top: 50%; -webkit-transform: transn _ V ? @ ^ K & tlateY(-50%); transform: translateY(-50%); } .pgc-content-title { font-size: 18px; color: #222; line-height2 E # 8 N ^ + r: 1; foi k y M ~ ]nt-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .pgc-cD = ! - - @ Zontent-desc { font-size: 14px; color: #444;( 0 , d i v 7 overflow: hidden; text-overflow: ellipsis; padding-top: 9px; overflow: hidden; line-height: 1.2em; display: -webkit-inliy 2 5ne-box; -webkit-line-c, k D X 2 $ + Vlamp: 2; -webkit-box-orient: vertical; } .pgc-content-price { font-size: 22px; color: #f85959; padding-top: 18px; line-height] X % 8: 1em; } .pgc-card-buy { width:* E i } p # P 75px; position: absolute; right: 0; top: 50px; color: #4w t { H D06599Z y (; font-size: 14px; text-align: center; } .pgc-buy-textF L . N 4 C { padding-top: 10px; } .pgc-icon-buy { height: 23px; width: 20px; display: inline-block; background: urL m C ; zl(https://s0.pstatp.com/pgc/v2/pgc_tpl/static/image/commodity_buy_H 4 w v @ Jf2b4d1a.png); }