@charset "utf-8";
* {
	margin: 0px;
	padding: 0px;
}
ul {
	list-style-type: none;
}
imag {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
h3+div{
	height:0;
	overflow:hidden;
	transition:all 1s easr;
}
a{
	text-decoration:none;}
.zjdhl{
	width:500px;
	background:rgba(180,60,30,0.3);
	margin-top:3px;
	margin-left:20px;}
h3{
	background:rgba(180,60,30,0.8);
	padding:5px 25px;
	border-radius:20px}
.zjdhl:hover h3+div{
	height:350px;
	overflow:auto;}
	
.tmxs1{
	opacity: 0.6;/*透明*/
	background: rgb(160,120,80);
	height: 100px;
	width: 200px;
	margin-bottom: 10px;
	cursor:w-resize;/*cursor——鼠标样式：hand（手型）、pointer（手型，推荐使用这种）、crosshair（十字架）、text（移动到文本上那种效果）、wait（等待那种效果）、default（默认效果）、e-resize(向右箭头)、ne-resize(向右上箭头)、nw-resize(向左上箭头)、w-resize(向左箭头)、s-resize(向下箭头)、se-resize(向右下箭头)、auto(系统自带)*/
	}
.tmxs2{
	background: rgba(160,120,80,0.6);
	height: 100px;
	width: 200px;
	cursor:sw-resize;
}
.lk{
	height: 100px;
	width: 200px;
	background-color: #00F;
	margin-right: auto;
	margin-left: auto;
	outline: 2px solid #F00;/*outline-轮廓*/
	outline-offset: 2em;/*outline-offset在outline基础上添加外轮廓*/
	color: #FFF;
	font-size: 12px;
}
.diplay {
	background-color: #9CF;
	clear: left;
	height: 300px;
	width: 100%;
	margin-top: 30px;
}

.diplay .display1 {
	color: #FFF;
	background-color: #F00;
	height: 100px;
	width: 200px;
	display:inline;/*inline把块换成行*/
  /*display:none;表示隐藏*/
}

.diplay .sp1{
	color: #FFF;
	background-color: #F00;
	height: 50px;
	width: 150px;
	display:inline-block;/*block把行换成块*/
}

.diplay .sp2 {
	color: #FFF;
	background-color: #F00;
	height: 50px;
	width: 150px;
	display: block;/*block把行换成块*/
	float: right;
}
nav {
	margin-bottom: 30px;
}
.ul1 {
	margin-top: 50px;
	margin-left: 50px;
}
.ul1 li {
	
}


.ul1>li{
	height:2em;
	width: 150px;
	float: left;
	background:rgba(30,80,200,0.8);
	border-radius:0.5em 0.5em 0 0;
	text-align:center;
	font-size:20px;
	line-height:2em;
}
.ul2 {
	background:rgba(80,80,160,0.6);
	border-radius:0 0 0.5em 0.5em;
	display:none;
}
.ul2>li>a:hover{
	background:rgba(40,180,40,0.8);
	width:85%;
	height:1.5em;
	line-height:1.5em;
	display:inline-block;
	border-radius:0.5em;
	font-weight:bold;
	padding:3px 3px;
	}
.ul1>li:hover>ul{
	display:block;}
.dlfb {
	column-width:200px;/*规定列的宽度（该宽度为缩放时的最小宽度,默认值为auto*/
	columns:200px 4;/**/
	column-count:3;/*规定元素应该被分隔的列数,默认值为auto*/
	column-rule:5px solid #09F;/*设置所有column-rule-*属性的简写：column-rule-color
	-规定列之间规则的颜色;column-rule-style-规定列之间规则的样式;column-rule-width-规定列之间规则的宽度*/
	column-gap:50px;/*规定列之间的间隔*/
	-webkit-column-gap:50px;/**/
	column-span:all; /*规定元素应该横跨的列数。默认值为1，可以设置为all*/
	 /*注意要加前缀*/
	
	
}