*{ margin: 0px; padding: 0;}
html{font-size: 10px;background-color: #f4f4f4;max-width: 640px;min-width: 320px;margin: 0 auto;}
body{font-size: 10px; font-family: "寰蒋闆呴粦";}
a{text-decoration: none; color: #3c3c3c;-webkit-tap-highlight-color:rgba(0,0,0,0);}
li{list-style: none;}
img{ border: 0px; max-width: 100%;}

/*婕傛诞*/
.fl{ float: left;}
.fr{ float: right;}
.cb{ clear:both;}
.ov{ overflow: hidden;}
.tc{ text-align: center;}
.tr{ text-align: right;}
.none{ display: none;}
.middle{ vertical-align: middle;}
.pr{position: relative;}
.backF0{background: #F0F0F0;}
/*澶栭棿璺�*/
.m05{ margin: 0px 0.5rem;}
.mt05{ margin-top: 0.5rem;}
.mt1{ margin-top: 1rem;}
.ml05{ margin-left: 0.5rem;}
.ml05{ margin-left: 0.5rem;}
.mr05{ margin-right: 0.5rem;}
.ml1{ margin-left: 1rem;}
.mb05{ margin-bottom: 0.5rem;}
/*flex 寮规�х洅瀛�*/
.flex-row{display:-webkit-box; display:-webkit-flex; display:flex; -webkit-box-orient:horizontal; -webkit-flex-direction:row; flex-direction:row;}
.flex-colum{height:100%; display:-webkit-box; display:-webkit-flex; display:flex; -webkit-box-orient:vertical; -webkit-flex-flow:column; flex-flow:column;}
.flex-row .item1,.flex-colum .item1{-webkit-box-flex:1;-webkit-flex:1;flex:1;}
.pr{ position: relative;}
.arrowLeft{width: 0.95rem; height: 1.6rem; vertical-align: middle;}
/*椤甸潰鏍囬*/
button,input,select,textarea{font:inherit;outline:0;margin:0;appearance:none;-webkit-appearance:none;}
.pageTit{
	height: 4.4rem;
	line-height: 4.4rem;
	background: #31bbf0;
}
.commonLeftIcon img{
	width: 1.3rem;
	height: 2.2rem;
	vertical-align: middle;
}
.commonLeftIcon{
	margin-left: 1.5rem;
}
.pageTit h3{
	font-size:1.8rem ;
	color: #FFFFFF;
	font-weight: normal;
}
/*澶撮儴*/
.pageTot{
	width: 100%;
	position: fixed;
	top: 0;
	z-index: 999;
	padding: 0px 1rem;
	padding-top: 0.5rem;
	
}
.pageTot1{
	width: 100%;
	height: 5rem;
	position: relative;
	top: 0;
	z-index: 999;
    background: url(/mobile/images/logo1.png) no-repeat;
    background-size: 100% 100%;
}
.pageTopLogo{
	height: 5rem;
}
.topCityIcon{
	display: inline-block;
	vertical-align: middle;
	background: url(../../images/cityIcon.png) no-repeat;
	background-size:100% 100% ;
	width:1.2rem;
	height:1.6rem ;
	margin-right: 0.5rem;
	float: left;
	margin-top: 0.2rem;
}
.topCity{
	font-size: 1.4rem;
	color: #FFFFFF;
	margin-top: 0.4rem;
	width: 6rem;
}
.currentCity li{
	display: inline-block;
	float: left;
}
.topCity a{color: #fff;}
.topCity ul{
	background: rgba(0,0,0,.3);
	border-radius:0.5rem;
	text-align: center;
	margin-top: 0.5rem;
	width: 6rem;
}
.topCity ul li{
	border-bottom: 1px solid #ccc;
	padding: 0.3rem 0rem;
}
.topCity ul li a{
	color: #fff;
	font-size: 1.3rem;
}
.topCity ul li:last-child{
	border-bottom:0;
}
.topSearchCover{
	width: 22rem;
	height: 3rem;
	opacity: 0.2;
	background: #FFFFFF;
	border-radius: 5rem;
}
.searchIcon{
	display: inline-block;
	vertical-align: middle;
	background: url(../../images/searchIcon.png) no-repeat;
	background-size:100% 100% ;
	width: 1.5rem;
	height: 1.5rem;
	margin: 0rem 0.6rem;
}
.topSearch{
	/* position: absolute;
	top: 0.4rem; */
}
.searchTxt{
	width: 19rem;
    height: 3rem;
    font-size: 1.2rem;
    background: 0;
    border: 0;
    line-height: 2.3rem;
    color: #fff;
    font-family: 榛戜綋;
    outline: none;
}
.searchTxt[placeholder], [placeholder], *[placeholder] {
color:#fff;
} 
.searchTxt::-webkit-input-placeholder{
color: #fff;
}  
.topSearchDiv{
	margin-left: 1rem;
	background:rgba(225,225,225,.4);
	border-radius: 5rem;
}
.telephone{
	display: inline-block;
	vertical-align: middle;
	background: url(../../images/telephone.png) no-repeat;
	background-size:100% 100% ;
	width: 1.85rem;
	height: 2.2rem;
	margin-right: 1rem;
}
.onlineIcon{
	display: inline-block;
	vertical-align: middle;
	background: url(../../images/onlineIcon.png) no-repeat;
	background-size:100% 100% ;
	width: 2.1rem;
	height:2.1rem;
}
.toyKf a{
	display: inline-block;
}
.toyKf{
	margin-right: 2rem;
	margin-top: 0.4rem;
}
/*澶撮儴涓嬫媺鏍峰紡*/
.pageTotHover{
	background: #ffffff;
	padding-bottom: 0.5rem;
	border-bottom: 1px solid #F0F0F0;
}
.topCityIconHover{
	display: inline-block;
	vertical-align: middle;
	background: url(../../images/cityIconHover.png) no-repeat;
	background-size:100% 100% ;
	width:1.2rem;
	height:1.6rem ;
	margin-right: 0.5rem;
}
.topCityHover{
	margin-top: 0.8rem;
}
.topCityHover span{
	font-size: 1.5rem;
}
.topCityHover a{
	font-size: 1.5rem;
	color: #666;
	margin-top: 0.4rem;
}
.telephoneHover{
	display: inline-block;
	vertical-align: middle;
	background: url(../../images/telephoneHover.png) no-repeat;
	background-size:100% 100% ;
	width: 1.85rem;
	height: 2.2rem;
	margin-right: 1rem;
}
.onlineIconHover{
	display: inline-block;
	vertical-align: middle;
	background: url(../../images/onlineIconHover.png) no-repeat;
	background-size:100% 100% ;
	width: 2.1rem;
	height:2.1rem;
}
.topSearchCoverHover{
	width: 28rem;
	height: 3rem;
	line-height: 3rem;
	opacity: 1;
	background: #f5f5f5;
	border-radius: 5rem;
}
.searchTxtHover[placeholder], [placeholder], *[placeholder] {
 color: #c5c5c5;
} 
.searchTxtHover::-webkit-input-placeholder{
 color: #c5c5c5;
} 
.searchTxtHover{
    width: 19rem;
    height: 3rem;
    font-size: 1.2rem;
    background: 0;
    border: 0;
    line-height: 2.3rem;
    color: #c5c5c5;
    font-family: 榛戜綋;
    outline: none;
}
.searchIconHover{
	display: inline-block;
	vertical-align: middle;
	background: url(../../images/searchIconHover.png) no-repeat;
	background-size:100% 100% ;
	width: 1.5rem;
	height: 1.5rem;
	margin: 0rem 0.6rem;
}
.pageCommon{
	padding-bottom: 4.9rem ;
}
/*搴曢儴*/
.pageFoot{
	height: 4.9rem;
	border-top: 1px solid #F0F0F0;
	width: 100%;
	position: fixed;
	left: 0;
	bottom: 0;
	background: #FFFFFF;
	z-index: 999;
}
.pageFoot ul{
	overflow: hidden;
}
.pageFoot ul li{
	float: left;
	width: 20%;
	text-align: center;
}
.pageFoot ul li a{
	display: block;
	font-size: 1.1rem;
	color: #999999;
}
.pageFoot ul li img{
	width: 2rem;
	height: 2rem;
	margin-top: 0.5rem;
}
.pageFoot ul li h3{
	font-weight: normal;
}

/* 鍙宠竟鏍峰紡  */
.min-rightbox{
	position: fixed;
	bottom: 15%; 
	right: 0;
	z-index: 9999;
}
.min-rightbox li{
	width:4.75rem;
	height: 4rem;
	line-height:4rem;
	background: #3fbff0;
	margin-bottom: 1rem;
	border-radius:2rem 0 0 2rem;
	text-align: center;
}
.min-rightbox li a{
	display: block;
}
.min-rightbox li a img{
	width: 2rem;
	height: 2rem;
	vertical-align: middle;
}



@media screen and (max-width: 320px) {
	.searchTxt{
		width: 15.5rem;
    	font-size: 1rem;
	}
	.topCity{
		font-size: 1.1rem;
		color: #FFFFFF;
		margin-top: 0.4rem;
		width: 5rem;
		overflow: hidden;
	}
	.topCity ul{
		background: rgba(0,0,0,.3);
		border-radius:0.5rem;
		text-align: center;
		margin-top: 0.5rem;
		width: 5rem;
	}
	.currentCity{
		display:inline-block;
		margin-top: 0.2rem;
	}
	.topSearchCoverHover{
		width: 22rem;
	
	}
	
}