* {
	margin:0;
	padding:0;
}
#main {
	width:100%;
	height:125px;
	display:flex;
	margin-top:120px;
}
#d1 {
	width:1162px;
	height:125px;
	display:flex;
	overflow:hidden;
}
#d11 {
	width:64px;
	height:125px;
	line-height:125px;
	text-align:center;
	font-size:28px;
	cursor:pointer;
	z-index:2;
	background:#FFFFFF;
}
#d13 {
	width:64px;
	height:125px;
	line-height:125px;
	text-align:center;
	font-size:28px;
	cursor:pointer;
	z-index:2;
	background:#FFFFFF;
}
#d12 {
	/*元素个数*207(div宽度)  动态算 828px[4个元素] 1035px[5个元素]  1242px[6个元素]  2070px[10个元素]
      用JS动态设置改值
      */
      /*先预设足够放10张图片的宽度*/
      width:2070px;
	height:125px;
	/*使用弹性布局排列*/
      display:flex;
	transition:all 0.3s linear 0s;
	/*再将多出来的5张图片的宽度用负边距隐藏起来*/
      margin-right:-1035px;
}
#d12 .d120 {
	width:207px;
	height:125px;
	z-index:1;
}
.ddd {
	width:170px;
	height:80px;
	margin-left:18px;
	margin-top:23px;
}
.ddd img {
	width:100%;
	height:100%;
}