body{  padding:0px; font: 12px/18px Microsoft YaHei; min-width:320px;width:100%; margin:0 auto;}
dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, header, nav, footer, article, section, aside, time, figure {
    margin: 0;
    padding: 0;
}
ul,li{text-decoration: none; list-style:none}


/*空气质量样式*/
.hbj{ width:100%; margin:0 auto; float: left;background:#ededf5 }
.hbj .city {width:94%; padding:12px 3%; float: left; color: #3a3a3a; font-size: 1.25em; }
.hbj .city .dw{width:17%; float:left; line-height: 22px;}
.hbj .city .dw span img{width:35%; vertical-align: bottom; margin-right:3px; float: left;}
.hbj .city .now{width:17%; float:right;}
.hbj .city .now span img{width:34%; vertical-align: bottom; margin-right:3px; float: left;  }

.hbj .air_zl{width:100%; margin: 20px 0 35px 0; float: left; }
.hbj .air_zl .yuan{width:190px; height:190px; margin:0 auto; text-align:center;  color:#6E6767; position:relative; }
.hbj .air_zl .yuan img{width:100%; }
.hbj .air_zl .yuan .yuan_wz{width:100%; margin:0 auto; position:absolute; top:50px; }
.hbj .air_zl .yuan .yuan_wz p{font-size:1.25em;line-height:22px;}
.hbj .air_zl .yuan .yuan_wz span{font-size:4em; margin:12px 0px; font-family:黑体; display: block; line-height:22px;}
.hbj .air_zl .yuan .yuan_color{ width:100%;}


.hbj .qushi{ width:100%; margin:0 auto; background:#FFF; float:left; color:#6c6c6e; margin-bottom: 5px;}
.hbj .qushi .bt{width:98%; padding-left: 2%; margin:0 auto; color:#6c6c6e; font-size:1.25em; line-height: 22px; padding: 8px 0px; border-bottom:1px solid #ededf5;}
.hbj .qushi .bt span{ float:right;}

.hbj .qushi .qst{width:100%; margin:0 auto; float: left;}
.hbj .qushi .qst .anniu_div{width:100%; margin:0 auto; border-bottom:1px solid #ededf5; padding:15px 0px; float: left; }
.hbj .qushi .qst .anniu_div .button{width:20%; float:left; margin-left:2%; display:block; background:#c4c7cc;border-radius:50px; border:4px solid #ededf5}
.hbj .qushi .qst .anniu_div .anniu_on{background:#fb9a60;}
.hbj .qushi .qst .anniu_div .button span{ text-align: center; display: block; padding: 23px 0px; font-size: 1.55em; color:#FFF; }
.hbj .qushi .qst .qushi_pic{width:96%; float:left; padding: 10px 2%;}
.hbj .qushi .qst .qushi_pic img{width:100%; }


.hbj .city_ph{ width:100%; margin:0 auto; float:left; background:#FFF; color:#6c6c6e;}
.hbj .city_ph .bt{width:98%; padding-left: 2%; margin:0 auto; color:#6c6c6e; font-size:1.25em; line-height: 22px; padding: 6px 0px; border-bottom:1px solid #ededf5;}
.hbj .city_ph .bt span{ float:right;}
.ph_cont .ph_cont{ width:100%; margin:0 auto; float:left; }
.hbj .qushi .qst .city_div{width:100%; margin:0 auto; padding:15px 0px; float: left; }

.hbj .city_ph .city_div{width:100%; margin:0 auto; padding:15px 0px; float: left; }
.hbj .city_ph .city_div .cy_button{width:22%; float:left; margin-left:2%; display:block;background:#c4c7cc;  width:60px;  border-radius:50px; border:4px solid #ededf5}
.hbj .city_ph .city_div .anniu_lv{background:#30ba7e; }
.hbj .city_ph .city_div .cy_button span{ text-align: center; display: block; padding: 18px 0px; font-size: 1.55em; color:#FFF; }

/*天气生活 页面样式*/
#news_main{ width:100%; background:#fff; margin:0 auto; float: left;}
#news_main .news_top{ width:96%; height:40px; margin:10px auto;}
#news_main .news_top .news_top_date{ width:46%; height:36px; float:right; padding: 0 1%; background:#316bcc }
#news_main .news_top .news_top_date #edtSearch{height:30px; width:78%; border:none; font-size:1.25em; background-color:#fff; background-position: right 0px; line-height:30px; color:#316bcc; text-align: center; float: left; margin:3px 0; }
#news_main .news_top .news_top_date span.sousuo_pic{ width:13%; float:right; margin: 13px 3px;}
#news_main .news_top .news_top_date span.sousuo_pic img{ width:100%; }
#news_main .news_top .news_top_date #edtSearch{height:30px; width:78%; border:none; font-size:1.25em; background-color:#fff; background-position: right 0px; line-height:30px; color:#83a0dc; text-align: center; float: left; margin:3px 0;}




#news_main .news_top .news_top_sousuo{ width:46%; height:36px; float:left; padding: 0 1%; background:#316bcc}
#news_main .news_top .news_top_sousuo span.sousuo_pic{ width:13%; float:right; margin: 13px 3px;}
#news_main .news_top .news_top_sousuo span.sousuo_pic img{ width:100%; }
#news_main .news_top .news_top_sousuo #edtSearch{height:30px; width:78%; border:none; font-size:1.25em; background-color:#fff; background-position: right 0px; line-height:30px; color:#83a0dc; text-align: center; float: left; margin:3px 0;}

#news_main .news_cont{ width:96%; margin: 0 4% 0 2%; float: left;}
#news_main .news_cont .news_cont_month{ width:100%; float: left; margin-bottom:10px; }
#news_main .news_cont .news_cont_month p{ width: 50%; display:block; font-size:1.35em; color:#282828; opacity:0.5; float:left; font-family: 黑体;}
#news_main .news_cont .news_cont_month span{ width:50%; border-bottom:1px solid #d4d4d4; float:left; margin-top: 10px;}

#news_main .news_cont dl.news{ width:100%; float:left; border:1px solid #eeeeee; margin-bottom:10px;}
#news_main .news_cont dl.news dd.bt{width: 100%; overflow: hidden; height:24px; font-size:1.25em; line-height:26px;  padding:6px 0;  margin-bottom: 4px; color:#fff; float: left; text-align:center }
#news_main .news_cont dl.news dd.text{ width: 96%; overflow: hidden; height:24px; font-size:1.05em; line-height:24px; color:#686868; margin: 0 2%; display: block; float: left;}
#news_main .news_cont dl.news ul.mation{ width:96%; height:28px; padding:0 2%; line-height:28px; font-size:0.95em; color:#282828; background:#f5f6f8; margin-top:5px; border-top:1px solid #eeeeee; float: left; color:#282828; opacity:0.5}
#news_main .news_cont dl.news ul.mation li{ width:49%; float:left; color:#686868;}
#news_main .news_cont dl.news ul.mation li.mation_date{ border-right:1px solid #eeeeee; float:left; }
#news_main .news_cont dl.news ul.mation li.mation_form{ float:right; text-align:right; }


#news_main .news_cont dl.news .news_you{ width:100%; float:left}
#news_main .news_cont .news_cont_month p.month{ width: 10%; display:block; font-size:1.25em;color:#282828; opacity:0.5; float:left}
#news_main .news_cont .news_cont_month span.month_border{ width:90%; border-bottom:1px solid #d4d4d4; float:left; margin-top: 10px;}
.copyright{width:100%; float:left; color:#b1b4be; text-align:center; font-size:1em; line-height:40px; height: 40px;}
.copyright span img{ width:4%; vertical-align: text-bottom;}


#news_main .news_cont dl.news dd.orange{ background-color: #eb8909;  }
#news_main .news_cont dl.news dd.green{ background:#12b067}
#news_main .news_cont dl.news dd.blue{ background:#316bcc}


/*天气生活详细 页面样式*/
.detailed_box{ width:100%; float:left; background:#fff; margin:0 auto}
.detailed_box .detailed_cont{ width:100%; float:left}
.detailed_box .detailed_cont .detailed_bt{ width:100%; float:left; height:38px; background:#eb8909; position:relative}
.detailed_box .detailed_cont .detailed_bt p{ line-height:38px; padding-left:3%; color:#fff; font-size:1.35em; text-align: center;}
.detailed_box .detailed_cont .detailed_bt p img{ width:6%; float:right;}
.detailed_box .detailed_cont .detailed_bt span{ position: absolute; right: 0; top:10px;}
.detailed_box .detailed_cont .detailed_bt span img{ width:54%}
.detailed_box .detailed_cont ul.mation{ width:91.8%; height:28px; padding:0 4%; line-height:28px; font-size:0.95em; color:#282828; background:#f5f6f8; border:1px solid #eeeeee; float: left;  }
.detailed_box .detailed_cont ul.mation li{ width:49%; float:left; color:#686868; overflow:hidden}
.detailed_box .detailed_cont ul.mation li.mation_date{ border-right:1px solid #eeeeee; float:left; opacity: 0.5;}
.detailed_box .detailed_cont ul.mation li.mation_form{ float:right; text-align:right; opacity: 0.5;}

.detailed_box .detailed_cont dl{ width:94%; padding:0px 3%; margin:0 auto; float: left; }
.detailed_box .detailed_cont dl p{ font-size:1.05em; color:#282828; line-height:22px; text-align:justify; margin: 7px 0; }
.detailed_box .detailed_cont dl dt{ width:80%; margin:0 auto; margin-bottom: 7px;}
.detailed_box .detailed_cont dl dt img{ width:100%;}
.detailed_box .detailed_cont dl dd{ width:80%; margin:0px auto; color:#282828; text-align:center; font-size:1.05em; margin-bottom: 7px;}

/*视频点播*/
.video_play_box{ width:96%; float:left; margin:0 2%;}
.video_play_box dl.video_block{ width:100%; float:left; margin-top:7px; background:#fff; border-radius: 5px;}
.video_play_box dl.video_block h1{ width:96%; padding: 0 2%; height:40px; line-height:40px; color:#fff; font-size:1.45em; font-weight:normal; border-radius: 5px 5px 0px 0px; }
.video_play_box dl.video_block h1.orange{ background-color: #eb8909; }
.video_play_box dl.video_block h1.green{ background-color: #12b067; }
.video_play_box dl.video_block h1.blue{ background:#316bcc}

.video_play_box dl.video_block h1 p{ float:left;}
.video_play_box dl.video_block h1 span{ float:right; font-size:0.75em; opacity:0.7}
.video_play_box dl.video_block dt{ width:100%; float:left;}
.video_play_box dl.video_block dt img{ width:100%;}
.video_play_box dl.video_block dd{ color:#282828; opacity:0.8; float:left; width: 96%; padding: 8px 2% 7px 2%; line-height: 22px; font-size: 1.15em; text-align:justify}

/*雷达动态*/
.leida_box{ width:100%; float:left; margin:0 auto;}
.leida_box ul.leida_nav{ width:100%; float:left; margin:0 auto; height: 38px; line-height: 38px; text-align: center; color: #989798; font-size: 1.35em; background:#f5f4f5;} 
.leida_box ul.leida_nav li.gray_bj{ width:49.6%; float:left; border-bottom: 1px solid #efefef; border-left: 1px solid #efefef }
.leida_box ul.leida_nav li.bj_on{ background:#fff; color:#282828; border: none;}
.leida_box .leida_cont{ width:100%; float:left; margin:0 auto}

.tshm{width:100%; padding:20px 0; float: left;margin:0 auto}
.tshm .nav{width:90%; height:40px; position: relative; margin-bottom: 10px; padding-left:10%;}
.tshm .nav li{float:left; padding:2% 10%; margin:0 auto; font-size:1.25em }
.tshm ul.nav li.move{border-radius:30px;line-height: 22px; border:1px solid #efefef; color:#adacad; background:#f4f3f4;  position: absolute; width:25%;}
.tshm ul.nav li.bj_move{left:41%; text-align:right;}
.tshm ul.nav li.on{color:#fff;background:#25c495; text-align:center; z-index: 9; border: 1px solid #efefef;}
.tshm ul.nav li.off{color:#00b7ee;padding:2% 15%;}
.hb_cont{width:96%; padding:0px 2%; background:#fff; float:left;}
.hb_cont .hours{ width:100%; float:left; background:#4c4c4c; border-radius: 0px 0px 5px 5px; position:relative;}
.hb_cont .hours .button_on{ width:20%; position:absolute; bottom:-25px; left: 40%;}
.hb_cont .hours .button_on img{ width:100%; }
.hb_cont .hours ul.shijian{ width:100%; float:left; margin: 15px 2% 50px 2%;}
.hb_cont .hours ul.shijian li{ width:13%; float:left; background:#444444; text-align:center; margin:1px ; color:#fff; font-size:1.05em; height: 24px; line-height: 24px;}
.hb_cont .hours ul.shijian li.on{ color:#ff6251}

.hb_cont .map{ width:98%; float:left; border-bottom:3px solid #410802; border-top:3px solid #410802; padding:1%; position:relative;}
.hb_cont .map img{ width:100%;}
.hb_cont .map span{position:absolute; top:10px; right:16%; font-size:1.15em;}

/*查天气  白天*/
.index_box{ width:100%; float:left; }
.index_box .index_banner{ width:100%; float:left; margin:0 0 10px 0}
.index_box .index_banner img{ width:100%; float:left;}
.index_box .index_top{ width:100%; float:left; position:relative }
.index_box .index_top .search_div {width:94%; padding:4px 3% 0 3%; float: left; height:30px; color: #fff; opacity:0.7; font-size: 1.25em; background:rgba(000, 000, 000, 0.1) none repeat scroll 0 0 !important; margin-bottom:10px}
.index_box .index_top .search_div .dw{width:30%; float:left; line-height: 26px; }
.index_box .index_top .search_div .dw span img{width:20%; margin: 2px 4px 0 0; float: left;}
.index_box .index_top .search_div .now{width:16%; float:right;}
.index_box .index_top .search_div .now span img{width:38%; vertical-align: baseline; margin-top: 2px; float: right;}
.index_box .index_top .phb{ position:absolute;right:0;top:40px;background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0 !important;padding: 8px 6px 8px 12px; color:#FFF;font-size:1.35em; border-top-left-radius:2em; border-bottom-left-radius:2em; z-index: 9;   line-height: 20px;}
.index_box .index_top .phb span{float:left; width:20px; height:20px; border-radius:50%; background:#fff; margin-right:10px;}
.index_box .index_top .phb span p{ width:16px; height:16px; border-radius:50%; background:#25c495; margin: 2px;}

.index_box .index_top .day_weather{ width:100%; float:left; margin:36px auto;} 
.index_box .index_top .day_weather dl{ width:20%; float:left; color: #fff; opacity: 0.7; margin-top:80px; text-align:center; }
.index_box .index_top .day_weather dl.morning{ float:left}
.index_box .index_top .day_weather dl dd{font-size: 1.05em; margin-top:10px;}
.index_box .index_top .day_weather dl dt img{ width:50%;}
.index_box .index_top .day_weather .sun_weather_bor{ width:80%; float:left; margin:0 auto;  height: 230px; background:url(../images/016.png) no-repeat scroll; background-size:100%;}
.index_box .index_top .day_weather .sun_weather_bor .sun_weather{ width:64%; float:left; margin: 10px 5%; color:#fff; border-radius: 50%;}
.index_box .index_top .day_weather .sun_weather_bor .sun_weather span{ width:100%; float:left; margin:0 auto; margin-top:10px;}
.index_box .index_top .day_weather .sun_weather_bor .sun_weather span img{ width:24% ; margin:0 auto; display:block}
.index_box .index_top .day_weather .sun_weather_bor .sun_weather h3 p{width: 30%; display:inline-block; text-align:center; margin-top:8px; font-size:0.32em; padding:0 10px; line-height:30px; clear:both; background:rgba(000, 000, 000, 0.1) none repeat scroll 0 0 !important; overflow: hidden;  height: 30px;  opacity: 0.7;}
.index_box .index_top .day_weather .sun_weather_bor .sun_weather h3{ font-size:3.45em; display:block; text-align:center; line-height:48px; clear:both; font-weight:normal; padding-top:8px;}
.index_box .index_top .day_weather .sun_weather_bor .sun_weather h3 span{ font-size:0.3em; margin: 0; line-height:24px; opacity: 0.7;}
.index_box .index_top .day_weather dl.night{ z-index:9}
.index_box .index_top .day_weather dl.night dt img{ width:60%}

.index_box .index_top .day_weather .sun_weather_bor .sun_weather ul{ width:100%; float:left; color:#fff; opacity:0.3; font-size: 1.05em;}
.index_box .index_top .day_weather .sun_weather_bor .sun_weather ul li{ float:left}
.index_box .index_top .day_weather .sun_weather_bor .sun_weather ul li.ssd{ float:right; display:block}
	
.index_box .hour_yubao{ width:100%; float:left;background:rgba(000, 000, 000, 0.1) none repeat scroll 0 0 !important; padding-bottom:8px; margin-bottom: 8px; }
.index_box .hour_yubao .week_bt{padding: 0 2%; position: absolute; float: left; height:30px; line-height: 30px; text-align: center; color: #fff; z-index:9; background:rgba(000, 000, 000, 0.2) none repeat scroll 0 0 !important; font-size: 1.25em;}
.index_box .day_weather .week_bt{ padding: 0 2%; float: left; height:30px; line-height: 30px; text-align: center; color: #fff; z-index:9; background:rgba(000, 000, 000, 0.2) none repeat scroll 0 0 !important; font-size: 1.25em;}


.index_box .hour_yubao .night_bt{background:rgba(29, 24, 47, 1) none repeat scroll 0 0 !important;}






/*版权*/
.copyright{width:100%; float:left; color:#b1b4be; text-align:center; font-size:1em; line-height:40px;}
.copyright_sy{width:100%; float:left; color:#4EACFF; text-align:center; font-size:1.05em;line-height:40px; }
.copy_blue{color:#322E4A;}


#mcover {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.9); display: none; z-index: 20000;}
#mcover .dw_cs{ width:100%; max-width:640px; margin:0px auto;}
#mcover .dw_cs .dw_cs_ss{ margin:10px; border-radius: 2px 2px; background:#666; padding:10px 0px; position:relative;}
#mcover .dw_cs .dw_cs_ss img{width:46%;}
#mcover .dw_cs .dw_cs_ss .qui-icon{position:absolute;left:9px;font-size:20px;color:#fff}
#mcover .dw_cs .dw_cs_ss .h5_main_search_input{ margin-left:35px; background:#666; border:0px none; color:#fff; font-family:"微软雅黑"; font-size:14px;}
#mcover .dw_cs .dw_cs_ss .qx{ float:right; color:#fff; position:absolute; right:5px; font-size:14px; font-family:"微软雅黑";}
#mcover .dw_cs .dw_cs_dw{ margin:0px 10px; border:1px solid #11b689; border-radius: 2px 2px; height:40px; line-height:40px; text-align:center;}
#mcover .dw_cs .dw_cs_dw a{ display:block;}
#mcover .dw_cs .dw_cs_cx{ border-bottom:1px solid #999; color:#999; text-align:center; font-size:16px; font-family:"微软雅黑"; height:55px; line-height:55px;}
#mcover .dw_cs .dw_cs_mz ul li{ width:25%; float:left; text-align:center; line-height:30px; }
#mcover .dw_cs .dw_cs_mz ul li a{font-size:16px; font-family:"微软雅黑"; color:#999;}

#mcover2 {position: absolute;top: 47px;left: 0; width: 100%; height: 100%; background: white; display: none; z-index: 20000;}
#mcover2 .dw_cs{ width:100%; max-width:640px; margin:0px auto;}
#mcover2 .dw_cs .dw_cs_ss{ margin:10px; border-radius: 2px 2px; background:#666; padding:10px 0px; position:relative;}
#mcover2 .dw_cs .dw_cs_ss .qui-icon{position:absolute;left:9px;font-size:20px;color:#fff}
#mcover2 .dw_cs .dw_cs_ss .h5_main_search_input{ margin-left:35px; background:#666; border:0px none; color:#fff; font-family:"微软雅黑"; font-size:14px;}
#mcover2 .dw_cs .dw_cs_ss .qx{ float:right; color:#fff; position:absolute; right:5px; font-size:14px; font-family:"微软雅黑";}
#mcover2 .dw_cs .dw_cs_dw{ margin:0px 10px; border:1px solid #11b689; border-radius: 2px 2px; height:40px; line-height:40px; text-align:center;}
#mcover2 .dw_cs .dw_cs_dw a{ display:block;}
#mcover2 .dw_cs .dw_cs_cx{ border-bottom:1px solid #999; color:#999; text-align:center; font-size:16px; font-family:"微软雅黑"; height:45px; line-height:45px;}
#mcover2 .dw_cs .dw_cs_mz ul li{ width:100%; float:left; line-height:40px;}
#mcover2 .dw_cs .dw_cs_mz ul li{color:#999;text-decoration:none;}
#mcover2 .dw_cs .dw_cs_mz ul li a{font-size:16px; font-family:"微软雅黑"; color:#999;text-decoration:none;}

.index_box .hour_yubao .qst_pic{ width:100%; float:left;margin-bottom: 10px; opacity: 0.5;}
.index_box .hour_yubao .yb_pic .week_cont{ width:100%;  float:left; background:url(../images/nn73.jpg) no-repeat scroll; background-size:100%; margin: 30px 0; height:115px; overflow: hidden;}
.index_box .hour_yubao .yb_pic .week_cont ul{ width:99%; float:left; margin: 30px 0 0 1%; z-index: 9;}
.index_box .hour_yubao .yb_pic .week_cont ul li{ width:6.63%; float:left; margin:0 auto; text-align:center; color:#fff; font-size:1.05em;}
.index_box .hour_yubao .yb_pic .week_cont ul li img{ width:35%;}
.index_box .hour_yubao .yb_pic .week_cont ul li p{ line-height:16px;}

#weather-forecast{width:100%; height:150px; float: left;}
#weather-forecast div{ float:left;}




.index_box .hour_yubao_pic { width:100%; float:left;margin-bottom: 10px; background: rgba(000, 000, 000, 0.1) none repeat scroll 0 0 !important;}
.index_box .hour_yubao_pic .yb_pic .week_cont{ width:100%;  float:left; margin: 30px 0; height:150px; overflow: hidden;}
.index_box .hour_yubao_pic ul{ width:99%; float:left; margin: 30px 0 0 1%; z-index: 9;}
.index_box .hour_yubao_pic ul li{ width:4.16%; float:left; margin:0 auto; text-align:center; color:#fff; font-size:1.05em;}
.index_box .hour_yubao_pic ul li img{ width:35%;}
.index_box .hour_yubao_pic ul li p{ line-height:16px;}


/*空气质量样式*/
.hbj{ width:100%; margin:0 auto; float: left;background:#ededf5 ;font-family: 微软雅黑;}
.hbj .city {width:94%; padding:12px 3%; float: left; color: #3a3a3a; font-size: 1.25em; }
.hbj .city .dw{width:30%; float:left}
.hbj .city .dw span img{width:20%; vertical-align: bottom; margin-right: 2px; float: left;}
.hbj .city .now{width:16%; float:right;}
.hbj .city .now span img{width:33%; vertical-align: baseline; margin-right: 2px; float: left;}



.hbj .city_ph{ width:100%; margin:0 auto; float:left; background:#FFF; color:#6c6c6e;}
.hbj .city_ph .bt{width:98%; padding-left: 2%; margin:0 auto; color:#6c6c6e; font-size:1.25em; line-height: 22px; padding: 6px 0px; border-bottom:1px solid #ededf5;}
.hbj .city_ph .bt span{ float:right;}
 .ph_cont{ width:100%; margin:0 auto; float:left; }
.hbj .qushi .qst .city_div{width:100%; margin:0 auto; padding:15px 0px; float: left; }

.hbj .city_ph .city_div{width:100%; margin:0 auto; padding:15px 0px; float: left; }
.hbj .city_ph .city_div .cy_button{width:22%; float:left; margin-left:2%; display:block;background:#c4c7cc;  width:60px;  border-radius:50px; border:4px solid #ededf5}
.hbj .city_ph .city_div .anniu_lv{background:#30ba7e; }
.hbj .city_ph .city_div .cy_button span{ text-align: center; display: block; padding:21px 0px; font-size: 1.55em; color:#FFF; }


.hbj .city_ph .chengshi{width:100%; margin:0 auto; float: left; background:#FFF; font-size: 1.25em; padding-bottom: 10px; }
.hbj .city_ph .chengshi ul{width:100%; margin:0 auto; float: left; text-align: center; line-height: 22px; padding:3px 0; }
.hbj .city_ph .chengshi ul.on{width:100%; margin:0 auto; float: left; text-align: center; line-height: 22px; padding: 2px 0; color:#30ba7e;}
.hbj .city_ph .chengshi ul li{width:33.3%; margin:0 auto; float: left;}


/*订阅预警*/
.order_yujing_cont{ width:94%; margin:0 3% ;font-weight: bold}  
.order_yujing_cont .yj_banner{ width:100%; margin: 0 auto;}
.order_yujing_cont .yj_banner img{ width:80%; margin: 25px auto; display: block;}

.order_yujing_cont .who_order{ width:100%; background:url(../images/news40.png) no-repeat 50% 0%; background-size:90%; height:190px; position:relative; margin-bottom:15px;font-size: 1.05em;}
.order_yujing_cont .who_order ul{ width:100%; position:absolute; top:55px; color:#b48f00;}
.order_yujing_cont .who_order ul li{ width:31%; float:left; height:30px; line-height:30px;background:#fff8de; border-radius: 5px; box-shadow: 0px 3px #967701; text-align: center; margin: 0 3.3% 10px 0;}
.order_yujing_cont .who_order ul li input{display: none;}

.order_yujing_cont .who_order ul li.no_margin{ margin-right:0px;}
.order_yujing_cont .who_order .search{ float:left; width:45%; background:#fff8de; border-radius: 5px; box-shadow: 0px 3px #967701;position: absolute; left:43%;top:7px;}
.order_yujing_cont .who_order .search span{ float:right; width:20%; text-align:center; height:30px; border-radius: 0 5px 5px 0;}
.order_yujing_cont .who_order .search span img{ width:60%; display:block; margin:0 auto; padding:5px 0;  opacity: 0.4;}
.order_yujing_cont .who_order .text_mm .b2{ font-weight: bold;width:100%; box-shadow: 0px 3px #967701; margin:0 auto; border:none; font-size:1.05em; height:40px; border-radius:5px; color:#58b84f; background:#fff8de; text-align:center; }

.order_yujing_cont .who_order .cardtext label.checked { background:url(../images/news42.png) no-repeat left top;line-height:21px; background-size:28%; color:#2a8f21}
.order_yujing_cont .who_order .cardtext2{background:url(../images/news30.png) no-repeat left top;}
.order_yujing_cont .who_order .text_mm{width:100%; border-radius:5px; position:absolute; bottom:11px; box-shadow: 0px 3px #967701; }
.order_yujing_cont .who_order input::-webkit-input-placeholder{color:#b48f00;}
.order_yujing_cont .who_order .search .b { font-weight: bold;border-radius: 5px;width: 80%;margin: 0 auto; border: none;font-size: 1.05em; line-height: 30px; float:left;background: #fff8de;text-align: center;}
.order_yujing_cont .who_order .search h1{ float:left; width:60%; text-align:center; font-size: 1.05em;line-height: 30px; color:#2a8f21; font-weight:normal }
.order_yujing_cont .who_order .search p{ width:20%; float:left;}
.order_yujing_cont .who_order .search p img{ width:46%; display:block; margin:0 auto; padding: 5px 10px;}




.order_yujing_cont .order_kind{width:100%; background:url(../images/news41.png) no-repeat 50% 0%; background-size:90%; height:220px; position:relative; margin-bottom: 15px; font-size:1.05em;}
.order_yujing_cont .order_kind ul{ width:100%; position:absolute; top:56px; color:#b48f00;}
.order_yujing_cont .order_kind ul li{ width:31%; float:left; height:30px; line-height:30px;background:#fff8de; border-radius: 5px; box-shadow: 0px 3px #967701; text-align: center; margin: 0 3.3% 10px 0;}
.order_yujing_cont .order_kind ul li input{display: none;}
.order_yujing_cont .order_kind ul li label{width: 43%; float: left; padding-left:25%; background: url(../images/news30.png) no-repeat left top; line-height:21px; margin-top:6px; display: block; background-size:28%; margin-left: 10%;}
.order_yujing_cont .order_kind ul li label.checked { background:url(../images/news42.png) no-repeat left top;line-height:21px; background-size:28%; color:#2a8f21}
.order_yujing_cont .order_kind ul li.no_margin{ margin-right:0px;}


.order_yujing_cont .end{ width:85%; height:45px; padding-left:15%; background:url(../images/news44.png) no-repeat scroll; background-size:100%; margin-bottom:8px; border-radius: 5px;}
.order_yujing_cont .end p{ color:#333333; float:left; line-height:45px; font-size: 1.15em;}
.order_yujing_cont .end span{ float:right; width:21%; height:32px; background-color: #ff7e00; margin: 6px; color: #fff; text-align: center; line-height: 32px; font-size: 1.2em; }
.order_yujing_cont .button{ width:100%; float:left; background:#58b84f; margin:10px 0 20px 0; border-radius: 5px; box-shadow: 0px 3px #2a8f21; }
.order_yujing_cont .button p{ font-size:1.45em; color:#fff; text-align:center; line-height:22px; padding:10px 0;}
.order_copyright{width:100%; float:left; color:#a8beff; text-align:center; font-size:1em; line-height:40px; height: 40px;}
.order_copyright span img{ width:4%; vertical-align: text-bottom;}
.prompt{    z-index: 10; width:100%; background:url(../images/news46.png) no-repeat scroll; background-size:100%; height:186px; float:left; position: fixed; top:150px;}
.prompt span{ font-weight:normal; color:#ff7e00; display:block; text-align:center; font-size:1.65em; margin: 30px 0 15px 0;}
.prompt p{ width:90%; text-align:left; line-height:26px; margin:16px 5%; font-size: 1.25em;}
.prompt .anniu{ width:34%; margin: 10px 33% 0 33%; height:30px; border-radius: 5px; box-shadow: 0px 3px #2a8f21; color:#fff; text-align:center; background:#58b84f;}
.prompt .anniu p{ text-align:center; line-height:32px;}
.checkout{width: 43%; float: left; padding-left:25%; background: url(../images/news30.png) no-repeat left top; line-height: 21px; margin-top: 6px; display: block; background-size: 28%; margin-left: 10%;}
.checked{width: 43%; float: left; padding-left:25%; background: url(../images/news42.png) no-repeat left top; line-height: 21px; margin-top: 6px; display: block; background-size: 28%; margin-left: 10%;}


/*Iphone 6*/
@media screen and (device-aspect-ratio:375/667) {
	.hbj .qushi .qst .anniu_div .button span{padding:28px 0px;}
	.hbj .city_ph .city_div .cy_button{ width:20%}
	.hbj .air_zl .yuan { width:180px; height:180px;}
	.hbj .city .dw {line-height: 22px;   }
	.hbj .city .now span img{ margin-top: -2px; }
	.hbj .air_zl .yuan .yuan_wz{ top:45px;}
	#news_main .news_cont .news_cont_month p{ width:40%}
	#news_main .news_cont .news_cont_month span{ width:60%}
	#news_main .news_top .news_top_sousuo span.sousuo_pic{ width:12%; margin: 12px 4px;}
	#news_main .news_top .news_top_date span.sousuo_pic{width:12%; margin: 12px 4px;}
	.index_box .index_top .search_div .dw span img{ width:18%}
	.index_box .index_top .search_div .now span img{ width:34%}
	.index_box .index_top .day_weather .sun_weather_bor .sun_weather span{ margin-top:20px;}
	.index_box .index_top .day_weather .sun_weather_bor .sun_weather h3{ padding-top:12px;}	
	.index_box .index_top .day_weather .sun_weather_bor .sun_weather span img{ width:22%}
	.index_box .index_top .day_weather .sun_weather_bor .sun_weather h3 p{ margin-top:12px;	}
	.order_yujing_cont .who_order .search{ top:12px}
	.order_yujing_cont .who_order .search span img{ width: 50%; padding:4px 0}
	.order_yujing_cont .who_order .search p img{ width: 40%;}
	
    .order_yujing_cont .who_order{ height:220px;font-size: 1.18em;}
    .order_yujing_cont .who_order ul{ top:79px;}
    .order_yujing_cont .who_order .text_mm{ bottom:20px;}
    .order_yujing_cont .who_order ul li label{ background-size:25%}
    .order_yujing_cont .who_order #card label.checked{background-size:25% }
    .order_yujing_cont .who_order .cardtext label.checked{background-size:25%;}
    .order_yujing_cont .who_order ul li span img{ width:48%}
    .prompt{height:230px;}
    .order_yujing_cont .order_kind{font-size: 1.2em; height:260px;}
    .order_yujing_cont .order_kind ul{ top:80px;}
    .order_yujing_cont .order_kind ul li label.checked{background-size:25%;}
    .order_yujing_cont .order_kind ul li label{background-size:25%}
    .hbj .city_ph .city_div .cy_button,.hbj .city_ph .city_div .anniu_lv{ width:20%}
    .hbj .city_ph .city_div .cy_button span,.hbj .city_ph .city_div .anniu_lv span{ padding: 28px 0px;}
	
	.order_yujing_cont .who_order .search p img{ width:38%;}
	.order_yujing_cont .who_order .search span img{padding: 3px 0;width: 50%;}
	.order_yujing_cont .who_order .search p img{ width:38%;}
	.order_yujing_cont .who_order .search span img{padding:4px 0;width:58%;}
	.order_yujing_cont .who_order .search{ top:14px}
}

/*Iphone 6Plus*/
@media screen and (device-aspect-ratio:9/16) {
	.hbj .qushi .qst .anniu_div .button span{padding:32px 0px;}
	.hbj .city_ph .city_div .cy_button{ width:20%}
	.hbj .air_zl .yuan{ width:200px; height:200px;}
	.hbj .city .now{ line-height: 22px;}
	.hbj .city .now img{ width:28%}
	.hbj .city .now span img{ width:28%}
	.hbj .city .dw span img{ width:18%}
	.hbj .air_zl .yuan .yuan_wz{ top:55px;}
	#news_main .news_cont .news_cont_month p{ width:40%}
	#news_main .news_cont .news_cont_month span{ width:60%}
	#news_main .news_top .news_top_sousuo span.sousuo_pic{ width:11%; margin: 12px 5px;}
	#news_main .news_top .news_top_date span.sousuo_pic{width:11%; margin: 12px 5px;}
	.index_box .index_top .search_div .dw span img{ width:17%}
	.index_box .index_top .search_div .now span img{ width:32%}
	.index_box .index_top .day_weather .sun_weather_bor{ height:300px}
	.index_box .index_top .day_weather .sun_weather_bor .sun_weather span{margin-top:25px;}
	.index_box .index_top .day_weather .sun_weather_bor .sun_weather h3{ padding-top:14px;}	
	.index_box .index_top .day_weather .sun_weather_bor .sun_weather h3 p{margin-top:10px}
	.index_box .index_top .day_weather .sun_weather_bor .sun_weather h3 span{margin-top:4px}
	.index_box .index_top .day_weather .sun_weather_bor .sun_weather span img{ width:22%; font-size: 3.75em;}
	.index_box .index_top .day_weather .sun_weather_bor .sun_weather h3 p{ margin-top:14px;	}
    .order_yujing_cont .who_order{font-size:1.25em;height:244px;}
    .order_yujing_cont .who_order ul{ top:88px}
    .order_yujing_cont .who_order ul li{margin: 0 3.3% 15px 0;}
    .order_yujing_cont .who_order .text_mm{ bottom:25px;}
    .order_yujing_cont .who_order ul li label{ background-size:23%}
    .order_yujing_cont .who_order #card label.checked{ background-size:23%}
    .order_yujing_cont .who_order .cardtext label.checked{background-size:23%;}
    .order_yujing_cont .who_order ul li span img{ width:45%}
    .prompt{ height:242px;}
    .order_yujing_cont .order_kind{font-size: 1.25em; height:285px;}
    .order_yujing_cont .order_kind ul{ top:92px;}
    .order_yujing_cont .order_kind ul li{margin: 0px 3.3% 15px 0;}
    .order_yujing_cont .order_kind ul li label{background-size: 23%;}
    .order_yujing_cont .order_kind ul li label.checked{background-size: 23%;}
    .hbj .city_ph .city_div .cy_button,.hbj .city_ph .city_div .anniu_lv{ width:20%}
    .hbj .city_ph .city_div .cy_button span,.hbj .city_ph .city_div .anniu_lv span{ padding: 32px 0px;}
	
	.order_yujing_cont .who_order .search span img{ width: 44%; padding:4px 0}
	.order_yujing_cont .who_order .search{ top:12px}
	.order_yujing_cont .who_order .search p img{ width: 36%;}    
	.order_yujing_cont .who_order .search span img{ width:54%; padding:3px 0}
	.order_yujing_cont .who_order .search{ top:17px}
	.order_yujing_cont .who_order .search p img{ width: 36%;}
	.order_yujing_cont .end{height: 52px; }     

.order_yujing_cont .end p {line-height: 52px;font-size: 1.25em;}

.order_yujing_cont .end span{ margin: 10px 6px;}
}