/**/

.platform-type-tab{padding: 15px 0 0 70px;}

.platform-type-tab a{float: left; display: inline-block; width: 163px; height: 36px; line-height: 36px; text-align: center;border-bottom: 3px solid #e8e8e8; font-size: 16px;}

.platform-type-tab a:hover{background: #e8e8e8; color: #333;}

.platform-type-tab a.last{width: 160px;}

.platform-type-tab a.on{background: #ff6634; color: #fff; border-bottom: 3px solid #dc3a02;}

.platform-type-tab a.on:hover {background: #dc3a02;color: #fff;text-decoration: none;}


<div class="c platform-type-tab" id="J_platformType">

<a class="on" herf="javascript:void(0);" platformType="TB">淘宝/天猫a>

<a herf="javascript:void(0);" platformType="JD">京东商城a>

<a herf="javascript:void(0);" platformType="PDD">拼多多商城a>

<a class="last" herf="javascript:void(0);"  platformType="AL">阿里巴巴a>

div>

<ul id="J_selectEx" class="c express-list">

<li class="select-current" platformTypeList="STKDPDD"><span>保险起期PDDspan>li>

<li platformTypeList="YTKDTB"><span>保险起期TBspan>li>

<li platformTypeList="QFKDTB"><span>保险起期TBspan>li>

<li platformTypeList="YTKDJD"><span>保险起期JDspan>li>

<li platformTypeList="YTKDTB"><span>保险起期TBspan>li>

<li platformTypeList="YTKDJD"><span>保险起期JDspan>li>

<li platformTypeList="QFKDTB"><span>保险起期TBspan>li>

<li platformTypeList="YTKDPDD"><span>保险起期PDDspan>li>

<li platformTypeList="YTKDPDD"><span>保险起期PDD5span>li>

<li platformTypeList="YTKDPAL"><span>保险起期ALspan>li>

<li platformTypeList="YTKDPAL"><span>保险起期ALspan>li>

ul>

<p class="express-desc">零时起 至 2017-03-20 二十四时止 共12个月p>

div>

<script>

$("#J_platformType a").click(function(){

$(this).addClass("on").siblings().removeClass("on");

var platformTypeStr = $(this).attr("platformType");

$("#J_selectEx li").each(function(){

var platformTypeList = $(this).attr("platformTypeList");

if(platformTypeList.indexOf(platformTypeStr)>-1){

$(this).show();

}else{

$(this).hide();

}

});

});

script>