body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,legend,input,textarea,p,blockquote,th,td,article,aside,footer,header,menu,nav,section,time,audio,video{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
img{border:0;}
ol,ul,dl,li{list-style:none;}
body{font-family:PingFangSC-Regular,Helvetica,"Droid Sans",Arial,sans-serif;color:#000; min-height:100%;padding-bottom:1px;}
a{text-decoration:none;}
html{height:100%;}
body{min-height:100%;}
em{ font-style:normal}
strong{ font-weight:normal}

.public_frame{ min-width:320px; margin-bottom:0;_width: 320px;_overflow: hidden; min-height: 100%;}
.min_frame{max-width: 768px;margin: auto;height: 100%;}
.back_bg{ position:fixed;left:0; top:0; bottom:0; width:100%;}
.back_bg p{max-width: 768px;margin: auto;height: 100%; background-color:#eff0f5;}
.relative_div{ position: relative; width: 100%;z-index:9;}
/*---------------编辑网站----------------*/
.banner{background:url("../images/img_bg.jpg") no-repeat center top;background-size: 100%;}
.logo{width: 100%;background:url("../images/bg.png");}
.logo img{ height:100%;}
.img_bg{ display:block;}
.banner_c{width:100%; text-align:center;}
.banner_c span{ display:block;text-align:center;}
.banner_c span img{ width:100%;}
.banner_c a{ display:inline-block;color:#107eef; background:#FFF; border-radius:25px;-moz-box-shadow:0px 0px 10px #157be6;-webkit-box-shadow:0px 0px 10px #157be6;box-shadow:0px 0px 10px #157be6;}
.banner_c p{color:#FFF;}
.banner_c p font{color:#fcff00;}
.web_gif_div{ width: 100%; background-color: #eff0f5;}
.web_gif_div span{ display: block; text-align: center; color: #555555; font-size: 16px;padding:20px 0;}
.web_gif{ position: relative;}
.web_gif p{ display: block; margin: 0 auto;}
.web_gif p img{ width: 100%}
.web_gif em{ position: absolute;left: 0px;right: 0px;margin: 0 auto;}
.web_gif em img{ width: 100%;}
.max_weui{ margin-bottom: 20px;}

.no_bor:before{border-top:0;}
.weui_tit{padding:30px 0 20px 0; text-align: center; color:#555; font-size: 14px;}
.no_bor .weui-grid__icon{border-radius: 50%; overflow: hidden; -moz-box-shadow: 3px 3px 10px #9fd5ff; -webkit-box-shadow: 3px 3px 10px #9fd5ff;box-shadow: 3px 3px 10px #9fd5ff;}
.no_bor .weui-grid__label{margin-top: 10px;}
.no_bor:after{border-bottom: 0;}
.demand_div{ background: url("../images/bg_img2.jpg") no-repeat left top;padding:20px 15px;}
.demand_div span{ display: block; color: #FFF; text-align: center; font-size: 14px;padding: 10px 0px 20px 0px;}
.demand_list{ width: 100%;	overflow: hidden;}
.demand_list p{ width: 33.33%;	float: left; display: block; position: relative; margin-bottom: 15px;}
.demand_list p em{ display: block; margin: 0 auto;}
.demand_list p em img{ width: 100%;}
.demand_list p strong{ display: block; color:#FFF; font-size: 14px; text-align: center; position: absolute;left:0;
top:0;right: 0;}
.generate_div{ background-color: #eff0f5;padding: 20px 0px 0px 0;}
.generate_div span{display: block; color: #555; text-align: center; font-size: 14px;padding: 10px 0px;}
.generate_div p{ display: block; width: 100%;}
.generate_div p img{ width: 100%;}
.Edition{ width:100%;}
.Edition ul{ overflow:hidden}
.Edition ul li{ float:left; width:49.8%; border-bottom:1px dashed #ededed; border-right:1px dashed #ededed; }
.Edition ul li span ,.Edition ul li p{ display:block;}
.Edition ul li span img{ width:100%;}
.Edition ul li p{color:#333; text-align:center;}
.Edition ul li strong{ display:block;color:#999999;text-align:center; overflow:hidden;}
.Edition ul li:nth-child(even){border-right:0;}
.foot{ position:fixed; width:100%;left:0; bottom:0; overflow:hidden; background:#FFF;border-top:1px solid #dbdbdb;z-index: 10;}
.foot a{ display:block; width:24.7%; float:left; border-right:1px solid #ededed;padding-top:5px;}
.foot a span{ display:block;width:25px;height:25px; overflow:hidden; margin:0 auto;}
.foot a span img{width:100%;}
.foot a p{ display:block; font-size:12px;padding:3px 0; text-align:center; color:#666;}
.foot a:last-child{border-right:0;}
.foot .cur img{ margin-top:-25px;}
.foot .cur p{color:#008fff;}
.fixed_div{ display:none;width:100%; background:#FFF; overflow:hidden;-moz-box-shadow:1px -1px 10px #ccc; -webkit-box-shadow:1px -1px 10px #ccc;box-shadow:1px -1px 10px #ccc;position: fixed;
top: 0;left: 0;z-index: 10;}
.fixed_div span{ display:block; width:100px;padding:10px 0; float:left; margin-left:20px;}
.fixed_div span img{ width:100%}
.fixed_div a{ display:block;width:100px; line-height:38px; text-align:center;color:#FFF; background:#0084ff; float:right;}
@media screen and (max-width:320px){
	.logo{ height:50px;}
	.banner_c span{ width:280px;margin:15px auto; }
	.banner_c a{padding:8px 20px;  font-size:14px;}
	.banner_c p{padding:17px 0;  font-size:14px;}
	.Edition ul li{padding:5px 0px 10px 0px;}
	.Edition ul li span{ width:60px;height:60px; margin:10px auto;}
	.Edition ul li p{font-size:14px;padding-bottom:8px;}
	.Edition ul li strong{ font-size:12px;padding:0 10px;line-height: 18px;height:36px;}
	.web_gif{ background:url("../images/border2.jpg") repeat-x left 210px;}
	.web_gif p{ width:280px;}
	.web_gif em{ width:262px;height:149px;top:11px;}
	.no_bor .weui-grid__icon{ width: 50px; height:50px;}
	.demand_list p em{ width:75px; height: 75px;}
	.demand_list p strong{ line-height: 75px; font-size: 12px;}
	
	}
@media screen and (min-width:321px) and (max-width:360px){
	.logo{ height:50px;}
	.banner_c span{ width:280px;margin:15px auto; }
	.banner_c a{padding:8px 20px;  font-size:14px;}
	.banner_c p{padding:17px 0;  font-size:14px;}
	.Edition ul li{padding:5px 0px 10px 0px;}
	.Edition ul li span{ width:60px;height:60px; margin:10px auto;}
	.Edition ul li p{font-size:14px;padding-bottom:8px;}
	.Edition ul li strong{ font-size:12px;padding:0 10px;line-height: 18px;height:36px;}
	.web_gif{ background:url("../images/border2.jpg") repeat-x left 210px;}
	.web_gif p{ width:280px;}
	.web_gif em{ width:262px;height:149px;top:11px;}
	.no_bor .weui-grid__icon{ width: 50px; height:50px;}
	.demand_list p em{ width:75px; height: 75px;}
	.demand_list p strong{ line-height: 75px; font-size: 12px;}
	}
@media screen and (min-width:361px) and (max-width:480px){
	.logo{ height:70px;}
	.banner_c span{ width:320px;margin:20px auto;}
	.banner_c a{padding:8px 20px;  font-size:14px;}
	.banner_c p{padding:17px 0;  font-size:14px;}
	.Edition ul li{padding:5px 0px 10px 0px;}
	.Edition ul li span{ width:80px;height:80px; margin:10px auto;}
	.Edition ul li p{font-size:14px;padding-bottom:10px;}
	.Edition ul li strong{ font-size:12px;padding:0 10px;line-height:20px;height:40px;}
	.web_gif{ background:url("../images/border2.jpg") repeat-x left 235px;}
	.web_gif p{ width:320px;}
	.web_gif em{ width: 300px;	height: 171px;top: 12px;}
	.no_bor .weui-grid__icon{ width:60px; height:60px;}
	.demand_list p em{ width:95px; height: 95px;}
	.demand_list p strong{ line-height:95px; font-size: 14px;}
	.fixed_div span{width:125px;}
	.fixed_div a{ line-height:42px;}
	}
@media screen and (min-width:481px){
	.logo{ height:70px;}
	.banner_c span{ width:440px;margin:20px auto;}
	.banner_c a{padding:12px 28px;  font-size:16px;}
	.banner_c p{padding:17px 0;  font-size:16px;}
	.Edition ul li{padding:5px 0px 10px 0px;}
	.Edition ul li span{ width:80px;height:80px; margin:10px auto;}
	.Edition ul li p{font-size:14px;padding-bottom:10px;}
	.Edition ul li strong{ font-size:12px;padding:0 20px;line-height:20px;height:40px;}
	.web_gif{ background:url("../images/border2.jpg") repeat-x left 235px;}
	.web_gif p{ width:320px;}
	.web_gif em{ width: 300px;	height: 171px;top: 12px;}
	.no_bor .weui-grid__icon{ width:60px; height:60px;}
	.demand_list p em{ width:95px; height: 95px;}
	.demand_list p strong{ line-height:95px; font-size: 14px;}
	.fixed_div span{width:125px;}
	.fixed_div a{ line-height:42px;}
	}