body{margin: 0 auto 0;width:320px;height: 100%;overflow-y:scroll;overflow-x:hidden ;background: #000;padding: 0 0 0 0;}
.box{overflow:hidden; margin: 10px;width:300px;min-height: 44px;background: #fafafa;border: #aaa solid 1px;border-radius: 5px;}
.text_info{width: 100%;}
.text_info p{font-size: 16px;line-height: 18px;color: #505050;padding:10px;display: block;}
.text_info img{max-width:300px;height: auto;}
.weather{position: relative;width: 100%;height: 180px;overflow: hidden;}
.weather p{color: #303030;font-size: 14px;margin: 0;left: 10px;text-align: center;text-shadow: #fff 0 1px 0;position: absolute;}
p.icon {position: relative;width: 100%;height: 100%;left: 0px;}
p.icon img {width: auto;height: 180px;position: absolute;}
p.icon img.day{left:-15px;top:-40px;}
p.icon img.night{right:-25px;bottom:-30px;opacity: 0.9;}
p.info{top: 15px;font-size: 45px;}
p.temp{top: 65px;font-size: 18px;}
p.temp span{font-size: 24px;}
p.kongzhi{top: 105px;font-size: 18px;}
p.city{bottom: 10px;left: auto;right: 10px;}
#infotext{width: 260px;color: #808080;font-size: 14px;padding: 0;margin: 10px 0 10px 20px;text-align: right;}
#loading{width: 260px;font-weight: bold;color: #505050;font-size: 24px;padding: 0;margin: 60px 0 0 40px;}
#loading a{color: #505050;}
.ad_info{text-align: center;text-shadow: rgba(0, 0, 0, 0.5) 0 -3px 30px;font-size: 16px;color: #888;padding:5px 0 5px 0;width: 100%;margin:0;}
.ad_info a{width:100px;margin: 0;color: #505050;background: #fafafa;
		   background: -webkit-gradient(linear, 0 0, 0 100%,from(#f9f9f9),to(#ffffff));
		   border: #aaa solid 1px;border-style: solid solid solid none;padding: 4px 0px;
		   font-size: 14px;text-shadow: #fff 0 1px 0;text-decoration: none;float: left;
		   border-radius: 0;font-weight: bolder;position:relative;display: inline-block;}
.ad_info a span{padding: 7px 0 7px 22px;background-repeat: no-repeat;background-position: left center;background-size: 20px 20px;line-height:18px;}
a.right{border-radius: 0 22px 22px 0;border-style: solid solid solid none;}
a.left{border-radius: 22px 0 0 22px;border-style: solid;}
a.one{border-radius: 22px;border-style: solid;padding: 4px 15px;}
.ad_info a:active{background:-webkit-gradient(linear,0 0,0 100%, from(rgb(198, 40, 0)),to(rgb(128, 30, 0)));color: #e0e0e0;text-shadow:rgba(0, 0, 0, 0.75) 0 -1px 0;}
a.download{padding: 4px 0px 4px 4px;}
.hideshare{position: absolute;top:45px;left:-5px; height: 0px;width: 0px;display: inline-block;}
.new{position:absolute;background: -webkit-gradient(linear,50% 20%,50% 80%,from(#faa),to(#e00));
	 padding:0px 3px;border-radius:18px;right:-5px;font-weight:bolder;top:-15px;line-height: 18px;
	 color:#fff;text-shadow:rgba(0,0,0,0.7) 0 -1px 0;border: #fff 2px solid;box-shadow:#000 0 1px 2px;z-index: 100;}
.game{
display:inlineblock; 
margin:5px 0px; 
padding-left:20px;width:100%; 
font-size:30px; 
overflow:hidden; 
border-bottom:1px solid #fff; 
text-align:left;
}

#game div,#game {
	display: inline-block;
}

#game {
	width: 320px;
	height: 300px;
	position: relative;
	padding: 0 0 10px 0;
	//border-bottom: 1px solid #dcdcdc;
	margin:0 auto;
}
#game .bg {
	width: 320px;
	height: 260px;
	background: #ccc;
	position: absolute;
	top: 0px;
	left: 0px;
	background:url(/uploads/image/0fimg/bg.jpg);
	background-size:100% auto;
}
#game .game_box{
	position: absolute;
	height:40px;
	bottom:55px;
	left:1%;
	width: 100%;
}
#game .game_time{
	position: absolute;
	color:white;
	font-size: 12px;
	padding:3px 5px;
	right: 15px;
	top: 45px;
	border-radius: 10px;
	background:rgba(0,0,0,0.5);
}
#game .power{
	position: absolute;
	font-size: 10px;
	color:#ffffff;
	text-decoration:none;
	width:150px;
	z-index:9999;
	right: 0px;
	text-align:right;
	top: 303px;
	border-radius: 10px;
}
.power a{ text-decoration:none; color:#fff;}
#game .dock{
	position: relative;
	height: 29px;
	width: 14%;
	background: no-repeat;
	background-size:35px auto;
	background-position:5px 0%;
}
#game .qw{
	width:100%;
	height:45px;
	position: absolute;
	bottom: 130%;
	left: 3px;
	-webkit-animation-duration: 0.3s;
	-webkit-animation-iteration-count: 1; 
	-webkit-animation-timing-function: linear;
}

#game .leftqw .qw,#game .rightqw .qw{
	background: no-repeat;
	position: relative;
	background-size:300% auto;
}
#game .rightqw .qw{
	background-position: 0 100%;
}

#game .handle{
	position: absolute;
	height:40px;
	bottom:11px;
	left:0px;
	width: 100%;
}
#game .g_button{width:159px;height:40px;margin: 0;color: #505050;background: #fafafa;
				float:left;font-size: 14px;line-height:40px;text-shadow: #fff 0 1px 0;
				text-align:center;
				cursor: pointer;
				cursor: hand;
				border-radius: 0;font-weight: bolder;position:relative;display:inline-block;}
.rightborder{
	border:#888 1px;
	border-style:none solid none none;
}
#abanner {
	position: relative;
	width:320px;
	height:63px;
	background: no-repeat;
	background-size:320px auto;
	cursor: pointer;
	cursor: hand;
}

@-webkit-keyframes rightanim1{
	0% {-webkit-transform:translate(100%,0);background-position:100% 100%;}
	15%{background-position:100% 100%;}
	15.1%{background-position:50% 100%;}
	50% {-webkit-transform:translate(50%,-40%);background-position:50% 100%;}
	75%{background-position:50% 100%;}
	75.1%{background-position:0 100%;}
	100% {-webkit-transform:translate(0,0);background-position: 0 100%;}
}
.rightanim1{
	-webkit-animation-name: rightanim1;
}
@-webkit-keyframes rightanim2{
	0% {-webkit-transform:translate(200%,0);background-position:100% 100%;}
	15%{background-position:100% 100%;}
	15.1%{background-position:50% 100%;}
	50% {-webkit-transform:translate(100%,-110%);background-position:50% 100%;}
	75%{background-position:50% 100%;}
	75.1%{background-position:0 100%;}
	100% {-webkit-transform:translate(0,0);background-position: 0 100%;}
}
.rightanim2{
	-webkit-animation-name: rightanim2;
}
@-webkit-keyframes leftanim1{
	0% {-webkit-transform:translate(-100%,0);background-position:100% 0;}
	15%{background-position:100% 0;}
	15.1%{background-position:50% 0;}
	50% {-webkit-transform:translate(-50%,-40%);background-position:50% 0;}
	75%{background-position:50% 0;}
	75.1%{background-position:0 0;}
	100% {-webkit-transform:translate(0,0);background-position: 0 0;}
}
@-webkit-keyframes leftanim2{
	0% {-webkit-transform:translate(-200%,0);background-position:100% 0;}
	15%{background-position:100% 0;}
	15.1%{background-position:50% 0;}
	50% {-webkit-transform:translate(-100%,-110%);background-position:50% 0;}
	75%{background-position:50% 0;}
	75.1%{background-position:0 0;}
	100% {-webkit-transform:translate(0,0);background-position: 0 0;}
}
.leftanim1{
	-webkit-animation-name: leftanim1;
}
.leftanim2{
	-webkit-animation-name: leftanim2;
}
#game .boss{
	position: absolute;
	width: 80%;
	left:5%;
	top:15%;
	font-size:12px;
	color: #888;
	line-height: 18px;
}
#game .share_rank,#game .share_waring{
	position: absolute;
	width: 100%;
	height: 100%;
	text-align: center;
}
#game .mask{
	width: 100%;
	height: 100%;
	background: #fff;
	position: absolute;
	left:0;
	top:0;
	opacity:0.8;
}
#game .win_info{
	position: absolute;
	width: 80%;
	left: 5%;
	top:25%;
	background: #fff;
	border: #aaa solid 1px;
	color: #505050;
	border-radius:5px;
	padding:10px 5%;
	box-shadow:rgba(0,0,0,0.8) 0 0 10px;
}
#game .win_btns{
	position: relative;
	width: 100px;
	top:55%;
	background: #e9573f;
	color: #fff;
	font-weight: bolder;
	cursor: pointer;
	cursor: hand;
	border-radius:5px;
	padding:3px;
	margin: 10px;
	box-shadow:rgba(0,0,0,0.8) 0 0 10px;
}
.frend_sharebtn span{
	font-size:18px;
	color: #f00;
	padding-left:20px;
	font-weight: bolder;
	background: center right no-repeat;
	height:29px;
}
#game .frend_sharebtn{
	position: fixed;
	right:3px;
	top:3px;
	box-shadow:rgba(0,0,0,0.8) 0 0 30px;
	color: #505050;
	background: #fafafa;
	border: #fff solid 1px;
	padding: 15px;
	font-size: 16px;
	text-shadow: white 0 1px 0;
	text-decoration: none;
	float: left;
	border-radius: 0;
	font-weight: bolder;
	border-radius:3px;
	z-index: 101;
	width:100%;
}