*{margin:0;padding:0;}
body{margin:0;padding:0;border:0;font-size:100%;background:#242629;font-family:"微软雅黑"}
li{list-style-type:none}
body{line-height:1}
a{ text-decoration:none;}
ol,ul{list-style:none}
img{ border:none;}
#wrapper{position:relative}
body{padding:0 0 4em 0}
  ::-webkit-scrollbar {width:6px;height:7px;position:absolute;}
  ::-webkit-scrollbar-thumb {background-color:#ff6600}
  ::-webkit-scrollbar-track {background-color:#eee)}
#header{background:#1f2224;bottom:0;;left:0;line-height:3em;position:fixed;user-select:none;width:100%;z-index:10002}
.notice{ text-align: center; }
.notice a{color:#fff; text-decoration:underline;}
#main{padding-top: 50px;}
#main li{overflow:hidden;position:relative}
#main li>.image:after{
	width:100%;height:30%;position:absolute;content:"";background:url(../images/bg.png) no-repeat left top;left:0;bottom:0px;z-index:2; background-size: 100% 100%;
	background:url(../images/bg2.png) left top \9;height:40px \9;
	 transition:all 0.5s;}
	
#main li>.image img{width:100%; transition:all 0.5s;}
#main li>.image:hover:after	{ height:100%;}
#main li>.image:hover img{ filter: blur(4px);}
#main li>.image{display:block}
#main li>.image:before{position:absolute;content:"";height:100%;width:100%;border:1px dotted #666;z-index:3; transition:all 0.5s;background: no-repeat center 80px;}
#main li>.image:hover:before{ background:url(../images/search.png) no-repeat center center;}
.caption .link{position:absolute;right:20px;bottom:20px;font-size:16px}
#main li>h2{-moz-pointer-events:none;-webkit-pointer-events:none; color:#aaa;-ms-pointer-events:none;pointer-events:none;bottom:10px;;font-size:14px;left:2.1875em;margin:0;position:absolute;z-index:10}
#main li>p{display:none}

#main li{width:33.333333%;animation: spinner 1.5s forwards;transition-delay:2.525s; float:left; opacity:1 \9;}
@media screen and (max-width:1480px){
	#main li{width:33.33333%}
}
@media screen and (max-width:980px){
	#main li{width:50%;}
}

.alter{ position:fixed; left:0px; top:0; height:100%; width:100%; line-height:100px; font-size:18px; background:#333; z-index:10000; text-align:center; color:#fff;}



.btn { position:absolute; right:20px; top:8px;}
.btn a{ color:#fff; text-decoration:none; background:#82b440; font-size:14px; padding:9px  20px; border-radius:2px; display:inline-block;-webkit-box-shadow: 0 2px 0 #6f9a37;
    box-shadow: 0 2px 0 #6f9a37;
}
.btn a:last-child{ background:#2da7ff; font-size:14px;
-webkit-box-shadow: 0 2px 0 #007fdb;
    box-shadow: 0 2px 0 #007fdb;
}
.btn a:hover{ opacity:0.9;}


.head{ height:50px; width:100%; display:none; background:rgba(0,0,0,0.3); position:fixed; width:100%; top:0; left:0; z-index:10001;}
.head1{background: #252c34; display:block;}
.head span{ line-height:50px; color:#fff; font-size:16px; font-weight:bold; padding-left:20px;}
@media screen and (max-width:600px){
	#main li{width:100%;opacity:1;}
	.btn{display: none;}
	#main li>.image:before{border: none; border-top: 1px dotted #666;}
}