/* 这里定义浏览器重复样式 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td,
article, aside, summary, details, figcaption, figure, footer, header, hgroup, menu, nav, section{ 
	margin: 0; 
	padding: 0;
}
article, aside, summary, details, figcaption, figure, footer, header, hgroup, menu, nav, section{
  display: block;
}
table{ 
	border-collapse:collapse; 
	border-spacing:0;
}
fieldset,img { 
	border: 0; 
	vertical-align: middle;
}
address,caption,cite,code,dfn,em,strong,th,var { 
	font-style: normal; 
	font-weight: normal;
}
ul,ol{
	/*
	IE6 IE7 IE8(Q) 中如果列表元素设置 'list-style-type:none' 时 'list-style-position:inside' 设置产生的标记框不消失，依然占据布局位置。
	http://www.w3help.org/zh-cn/causes/RG1002
	*/
	list-style:outside none none;
}
q:before,q:after { 
	content: '';
}
abbr,acronym { 
	border: 0;
}
input, button, select{ 
	vertical-align: middle;
}
/*常用样式及整体风格*/

/*常用样式*/
.fl{
	float: left;
	display: inline;
}
.fr{
	float: right;
	display: inline;
}
body{background-color:#fff;background-attachment:fixed;background-position:center top;background-repeat:no-repeat;padding:0px;margin:0px;border:0;font: 14px "Microsoft Yahei","Tahoma","SimSun";}
*{padding:0px;margin:0px;border:0;}
ul{list-style:none;}
a{text-decoration:none;color:#252525;}
a:hover{color:#ee842f;}
.clear{clear:both;height:0px;overflow:hidden;}
nav{display:block;}
table{border-collapse:collapse;}
h1,h,h3,h4,h5,h6{font-weight:normal;}
.clearfix{zoom:1}
.clearfix:after{content:".";display:block;clear:both;visibility:hidden;height:0;}

.dis{
	display: none;
}
.page{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../images/bg.png)no-repeat;
	background-size: cover;
	overflow: hidden;
}
.shareIcon{
	width: 0.45rem;
	position: absolute;
	right: 0.1rem;
	top: 0.1rem;
}
.shareIcon img{
	width: 0.45rem;
	height: 0.45rem;
}

.shareIcon span {
    bottom: 0rem;
    color: #333;
    display: block;
    height: 0.5rem;
    position: absolute;
    right: 0rem;
    top: 0.5rem;
    width: 1.6rem;
    z-index: 9;
}
.animateS{
	animation: myfirst 3s;
	-moz-animation: myfirst 3s;	/* Firefox */
	-webkit-animation: myfirst 3s;	/* Safari 和 Chrome */
	-o-animation: myfirst 3s;
}
@keyframes myfirst
{
0%   {right: 0.1rem;top: 0.1rem;}
50%  {right: 0.5rem;top: 0.1rem;}
100% {right: 0.1rem;top: 0.1rem;}
}

@-moz-keyframes myfirst /* Firefox */
{
0%   {right: 0.1rem;top: 0.1rem;}
50%  {right: 0.5rem;top: 0.1rem;}
100% {right: 0.1rem;top: 0.1rem;}
}

@-webkit-keyframes myfirst /* Safari 和 Chrome */
{
0%   {right: 0.1rem;top: 0.1rem;}
50%  {right: 0.5rem;top: 0.1rem;}
100% {right: 0.1rem;top: 0.1rem;}
}

@-o-keyframes myfirst /* Opera */
{
0%   {right: 0.1rem;top: 0.1rem;}
50%  {right: 0.5rem;top: 0.1rem;}
100% {right: 0.1rem;top: 0.1rem;}
}
.back{
	width: 0.5rem;
	height: 0.5rem;
	position:absolute;
	left: 0;
	top: 0.256rem;
	text-align: center;
	z-index: 9;
}
.back img{
	width: 0.5rem;
	height: 0.45rem;
}
.header{
	width: 100%;
	height: 0.768rem;
	background: #efefef;
	text-align: center;
}
.header img{
	width: 1.99rem;
	height: 0.41rem;
	margin-top: 0.179rem;
}
.content{
	width:100%;
}
.localModel{
	width: 2.8rem;
	height: 0.41rem;
	margin-left: -1.4rem;
	position: relative;
	left: 50%;
	margin-top: 0.256rem;
}
.localModel span {
    background: rgba(0, 0, 0, 0) url("../images/cityLocal.png") no-repeat scroll center center / 2rem 0.5rem;
    display: block;
    float: left;
    font-size: 0.256rem;
    height: 0.5rem;
    line-height: 0.45rem;
    padding-left: 0.4rem;
    text-align: left;
    width: 2rem;
}
.localModel .localIcon{
	width: 0.298rem;
	height: 0.41rem;
	float: left;
}
.localModel .selectDown{
	width: 0.435rem;
	height: 0.333rem;
	float: left;
	margin-top: 0.038rem;
}
/*partOne*/
.personModel{
	width: 4.08rem;
	height: 3.94rem;
	margin-left: -2.04rem;
	position: relative;
	left: 50%;
	/*margin-top: 0.256rem;*/
	margin-top: 0.4rem;
}
.personModelS {
	width: 2.64rem;
	height: 2.55rem;
	margin-top: 0.2rem;
	margin-left: -1.32rem;
}
.personModel img{
	width: 100%;
	height: 100%;
}
.wordMs{
	width: 4.02rem;
	height: 1rem;
	position: relative;
	margin-left: -2.01rem;
	left: 50%;
	margin-top: 0.2rem;

}
.wordMs img{
	width: 100%;
	height: 100%;
}
.tempChart{
	width: 5.06rem;
	height: 1.59rem;
	position: relative;
	left: 50%;
	margin-left: -2.5rem;
	margin-top: 0;
	visibility: hidden;
}
#maxTemp{
	width: 100%;
	height: 0.85rem;
	position: relative;
	top: 0.2rem;
}
#minTemp{
	width: 100%;
	height: 0.85rem;
	position: relative;
	top: -0.2rem;
}
.tempBtn{
	margin-left: 0.512rem;
	margin-top: 0.253rem;
}
.zhunbuzhun{
	float: right;
	margin-right: 0.512rem;
}
.zhunbuzhun .zhunBtn{
	width: 1rem;
	height: 0.589rem;
}
.buzhunBtn{
	width: 1.246rem;
	height: 0.589rem;
}
.tempIcon{
	width: 0.256rem;
	height: 0.529rem;
}
.wordQwkg{
	width: 1.476rem;
	height: 0.256rem;
}
.weekModel{
	width: 5.06rem;
	height: 0.555rem;
	margin-left: -2.5rem;
	position: relative;
	left: 50%;
	margin-top: 0.341rem;
}
.weekModel ul{
	width: 100%;
	height: 0.73rem;
	background: url(../images/verticalLine.png) no-repeat center right;
	background-size: 0.034rem 0.555rem;
}
.weekModel ul li{
	position: relative;
	width: 0.77rem;
	height: 0.73rem;
	float: left;
	background: url(../images/verticalLine.png) no-repeat center left;
	background-size: 0.034rem 0.555rem;
}
.weekModel ul li img{
	width: 0.46rem;
	height: 0.41rem;
	margin-left: 0.16rem;
	margin-top: 0.16rem;
}
.weekModel ul li span{
	font-size: 10px;
	position: absolute;
	bottom: 0.06rem;
	left: 0.14rem;
}
.weekModel ul li.cur{
	width: 1.09rem;
	height: 0.73rem;
	background: url(../images/weekCur.png) no-repeat center center;
	background-size: 1.09rem 0.73rem;
	position: relative;
	top:-0.04rem;
}
.weekModel ul li.cur img{
	width: 0.46rem;
	height: 0.41rem;
	margin-left: 0.31rem;
	margin-top: 0.2rem;
}
.weekModel ul li.cur span{
	font-size: 10px;
	position: absolute;
	bottom: 0.06rem;
	left: 0.28rem;
	color: #f6e7c9;
}
.customMadeBtn{
	width: 2.646rem;
	height: 0.64rem;
	margin-left: -1.323rem;
	position: relative;
	left: 50%;
	/*margin-top: 0.6rem;*/
	margin-top: 0.75rem;
}
.customMadeBtn img{
	width: 2.646rem;
	height: 0.64rem;
}
/*城市选择*/
.overlayBg{
	background: rgba(0,0,0,.6);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9;
}
.city_wrap{
	background: url(../images/selectCityBg.png)no-repeat center center;
	background-size:5.315rem  6.177rem;
	width: 5.315rem;
	height: 6.177rem;
	position: absolute;
	left: 50%;
	top: 0.256rem;
	margin-left: -2.66rem;
	z-index: 10;
}
.signNull,.clickNull,.zhunShow,.buzhunShow,.signMore{
	width: 3.865rem;
	height: 2.44rem;
	position: relative;
	left: 50%;
	margin-left: -1.932rem;
	z-index: 10;
	margin-top: 1rem;
}
.signNull img,.clickNull img,.zhunShow img,.buzhunShow img,.signMore img{
	width:100%;
	height: 100%;
}
.city_wrap div{
	margin-top: 1.6rem;
	width: 1.28rem;
	height: 3.5rem;
	float: left;
	overflow: auto;
	margin-left: 0.02rem;
}
.city_wrap div.first{
	margin-left: 0.4rem;
}
.city_wrap div.last{
	margin-left: 0.1rem;
}
.select{
	color: #287483;
	font-size: 0.24rem;
}
.select .on{
	color: #d04928;
}
.select li{
	margin: 3px 0;
	padding: 3px;
}
#s_country{
	border: 0;
}
#btn_confirm{
	background: url(../images/sureBtn.png)no-repeat center center;
	width: 1.84rem;
	height: 0.8rem;
	background-size: 1.84rem 0.8rem;
	position: absolute;
	bottom: 5px;
	left: 50%;
	margin-left: -1.3rem;
}
.closeSelect{
	position: absolute;
	top: -0.2rem;
	right:-0.2rem;
	width: 1rem;
	height: 1rem;
}
/*partTwo*/
.inputName{
	background: url(../images/inputName.png)no-repeat left center;
	background-size: 3.48rem 0.606rem;
	width: 3.48rem;
	height: 0.606rem;
	position: relative;
	left: 50%;
	margin-left: -1.63rem;
	margin-top: 0.256rem;
}
.inputName input{
	background: none;
	width: 1.62rem;
	height: 0.606rem;
	line-height: 0.606rem;
	font-size: 0.204rem;
	color: #040000;
	margin: 0.06rem 0.1rem;
}
.inputNameT{
	background: url(../images/inputNameT.png)no-repeat left center;
	background-size: 3.48rem 0.606rem;
}
.inputNameT span{
	font-size: 0.204rem;
	color: #040000;
	position: relative;
	left: 0.1rem;
	top: 0.18rem;
}
.customMadeModel{
	width: 5.546rem;
	height: 4.693rem;
	position: relative;
	left: 50%;
	margin-left: -2.773rem;
	margin-top: 0.2rem;
}
.cmSelect{
	width: 0.904rem;
	height: 4.693rem;
	float: left;
}
.cmSelect .selectScroll{
	width: 100%;
	height: 3.856rem;
	overflow: hidden;
	position: relative;
}
.cmSelect .selectScroll ul{
	width: 100%;
	height: 5.784rem;
	position: relative;
	top: 0;
}
.cmSelect .selectScroll ul li{
	width: 100%;
	height: 0.904rem;
	float: left;
	margin-bottom: 0.06rem;
}
.cmSelect .selectScroll ul li.cur{
	width: 96%;
	border: 1px solid #ff0000;
	text-align: center;
}
.cmSelect .selectScroll ul li img{
	width: 100%;
	height: 100%;
}
.cmSelect .upBtn{
	width: 100%;
	height: 0.23rem;
	background: url(../images/upBtn.png)no-repeat center center;
	background-size: 0.46rem 0.23rem;
	float: left;
	margin-bottom: 0.06rem;
}
.cmSelect .downTx{
	width: 100%;
	height: 0.563rem;
	background: url(../images/downTx.png)no-repeat center center;
	background-size: 0.82rem 0.563rem;
	float: left;
}
.cmSelect .downKz{
	width: 100%;
	height: 0.563rem;
	background: url(../images/downKz.png)no-repeat center center;
	background-size: 0.82rem 0.563rem;
	float: left;
}
.cmFactory{
	width: 3.738rem;
	height: 4.693rem;
	float: left;
	position: relative;
}
.cmFactory img{
	width: 2.646rem;
	height: 2.816rem;
	position: relative;
	left: 50%;
	margin-left: -1.323rem;
	margin-top: 0.94rem;
}
.update{
	width: 5rem;
	height: 0.256rem;
	line-height: 0.256rem;
	color: #65615a;
	font-size: 0.2rem;
	position: relative;
	left: 50%;
	margin-left: -2.5rem;
	text-align: center;
	margin-top: 0.256rem;
}
.update b{
	font-size: 0.256rem;
	margin: 0 0.05rem;
}
.btnList{
	width: 4.864rem;
	height: 0.64rem;
	position: relative;
	left: 50%;
	margin-left: -2.432rem;
	margin-top: 0.5rem;
}
.btnList .leftBtn{
	width: 2.14rem;
	height: 0.64rem;
	float: left;
}
.btnList .centerBox{
	margin-left: 1.3rem;
}
.btnList .rightBtn{
	width: 2.14rem;
	height: 0.64rem;
	float: right;
}
.btnList .leftBtn img{
	width: 100%;
	height: 100%;
}
.btnList .rightBtn img{
	width: 100%;
	height: 100%;
}
/*图片生成模块*/
.before{
	width:100%;height:100%;text-align: center;position:relative;
}
#imgbox{
	width:100%;height:100%;
}
.savePhoto{
	position:absolute;bottom:1.4rem;;left:0.6rem;width:1.8rem;
}