<#include "_layout.html"/> <#macro script_import> <#macro css> h3{ margin: 0; padding:0; } .warp{ width: 100%; margin-top: 72px; text-align: center; } .warp .content{ margin: 0 auto; display: inline-block; width: 1190px; text-align: center; overflow: hidden; } .solution .section{ margin-bottom: 0; display: flex; background: #fff; } .solution .section-1{ background: #418eff; height: 240px; } .solution .section-1 .section-text{ float: left; margin-top: 80px; width: 315px; font-size: 36px; font-weight: bold; text-align: left; color: #fff; } .solution .section-1 .section-text h3{ font-size: 36px; } .solution .section-1 .section-text h3:nth-child(2){ text-align: right; margin-top: 20px; } .solution .section-1 .dot{ float: right; margin-top: 32px; } .section-2 .content{ margin-bottom: 60px; overflow: hidden; } .sort-item ul { list-style: none; padding: 0; margin: 0; height: 68px; line-height: 68px; } .sort-item ul li { float: left; } .sort-item li a { padding: 0 8px 0 0; } .sort-item:after { content: ''; display: table; clear: both; } .section-2 .content-left{ float: left; width: 278px; border: 1px solid #dcdcdc; } .section-2 .content-left .sort-list{ text-align: center; margin: 0 auto; line-height: 30px; font-size: 14px; } .section-2 .content-left p:first-child{ margin-top: 0; } .section-2 .content-left p{ margin: 10px 0; height: 30px; font-weight: bold; color: #323232; background: #f4f4f4; } .section-2 .content-left li{ margin-left: 20px; list-style: none; text-align: left; height: 30px; line-height: 30px; } .section-2 li a{ color: #5a5a5a; text-decoration: none; } .section-2 .content-right { float: right; width: 850px; text-align: left; } .content-right .content-toggle{ /*float: left;*/ overflow: hidden; } .content-right .content-toggle .p-toggle{ color: #1e1e1e; float: left; } .content-right .content-toggle .p2-toggle{ color: #1e1e1e; float: right; } .content-right>h1 { margin: 40px 0; font-size: 30px; color: #204da9; } .content-right>p { margin-top: 0; margin-bottom: 32px; font-size: 14px; color: #969696; } .content-right .content-toggle{ display：inline-block; margin-top: 75px; } .content-right .content-toggle p{ float: left; margin-left: 0px; text-align: left; } .content-right .content-toggle p.p2-toggle{ float: right; } .content-right .content-toggle a{ font-size: 14px; color: #1e1e1e; } .content-detail>p { text-indent: 2em; margin-top: 40px; } .content-detail { position: relative; color: #646464; } .content-detail ul { margin: 30px 0; } .content-detail div p { display: inline-block; position: absolute; bottom: -175%; } .content-detail div p a { text-decoration: none; color: #1e1e1e; } .content-detail div { margin: 50px 0 20px 0; } .section-2 .content-left li.active a{color: #lelele; font-weight: bold; cursor: pointer;} .section-2 .content-left li:hover a{text-decoration: underline; cursor: pointer;} <@layout>

让管理不再难

令生意更简单

<@jp.taxonomys module="customers"> <#list taxonomys as taxonomy> <#if taxonomy.type=="category">

${taxonomy.title}

<@jp.contents module="customers" typeSlug="${taxonomy.title}" orderBy="order_number desc">
${content.text!}

<@jp.previous> 上一篇：${(previous.getMetadataByKey("company_name"))!}

<@jp.next> 下一篇：${(next.getMetadataByKey("company_name"))!}

<#macro script> $(function() { $(".sort-list li").click(function(){ $(this).addClass("active").siblings().removeClass("active"); }) })