body{ background:#f5f7fb; } /* /顶部 */ .map{ height: 60px; line-height: 60px; margin:10px 0 5px 0; overflow:hidden; } .map .page-title{ font-size: 20px; font-weight: 400; color: inherit; float:left; margin-right: 20px; } .map ul{ float:left; } .map ul li{ display: inline-block; } .map ul li a{ display: block; color: #6e7582; font-size:12px; } .map ul li a:before{ content: "›"; margin:0 8px 0 4px; color: #6e7582; position: relative; top:-2px; } .map ul li:first-child a:before{ display: none; } .detail{ overflow:hidden; background:#fff; padding:20px 20px; box-shadow: rgb(53 64 82 / 4%) 0 2px 4px 0; border: 1px solid rgba(110,117,130,.2); border-bottom:none; border-radius: 3px 3px 0 0; } .detail .pd-title{ margin-bottom: 25px; border-bottom:1px solid #eee; } .detail .pd-title h1{ font-size:24px; color: #354052; padding-bottom: 10px; margin-top:10px; } .detail img{ max-width: 100%; } .link{ background:#fff; box-shadow: rgb(53 64 82 / 4%) 0 2px 4px 0; border-radius:0px 0px 3px 3px; border: 1px solid rgba(110,117,130,.2); overflow:hidden; padding:10px 10px; display:flex; justify-content:space-between; margin-bottom:20px; } .link div{ max-width:50%; border:1px solid #ddd; border-radius:3px; margin:0 5px; } .link div:hover{ border:1px solid #00a1e9; } .link div a{ display:block; margin:8px 12px; word-break:break-all; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; } .link div:hover a{ color:#00a1e9; } /* 相关推荐 */ .rec{ background: #fff; box-shadow: rgb(53 64 82 / 4%) 0 2px 4px 0; border: 1px solid rgba(110,117,130,.2); padding:20px 20px 10px 20px; border-radius: 3px; } .rec-title{ color:#ea5c24; font-size:22px; font-weight:bold; text-indent:15px; } .rec ul li a{ display:block; font-size:16px; margin:10px 0; padding:2px 15px; word-break:break-all; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; } .rec ul li a:hover:before{ background:#fff; } /* /祥情 */ @media screen and (max-width:768px){ .detail .pd-title h1{font-size:18px;} .rec-title{text-indent:0px;} .rec ul li a{padding:2px 0px;} .link div a{font-size:13px;} .detail{ padding:10px;} }