@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; 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 #d5d5d5; border-bottom: 1px solid #d5d5d5; }

/*动画帧*/
@-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; }
}
.bodyBg{background: #fff;}
.hide{overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;}
.apo{display: -webkit-box;text-overflow: ellipsis;  overflow : hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}
.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_three{display: -webkit-box;text-overflow: ellipsis;  overflow : hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 3;  -webkit-box-orient: vertical;}
.paddingB{padding-bottom: 5.3rem;}
.setBody{ position: fixed; width: 100%; height: 100%; overflow: hidden; }
img{vertical-align: top;}

/*字体图标*/
@font-face {font-family: "iconfont";
	src: url('../fonts/font.eot'); /* IE9*/
	src: url('../fonts/font.eot?#iefix') format('embedded-opentype'), /* 

IE6-IE8 */
	url('../fonts/font.woff') format('woff'), /* chrome、firefox */
	url('../fonts/font.ttf') format('truetype'), /* chrome、firefox、opera

、Safari, Android, iOS 4.2+*/
	url('../fonts/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;
}


/*加载动画*/
.loading {position: fixed;top: 0;left: 0;bottom: 0;right: 0;z-index: 99999;width: 100vw;height: 100vh;background-color: #fff;text-align: center;}
.loading .l-wrapper { position: absolute;top: 0; right: 0; bottom: 0; left: 0; width: 5rem; height: 5rem; margin: auto; text-align: center; }
.loading svg { height: 5rem; width: 5rem; margin: auto; overflow: visible; }
.loading .g-circles { -webkit-transform: scale(0.9) translate(7px, 7px); -ms-transform: scale(0.9) translate(7px, 7px); transform: scale(0.9) translate(7px, 7px); }
.loading .g-circles circle {  fill: #fff ; fill-opacity: 0; -webkit-animation: opacityLoad 1.2s linear infinite; animation: opacityLoad 1.2s linear infinite; }
.loading .g-circles circle:nth-child(12n + 1) { -webkit-animation-delay: -0.1s; animation-delay: -0.1s; }
.loading .g-circles circle:nth-child(12n + 2) { -webkit-animation-delay: -0.2s; animation-delay: -0.2s; }
.loading .g-circles circle:nth-child(12n + 3) { -webkit-animation-delay: -0.3s; animation-delay: -0.3s; }
.loading .g-circles circle:nth-child(12n + 4) { -webkit-animation-delay: -0.4s; animation-delay: -0.4s; }
.loading .g-circles circle:nth-child(12n + 5) { -webkit-animation-delay: -0.5s; animation-delay: -0.5s; }
.loading .g-circles circle:nth-child(12n + 6) { -webkit-animation-delay: -0.6s; animation-delay: -0.6s; }
.loading .g-circles circle:nth-child(12n + 7) { -webkit-animation-delay: -0.7s; animation-delay: -0.7s; }
.loading .g-circles circle:nth-child(12n + 8) { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; }
.loading .g-circles circle:nth-child(12n + 9) { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; }
.loading .g-circles circle:nth-child(12n + 10) { -webkit-animation-delay: -1s; animation-delay: -1s; }
.loading .g-circles circle:nth-child(12n + 11) { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; }
.loading .g-circles circle:nth-child(12n + 12) { -webkit-animation-delay: -1.2s; animation-delay: -1.2s; }
.loading .g-circles circle {fill: #d3d1d0;}
@-webkit-keyframes opacityLoad { 3% { fill-opacity: 1; } 75% { fill-opacity: 0; } }
@keyframes opacityLoad { 3% { fill-opacity: 1; } 75% { fill-opacity: 0; }}
#abaSvg{ -webkit-transition-property: -webkit-transform; -webkit-transition-duration: 1s; -webkit-animation: rotateSvg 3s linear infinite; animation: rotateSvg 3s linear infinite; }
@-webkit-keyframes rotateSvg{ from{ -webkit-transform: rotate(0deg)} to{-webkit-transform: rotate(360deg)} }
@keyframes rotateSvg{ from{ transform: rotate(0deg)} to{transform: rotate(360deg)} }