@charset "utf-8";

/* 
public style, applicable to all wap page.
Write the date 2014-04-22
Made By:Liuyan
*/

body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,code,form,fieldset,legend,button,input,textarea{padding:0px; margin:0px; border:none;}
a{ color:#333; text-decoration:none;}
a:active,a:hover { text-decoration:none;}
a:focus,input:hover,button:hover,input[type='button']:hover{ outline:none;}
i, em, cite { font-style: normal; }
li{ vertical-align:bottom; overflow:hidden; list-style-type:none;}
body, button, input, select, textarea{ font-family:tahoma,arial,'Hiragino Sans GB',宋体,sans-serif;}
/* 禁止webkit横屏改变字体大小 */
html{-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;}

/* 设置HTML5元素为块 */
article,aside,details,figcaption,figure,footer,hgroup,menu,nav,section,option {display:block;padding:0px; margin:0px; border:none;}

/* 超出隐藏 */
.overflow{ overflow:hidden;}        
		          
/* float */
.fl{ float: left; }
.fr{ float: right;}

/* 图片自适应调整 并解决图片缩放的失真问题*/
img{ max-width:100%; height:auto;border:none; interpolation-mode: bicubic;}

/* 文字居中 */
.txt-center{ text-align:center;}
.txt-justify{ text-align:justify; text-justify:inter-ideograph;}

/* 自动换行 */
.word-auto{word-wrap: break-word;word-break: normal;}

/* 自动居中 */
.mg-auto{ margin-left:auto; margin-right:auto; position:relative;}

/* clearfix */  
.clearfix:after{ visibility: hidden;display: block;font-size: 0;content:" ";clear: both;height: 0;}
.clearfix{ *zoom:1;}

/* transtion-Hover */
.tianstion{ 
    transition:all ease 0.4s; 
	-moz-transition:all ease 0.4s; 
	-ms-transition:all ease 0.4s; 
	-o-transition:all ease 0.4s;
	-webkit-transition:all ease 0.4s;
}
.area{ width:100%;}
#wrap{max-width:640px; position:relative;}
.bg-blue{ background:#bee3ec;}

@media screen and (max-width : 359px) {	
	body{ font-size:10px;}
	#wrap{ width:100%;}
	.pop-con{ width:96%;margin-left:-48%; position:fixed; background-color:#ffd722; border-radius:2em; box-shadow:0 3px 5px #333; left:50%; top:50%;display:none;  margin-top:-9em; opacity:1; z-index:100;background-size:contain;}
	.smile{ height:10em;}
	.content_con select{ height:2.5em}
	.bg2{ height:17em;}.bg3{ height:8.6em;}.bg4{ height:11.5em;}
	.i-register,.i-logging{ width:12%; margin-left:1%; margin-top:0.8em;}
	.megagame{ margin-top:0.8em}#user-con .name,#user-con .out{ margin-top:1em;font-weight:700; font-size:1em; line-height:1.8em; height:2em; background-size:100% auto;}
	#user-con .out{ margin-top:0.8em;}
	.share{ width:65%;  margin:1em auto;}
	.address-links .address{background:url(/app_images/wap/v30/c3/huodong/kfj/2014/03/adress-bg.png) no-repeat center 1.3em;background-size:70% auto;}
	.number2-start{ width:15em; height:5.5em; overflow:hidden; display:block; position:absolute; left:10em; top:11em;}
	.football-links{ width:11em;position:absolute; left:17em; top:9em;}
	.football-links a{ height:1.5em}
}

@media screen and (min-width: 360px) and (max-width : 479px) {
	body{ font-size:13px;}
	#wrap{ width:100%;}	
	.pop-con{ width:96%;margin-left:-48%; position:fixed; border-radius:2em; box-shadow:0 3px 5px #333; left:50%; top:50%;display:none;  margin-top:-9em; opacity:1; z-index:100;background-size:contain;background: #ffd722;}
	.pop-con0{ width:96%;margin-left:-48%; position:fixed; background-color:#F60; border-radius:2em; box-shadow:0 3px 5px #333; left:50%; top:50%;display:none;  margin-top:-9em; opacity:1; z-index:100;background-size:contain;}
	.content_con select{ height:2.1em}
	.i-register,.i-logging{ width:12%; margin-left:1%; margin-top:0.8em;}
	.megagame{ margin-top:0.6em}#user-con .name,#user-con .out{ margin-top:1em; height:2em; font-weight:700; font-size:1em; line-height:1.6em;}
	.share{ width:65%;  margin:2em auto;}
	.address-links .address{background:url(/app_images/wap/v30/c3/huodong/kfj/2014/03/adress-bg.png) no-repeat center 1.3em;background-size:60% auto;}
	.number2-start{ width:16em; height:5.5em; overflow:hidden; display:block; position:absolute; left:15em; top:18em;}
	.football-links{ width:13em;position:absolute; left:19em; top:13em;}
	.football-links a{ height:2.5em}
}

@media screen and (min-width: 480px) and (max-width: 639px) {
	body{ font-size:16px;}
	#wrap{ width:100%;}	
	.pop-con{ width:86%;margin-left:-43%; position:fixed; background-color:#ffd722; -moz-border-radius:2em; border-radius:2em;-webkit-border-radius:2em;border-top-left-radius: 2em;border-top-right-radius: 2em;border-bottom-left-radius: 2em;border-bottom-right-radius: 2em; -webkit-box-shadow:0 3px 5px #333;box-shadow:0 3px 5px #333; left:50%; top:50%;display:none;  margin-top:-9em; opacity:1; z-index:100; background-size:contain;overflow:hidden;}
	.content_con select{ height:2.1em}
	.i-register,.i-logging{ width:12%; margin-left:1%; margin-top:0.3em;}
	.megagame{ margin-top:0.3em}#user-con .name,#user-con .out{ margin-top:0.5em; font-weight:700; font-size:1em; line-height:2em; height:2.5em; background-size:100% auto;}
	#user-con .out{ background-size:90% auto;}
	.share{ width:65%;  margin:3em auto;}
	.number2-start{ width:19em; height:5.5em; overflow:hidden; display:block; position:absolute; left:16.5em; top:19em; }
	.football-links{ width:14em;position:absolute; left:20em; top:12em;}
}
@media screen and (min-width: 640px) and (max-width: 959px) {
	body{ font-size:16px;}
	#wrap{ width:100%;}	
	.pop-con{ width:64%; margin-left:-30%; position:fixed; background-color:#ffd722; border-radius:2em;  -webkit-border-radius:2em;box-shadow:0 3px 5px #333; left:48%; top:50%;display:none;  margin-top:-9em; opacity:1; z-index:100;background-size:contain;}
	.smile{ width:30%;}
	.success{ width:60%}
	.content_con select{ height:2.1em}
	
}
@media screen and (min-width: 960px) and (max-width: 1136px) {
	body{ font-size:16px;}
	#wrap{ width:100%;}	
	.pop-con{ width:50%;margin-left:-25%; position:fixed; background-color:#ffd722; border-radius:2em; box-shadow:0 3px 5px #333; left:50%; top:50%;display:none;  margin-top:-9em; opacity:1; z-index:100; background-size:contain;}
	.content_con select{ height:2.1em}
}
/*2014.10.13*/
header{
	height: 60px;position:relative;
	background: #66a42c;
	text-align: center;
	line-height: 60px;
}
header h2{color:#fff; font-size:1.5em;}

header span{
	height: 60px;display:block;
	position:absolute;
	left: 0; top:0;
}
header span a{
width: 74px;
height: 48px;
margin-left: 18px;
margin-top: 6px;
display: block;
background:url(/app_images/wap/v30/c3/huodong/kfj/2014/03/zyz/head_back_sxjk.png) no-repeat left center;
}