*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
	
	body {
		
		margin: 0px;
		padding:0;
		font-family:Microsoft Yahei,arial;
		
	}
	img{max-width:100%;}
	#canvas{
		width:100%;
		z-index:2;
		overflow: hidden;
		position:absolute;
		top:0;
		left:0;
		background:url(img/bg.jpg) bottom no-repeat #000a45;
		background-size:100% auto;
	}
	.canvas-wrap{
		position:fixed;z-index:1;
		width:100%;height:100%;
		left:0;top:0;
		background:#000a45;
		background-size:100% auto;
	}
	.content{width:100%;
	text-align:center;
	position: absolute;z-index:3;
	top:50px;
	left:50%;
	transform:translateX(-50%);-ms-transform:translateX(-50%);-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);-o-transform:translateX(-50%);
    }
	.menu{margin:0;padding:30px 0 0 0;list-style:none;}
	@media (min-width:768px){
	.menu li{display:inline-block;padding:15px 30px;text-align:center}
	.menu li a{cursor:pointer;display:inline-block}
	.menu li a i{margin:0 auto;width:100px;height:100px;line-height:100px;font-size:40px;text-align:center;border:2px solid #FFF;color:#FFF;display:block;cursor:pointer;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
	.menu li a i.icon-renzheng{font-size:36px;}
	.menu li a span{display:block;padding:15px 0;color:#FFF}
	.menu li a:hover i{background:#FFF;color:#0147a8;border:2px solid #0147a8;}
	}
	.clear{width:100%;clear:both;}
	@media (max-width:768px){
		.content{top:30px;}
		.content .logo{max-width:80px}
		.menu{padding:10px 0 0 0;}		
		.menu li{padding:5px 25px;text-align:center}
		.menu li a{display:block;padding:15px 0;border:2px solid #FFF;color:#FFF;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;cursor:pointer}
		.menu li a i{width:24px;height:24px;line-height:24px;text-align:center;font-size:18px;display:inline-block;margin-right:5px}
		.menu li a i.icon-renzheng{font-size:16px;}
		.menu li a span{padding:15px 0;color:#FFF}
		.menu li a:hover{background:#FFF;color:#0147a8;border:2px solid #0147a8;}
		.menu li a:hover span{color:#0147a8}
	}
	
/*分页*/
.pagination{padding:15px 0 20px 0; text-align: center; clear:both;margin:0;list-style:none;border:0;line-height:100%;}
.pagination li{display:inline-block;margin:0 -1px;padding:0;border:0;position:static;width:auto;}
.pagination a{position:static;margin:0;display:inline-block;border: #ddd 1px solid; padding:0 8px;height:30px;line-height:30px; color: #aaa; text-decoration: none;background:#fff;font-size:14px;}
.pagination li:first-child a{margin-right:5px;}
.pagination li a.total{background:none;border:0;color:#FFF}
.pagination a:hover {border: #999 1px solid; color:#666;}
.pagination a:active {border: #999 1px solid; color:#999;}
.pagination li.active a {border: #5973e7 1px solid; color: #fff;background-color: #667eea;}
.pagination a.disabled {border: #ddd 1px solid;color: #ccc;background:#FFF;margin-left:1px;}
.pagination select{position:relative;border:0;margin-left:4px;display:inline-block;vertical-align:middle;margin-top:-3px;border: #ddd 1px solid;height:30px;line-height:30px; padding:0 40px 0 12px; color: #aaa;background:url('img/select.png') right center no-repeat #fff;background-size:30px 12px;appearance:none; -moz-appearance:none; -webkit-appearance:none;}
.pagination select::-ms-expand{display: none;}/*ie*/
@media (max-width:992px){
.pagination select{margin-top:-5px;}
}

	
form{width:90%;margin:0 auto;max-width:400px;}
.addForm{padding-right:65px;position:relative}
.addForm a{border:2px solid #0147a8;position:absolute;right:0;bottom:0;width:60px;height:49px;padding:0;line-height:45px;background:#0147a8;color:#FFF;font-size:14px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
form h2{display:block;margin:0;padding:15px;color:#FFF;text-align:center;font-size:28px;}
form input,form textarea,form button,form select{outline:none;width:100%;display:block;padding:15px 10px 15px 40px;background:#FFF;border:2px solid #0147a8;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
form textarea{height:150px;text-align:left}
form button{padding:15px 0;border:0;background:url(img/button.jpg);background-size:100% auto;color:#FFF;border:2px solid #0147a8;cursor:pointer;font-size:16px;}
.input{position:relative;margin-bottom:8px}
.input i{position:absolute;left:13px;top:9px;font-size:18px;color:#666}
.input.inputSearch{padding-right:65px}
.input.inputSearch button{border:2px solid #0147a8;position:absolute;right:0;top:0;width:60px;height:49px;padding:0;line-height:49px;background:#FFF;}
.input.inputSearch button i{position:static;font-size:24px;color:#111}
@media (max-width:768px){
form h2{font-size:20px;}	
}

.nothing{padding:30px;text-align:center;color:#FFF}


.result{text-align:center;padding:30px 0;width:90%;max-width:500px;margin:0 auto}
.result .head{border:3px solid #0147a8;display:inline-block;width:100px;-webkit-border-radius:500px;-moz-border-radius:500px;border-radius:500px;}
.result  s{font-size:14px;color:#FFF;display:block;text-align:center;font-style:normal;text-decoration:none}
.result div{margin-bottom:10px;border:3px solid #0147a8;background:#FFF;padding:20px;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
.result div h3{font-size:18px;color:#0070c0}
.result div p{font-size:16px}
.result div p.needZoom{padding:15px 0 0 0}
.result a{color:#FFF;}
@media (max-width:768px){
.result .head{width:60px;}
.result  s{font-size:12px;}
.result div{padding:15px;}	
.result div h3{font-size:16px;padding-bottom:10px}
.result div p{font-size:12px}
}

.results{width:90%;max-width:600px;margin:0 auto}
.results ul{margin:0;padding:0;list-style:none;}
.results ul li{text-align:left;margin-bottom:12px;position:relative;background:#FFF;padding:20px;padding-left:100px;min-height:120px;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
.results ul li .head{display:block;position:absolute;left:15px;width:70px;height:70px;-webkit-border-radius:500px;-moz-border-radius:500px;border-radius:500px;}
.results ul li h3{font-size:18px;color:#0070c0}
.results ul li h3 s{font-size:14px;color:#999;display:inline-block;padding-left:15px;font-style:normal;text-decoration:none}
.results ul li p{font-size:16px}
.results ul li span{display:block;text-align:right;padding:5px 0 0 0}
.results ul li span a{display:inline-block;cursor:pointer;margin-left:2px;padding:5px;font-size:14px;line-height:100%;background:#0147a8;color:#FFF;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
@media (max-width:768px){
.results ul li{padding:15px;padding-left:70px;min-height:80px;}	
.results ul li .head{left:10px;width:50px;height:50px;}
.results ul li h3{font-size:16px;}
.results ul li p{font-size:12px}
.results ul li span a{font-size:12px;}
}


/*上传按钮*/
.fileinput-button{position:relative;overflow:hidden;display:block;background:#52a00c;color:#FFF;width:100%;padding:5px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.fileinput-button input{position:absolute;top:0;right:0;margin:0;opacity:0;-ms-filter:'alpha(opacity=0)';font-size:200px!important;direction:ltr;cursor:pointer}
@media screen\9{.fileinput-button input{font-size:100%;height:100%}}

.inputPhoto{clear:both;padding-bottom:15px;}
.viewImgs{margin-top:15px;background:#F9F9F9;border:1px solid #DDD;position:relative;padding:10px;color:#666;font-size:12px;display:none}
.viewImgs.active{display:block;text-align:left}
.viewImgs:before{position:absolute;content:'';left:25px;top:-8px;width:20px;height:8px;background:url('/img/j2.png') top center no-repeat;}
.viewImgs.commentPhoto{margin-top:0;margin-bottom:10px;background:#FFF}
.viewImgs.commentPhoto.active:before{position:absolute;content:'';left:25px;top:100%;width:20px;height:8px;background:url('/img/jds.png') bottom center no-repeat;}
.ImgViewBox{position:relative;display:inline-block;border:1px solid #EEE;padding:1px;margin:0 3px 3px 0}
.ImgViewBox.active{border:1px solid #667eea}
.ImgViewBox img{height:50px;}
.ImgViewBox i{position:absolute;width:16px;height:16px;z-index:1;right:1px;bottom:1px;cursor:pointer;background:rgba(255,255,255,0.5);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7FFFFFFF,endColorstr=#7FFFFFFF);-webkit-border-radius:2px 0 0 2px;-moz-border-radius:2px 0 0 2px;border-radius:2px 0 0 2px;}
.ImgViewBox i:after{position:absolute;left:2px;top:1px;content:url(data:image/svg+xml;%20charset=utf8,%3Csvg%20width=%2214%22%20height=%2214%22%20viewBox=%220%200%2024%2024%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cpath%20d=%22M17%206h3a1%201%200%200%201%200%202h-1v11a3%203%200%200%201-3%203H8a3%203%200%200%201-3-3V8H4a1%201%200%201%201%200-2h3V5a3%203%200%200%201%203-3h4a3%203%200%200%201%203%203v1zm-2%200V5a1%201%200%200%200-1-1h-4a1%201%200%200%200-1%201v1h6zm2%202H7v11a1%201%200%200%200%201%201h8a1%201%200%200%200%201-1V8zm-8%203a1%201%200%200%201%202%200v6a1%201%200%200%201-2%200v-6zm4%200a1%201%200%200%201%202%200v6a1%201%200%200%201-2%200v-6z%22%3E%3C/path%3E%3C/svg%3E)}
.ImgViewBox .drag-btn{position:absolute;width:16px;height:16px;z-index:1;right:1px;top:1px;cursor:pointer;background:rgba(255,255,255,0.5);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7FFFFFFF,endColorstr=#7FFFFFFF);-webkit-border-radius:2px 0 0 2px;-moz-border-radius:2px 0 0 2px;border-radius:2px 0 0 2px;}
.ImgViewBox .drag-btn:after{position:absolute;left:2px;top:1px;content:url(data:image/svg+xml;%20charset=utf8,%3Csvg%20viewBox%3D%220%200%201024%201024%22%20width%3D%2214%22%20height%3D%2214%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M759.568%20703.92l199.504-199.488L759.12%20304.48l-56.56%2056.56L805.504%20464H544V200.688l102.912%20103.376%2056.32-56.576L503.616%2048l-200%20199.92%2057.008%2056.576L464%20201.568V464H200.608l102.944-102.944-56.576-56.56L47.04%20504.432l199.52%20199.488%2056.56-56.56-103.36-103.36H464v262.416l-103.408-102.928-56.8%2056.56L503.616%20960%20703.04%20760.496l-56.128-56.576L544%20807.296V544h262.352l-103.36%20103.36z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E)}

em{font-size:14px;color:#666;font-style:normal}
@media (max-width:768px){
em{font-size:12px;}
}


.inputSelect{padding-left:15px;margin-bottom:8px;}
.swiper-container{z-index:999999}

.needZoom{cursor:pointer}
#origin-img{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.8);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000,endColorstr=#cc000000);z-index:999}
#origin-img .swiper-slide{text-align:center}
#origin-img .swiper-slide img{max-width:100%;vertical-align:middle;}	
#origin-img .swiper-pagination{bottom:1em;color:#fff;text-shadow:0 0 3px rgba(0,0,0,0.5)}	
#origin-img .uploader{position:absolute;bottom:0;line-height:3em;z-index:5;color:#fff;text-indent:1em;width:100%;background:rgba(0,0,0,0.5);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000);}