/*acInfoCard.ejs专用,因为有可能要多次复用EJS,所以把样式单独提取出来了*/ .acInfoCard_acInfoBox{ font-size:16px;width: 280px;height:160px;background-color: #FFFFFF;border-radius: 6px;padding: 10px; display: flex;flex-direction: row; } .acInfoCard_acInfoBox a{font-size: 16px;} .acInfoCard_acInfoLeft{width: 190px;} .acInfoCard_acInfoLeft > h6{height: 40px;line-height: 40px;font-size: 18px;font-weight: bold;} .acInfoCard_branchInfo{height: 60px;overflow: hidden;display: flex;flex-direction: column;justify-content: center;} .acInfoCard_branchInfo > h6, .acInfoCard_speciality{line-height: 24px;font-size:16px;font-weight: normal;} .acInfoCard_speciality{padding-top: 10px;} .acInfoCard_acInfoRight{width: 80px;padding: 0px 5px;display: flex;flex-direction: column;align-items: flex-end;} .acInfoCard_avatar{width: 100%;height: 100px;box-shadow:2px 2px 4px 0px #5A5A5A;border-radius: 5px} .acInfoCard_avatar > a{display: block;width: 100%;height: 100%;} .acInfoCard_avatar > a > img{object-position: top;} .acInfoCard_acInfoRight > img{padding-top: 14px;width: 24px;height: 24px;transition: all 0.2s} .acInfoCard_acInfoRight > img:hover{ transform: translate(0px, -4px); /*必须使用drop-shadow,因为box-shadow会把边框给描绘出来,毕竟叫盒子阴影对吧,drop-shadow不会暴露元素的盒子本性*/ -webkit-filter:drop-shadow(2px 2px 1px #746258);filter:drop-shadow(2px 2px 1px #746258); } .acInfoCard_acInfoRight .img_fit_cover{border-radius: 5px} /*卡片禁用时的样式*/ .acInfoCard_acInfoBox_block{background-color:#E3E3E3!important;} .acInfoCard_acInfoBox_block h6,.acInfoCard_acInfoBox_block .acInfoCard_speciality{color:#4A4A4A!important;}