*{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:-1em;height:5em;left:0;line-height:4em;position:fixed;user-select:none;width:100%;z-index:10002}
#header h1{color:#a0a0a1;display:inline-block;font-size:1em;line-height:1;margin:0;vertical-align:middle; padding-left:1.5em;}
#header h1 a{border:0;color:inherit}
#header h1 a:hover{color:inherit!important}
#header nav{position:absolute;right:0;top:0}
#header nav>ul{list-style:none;margin:0;padding:0}
#header nav>ul>li{display:inline-block;padding:0}
#header nav>ul>li a{border:0;color:#fff;display:inline-block;letter-spacing:.1em;padding:0 1.65em;text-transform:uppercase; font-size:16px;}
#header nav>ul>li a.icon:before{color:#505051;float:right;margin-left:.75em}
#header nav>ul>li a:hover{color:#fff!important; background-color:rgba(255,255,255,0.09)}
#header nav>ul>li a.active{background-color:#242629}
@media screen and (max-width:736px){body{padding:4em 0 0 0}
#header{bottom:auto;height:4em;;top:0}
#header h1{font-size:.9em}
#header nav>ul>li a{font-size:.9em;padding:0 1.15em}
}
#main{}
#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%;}
}
@media screen and (max-width:600px){
	#main li{width:100%;opacity:1;}
}
.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;}
.notice{ position:absolute; width:60%; left:20%; top:0px; text-align:center; color:#fff;animation: spinner .5s infinite alternate;}
.notice a{color:#fff; text-decoration:underline;}