﻿@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; list-style: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
body { -webkit-overflow-scrolling:touch;width:100%; font-size: 1rem; -webkit-font-smoothing: antialiased;   font-family:"HanHei SC","Source Han Sans","Hiragino Sans GB","STHeiti Light", "Helvetica", "Microsoft YaHei", "Arial", "Verdana", "sans-serif"; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
ul, ul li, ol li, li {	list-style:none;}
table {	border-collapse: collapse;	border-spacing: 0;}
input, textarea {border: 0;	outline: none;  -webkit-appearance: none; padding:0; margin:0; /*去掉内部阴影*/}
input[type=input]{-webkit-appearance:none;}/*移除ios样式*/
input[type=checkbox]{-webkit-appearance:checkbox;}
/*去除a标签的虚线框*/
*:not(input,textarea) {  -webkit-touch-callout: none;  -webkit-user-select: none; -ms-user-select: none; }
a {blr:expression(this.onFocus=this.blur()); outline: none; background: none; text-decoration:none;}
html {width:100%; height:100%; font-size:10px;  -webkit-text-size-adjust: 100%;/*禁止文本缩放*/}
@media screen and (min-width:321px) and (max-width:375px){html{font-size:11px}}
@media screen and (min-width:376px) and (max-width:414px){html{font-size:12px}}
@media screen and (min-width:415px) and (max-width:639px){html{font-size:15px}}
@media screen and (min-width:640px) and (max-width:719px){html{font-size:20px}}
@media screen and (min-width:720px) and (max-width:749px){html{font-size:22.5px}}
@media screen and (min-width:750px) and (max-width:799px){html{font-size:23.5px}}
@media screen and (min-width:800px){html{font-size:25px}}
.clearfix:after {visibility: hidden;display: block;	font-size: 0;content: ".";	clear: both;height: 0;}
::-webkit-input-placeholder{ color:#999;}
.fr {float: right;}
.fl {float: left;}
.none{ display:none;}
.box{ position: relative; width:100%; display:-webkit-box; display:box; text-align:left;}
.flex{ -webkit-box-flex:1; box-flex:1;}
.main{ margin-top: 1rem; width: 100%; background-color: #fff; border-top: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; }

/*动画帧*/
@-webkit-keyframes transx_left{
	0%{-webkit-opacity:0;-webkit-transform:translateX(-50%); }
	100%{-webkit-opacity:1;-webkit-transform:translateX(0);}
}
@keyframes transx_left{
	0%{opacity:0;transform:translateX(-50%);}
	100%{opacity:1;transform:translateX(0);}
}
@-webkit-keyframes transx_right{
	0%{-webkit-opacity:0;-webkit-transform:translateX(50%);}
	100%{-webkit-opacity:1;-webkit-transform:translateX(0);}
}
@keyframes transx_right{
	0%{opacity:0;transform:translateX(50%);}
	100%{opacity:1;transform:translateX(0);}
}
@-webkit-keyframes transy_up{
	0%{-webkit-opacity:0;-webkit-transform:translateY(-50%);}
	100%{-webkit-opacity:1;-webkit-transform:translateY(0);}
}
@keyframes transy_up{
	0%{opacity:0;transform:translateY(-50%)}
	100%{opacity:1;transform:translateY(0);}
}
@-webkit-keyframes transy_down{
	0%{-webkit-opacity:0;-webkit-transform:translateY(50%);}
	100%{-webkit-opacity:1;-webkit-transform:translateY(0);}
}
@keyframes transy_down{
	0%{opacity:0;transform:translateY(50%);}
	100%{opacity:1;transform:translateY(0);}
}
@-webkit-keyframes trans_rota{
	0%{-webkit-transform:rotate(0);}
	100%{-webkit-transform:rotate(360deg);}
}
@keyframes trans_rota{
	0%{ transform:rotate(0);}
	100%{ transform:rotate(360deg);}
}
@-webkit-keyframes fade_in{
	0% { opacity: 0; }
	100% {  opacity: 1; }
}
@keyframes fade_in{
	0% {  opacity: 0; }
	100% {  opacity: 1; }
}
.hide{overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;}
.apo_one{display: -webkit-box;text-overflow: ellipsis;  overflow : hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 1;  -webkit-box-orient: vertical;}
.apo_two{display: -webkit-box;text-overflow: ellipsis;  overflow : hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}
.apo_three{display: -webkit-box;text-overflow: ellipsis;  overflow : hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 3;  -webkit-box-orient: vertical;}
.bodyBg{background: #f6f6f6;}
.paddingB{padding-bottom: 6.7rem;}
img{vertical-align: top;}
.setAll{width: 100% ;height:100%;}
.setWid{width: 100% ;min-height:100%;}
.setHei{min-width: 100% ;height:100%;}
.disabled{ background-color: #d2d2d2!important;}

/*字体图标*/
@font-face {font-family: "iconfont";
	src: url('iconfont/icon/font.eot'); /* IE9*/
	src: url('iconfont/icon/font.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('iconfont/icon/font.woff') format('woff'), /* chrome、firefox */
	url('iconfont/icon/font.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
	url('iconfont/icon/font.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.iconFont {
	font-family:'iconfont' !important;
	font-style:normal;
	-webkit-font-smoothing: antialiased;	/*解决字体图标出现锯齿的问题*/
	-moz-osx-font-smoothing: grayscale;	/*解决字体图标出现锯齿的问题*/
}

@font-face {font-family: "weatherICfont";
	src: url('iconfont/weather/font.eot'); /* IE9*/
	src: url('iconfont/weather/font.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('iconfont/weather/font.woff') format('woff'), /* chrome、firefox */
	url('iconfont/weather/font.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
	url('iconfont/weather/font.svg#iconfont') format('svg'); /* iOS 4.1- */
}

.weather_icon{
	font-family:'weatherICfont' !important;
	font-style:normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color:#fff;
}
