/* 本例子css */
.multipleColumn{ overflow:hidden; position:relative; width:100%; }
.multipleColumn .hd{ overflow:hidden;  height:60px; background:#f00; padding:0 10px; display: flex;justify-content: center }
.multipleColumn .hd .prev,.multipleColumn .hd .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
	 cursor:pointer; background:url("../../images/icoLeft.gif") no-repeat;}
.multipleColumn .hd .next{ background:url("../../images/icoRight.gif") no-repeat;  }
.multipleColumn .hd ul{ display: flex; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
.multipleColumn .hd ul li{  width:100px; height:40px; line-height: 40px; text-align: center; cursor: pointer; background: #EEE;margin: 0 5px}
.multipleColumn .hd ul li.on{ background: #000;color:#FFF }

.multipleColumn .bd{ overflow:hidden;margin-top: 20px}
.multipleColumn .bd ul{ overflow:hidden; zoom:1; width:100%; }
.multipleColumn .bd ul li{ overflow:hidden; text-align:center;  }
.multipleColumn .bd ul li .pic{ text-align:center; }
.multipleColumn .bd ul li .pic img{ width:100%;display:block; margin: auto}
.multipleColumn .bd ul li .pic a:hover img{ border-color:#999;  }
.multipleColumn .bd ul li .title{ line-height:24px;   }