@import 'common.css';
@import "global.css";
/* ========== weather 15,30 ========== */

*{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
.clearfix:after {content:"."; display:block; height:0; visibility:hidden; clear:both; }
.clearfix { *zoom:1; }
.clearfix .hhx_newCSWD_p1{
    display:inline-block;
    width:60%;
    font-size: 0.32rem;
}
.clearfix .hhx_newCSWD_img{
    display:table-cell;
    vertical-align: middle;
    width:2.16rem;
    height:1.4rem;
    float: right;
}
.weatherbox {display:block;clear:both;width:100%; border-bottom:1px solid #eee;}
.digest {display:block;clear:both;padding:12px 10px;line-height:24px;font-size:13px; color:#666;}
/*
dl.table_day15 {float:left;width:1.48rem;border-right:1px solid #eee;border-bottom:1px solid #eee;padding:0.1rem 0;}
dl.table_day15 dd {display:block;clear:both;text-align:center; line-height:0.40rem;font-size:24px;}
dl.table_day15 dd.date {color:#036;font-size:0.26rem;}
dl.table_day15 dd i {display:block;clear:both;font-size:0.24rem;}
dl.table_day15 dd.img {padding:0.08rem 0;}
dl.table_day15 dd.img img {display:block;clear:both;width:0.8rem;margin:0 auto;}
dl.table_day15 dd b {color:#f00;}
*/
.site {background: #F5F5F5; padding: 10px 0 10px 8px;}
.site a {display: inline-block;width: 23.7%;text-align: center;font-size: 12px;margin-bottom: 10px;}

.tool{color: #333;font-size: 14px;text-align: left; width: 100%; background: #fff;border-top: 1px solid #ccc;}
.tool h2{padding-left:1rem;background: url(https://tqjstaticsh.tianqistatic.com/static/toutiao/images/weatheryun.png) no-repeat 12px center; background-size: 23px 15px; line-height: 1rem; font-size: 16px;}
.tool_inner{width: 100%;}
.tool_inner::after{content: '.';clear: both;height: 0;font-size: 0;display: block;overflow: hidden;}
.tool_inner li{height:29px;line-height:29px;width: 25%; float: left;text-align: center;}
.tool_inner li:nth-child(3n) a{border-right:none;}
.tool_inner li a{display: inline-block;width: 100%; height: 20px;font-size: 12px;color: #666; text-align: center;}
.tool_inner li span{font-size: 18px;color: #ccc;}

dl.table_day15 {display:flex;clear:both;overflow:hidden; padding:0 10px;}
dl.table_day15:nth-child(odd){background:#fff!important;}
dl.table_day15:nth-child(even){background:#f9f9f9!important;}
dl.table_day15 dd {float:left;width:25%;text-align:left;height:34px;line-height:28px;font-size:16px;padding:3px 0;}
dl.table_day15 dd.date {flex:1; color:#036;font-size:16px;}
dl.table_day15 dd i {font-size:14px;color:#111;}
dl.table_day15 dd.img{width:30px;}
dl.table_day15 dd.img img {display:block;clear:both; width:30px;}
dl.table_day15 dd.txt1{margin:0 0 0 14px; font-size:14px;}
dl.table_day15 dd.txt2{text-align:right;}
dl.table_day15 dd b {color:#f00;}
dl.table_day15 dd em {color:#111;font-weight:bold;}

dl.table_h24 {display:block;clear:both;border-bottom:1px solid #eee;overflow:hidden;padding:0 0 0 1%;}
dl.table_h24 dd {float:left;width:12%;text-align:center;height:30px;line-height:24px;font-size:14px;padding:3px 0;}
dl.table_h24 dd.date {float:left;width:33%;color:#036;font-size:13px;text-align:left;padding-left:3%;}
dl.table_h24 dd.img  {float:left;width:10%;}
dl.table_h24 dd.img img {display:block;clear:both;width:28px; margin-top: -3px;}
dl.table_h24 dd.wind  {float:left;width:28%; }
dl.table_h24 dd b {color:#f00;}
dl.table_h24 dd em {color:#111;font-weight:bold;}


.more_day {display:block;clear:both;/*padding: 0.24rem 0 0 2%*/padding: 0 12px;}
.more_day a {float:left;width:48%;height:0.46rem;line-height:0.46rem;margin:0.12rem 2% 0 0;text-align:left;border-radius:3px;color:#333;font-size:0.28rem; overflow: hidden;}
.more_day2{
    display:block;
    clear:both;
}
.more_day2 a{
    float:left;
    width:48%;
    height:0.72rem;
    line-height:0.72rem;
    margin:0.12rem 2% 0 0;
    text-align:center;
    border-radius:3px;
    color:#333;
    font-size:0.32rem;
    overflow: hidden;
}
/* ========== news_read ========== */
.news_read {display:block;padding:0;}
.news_read h1 {display:block;clear:both;line-height:0.6rem;font-size:0.48rem;color:#111;padding:0.1rem 0.2rem 0.2rem;font-weight:bold;}
.news_read .infos {display:block;font-size:0.28rem;color:#999;margin:0.12rem 0 0.1rem;padding:0 0.2rem;padding-bottom:0.12rem;border-bottom:0px solid #eee;}
.news_read .infos i {float:right;}

.news_read .reads {display:block;font-size:0.32rem;line-height:0.6rem;color:#111;padding:0 0.2rem;overflow:hidden;position:relative;}
.news_read .reads img {display:block;max-width:100%;max-height:70%;margin:0.2rem auto;}
.news_read .reads p {display:block;padding:0.16rem 0;clear:both;}
.news_read .reads p.txtlink {display:block;padding:0;line-height:0.36rem;padding:0.08rem 0;clear:both;}
.news_read .reads p.txtlink a {display:inline;color:#03f;font-size:0.32rem;}


.nextpage {display:block;padding:0 0.2rem;line-height:24px;text-align:left;}
.nextpage p {display:block;clear:both;font-size:16px;padding:5px 0;}
.nextpage p b {float:left;width:1.2rem;color:#999;font-size:14px;}
.nextpage p a {float:left;width:5.9rem;color:#111;}

ul.wap_txt01 {display:block;clear:both;padding:0 0.12rem;}
ul.wap_txt01 li {display:block;clear:both;width:100%;height:0.68rem;line-height:0.68rem;font-size:0.32rem;overflow:hidden;}
ul.wap_txt01 li a:before{   border: 1px solid #ccc;border-radius: 50%;content: "";display: inline-block;float: left;width: 3px;height: 3px;margin:0.24rem 0.08rem 0 0;vertical-align: middle;}

.banbox {display:block;clear:both;max-width:750px;overflow:hidden;}
.day30_02 {text-align:center;}


/* ========== city_index ========== */

.city_weather {display:block;clear:both;width:100%;height:250px;background-color:#39f;font-size:14px;color:#fff;position:relative;overflow:hidden;} 

.cbg_b0 {background:#94c418 url(https://tqjstaticsh.tianqistatic.com/static/toutiao/citybg/b0.png) no-repeat left top;-moz-background-size:100%; background-size:100%;}
.cbg_b1 {background:#94c418 url(https://tqjstaticsh.tianqistatic.com/static/toutiao/citybg/b1.png) no-repeat left top;-moz-background-size:100%; background-size:100%;}
.cbg_b2 {background:#94c418 url(https://tqjstaticsh.tianqistatic.com/static/toutiao/citybg/b2.png) no-repeat left top;-moz-background-size:100%; background-size:100%;}
.cbg_b3 {background:#94c418 url(https://tqjstaticsh.tianqistatic.com/static/toutiao/citybg/b3.png) no-repeat left top;-moz-background-size:100%; background-size:100%;}
.cbg_b4 {background:#94c418 url(https://tqjstaticsh.tianqistatic.com/static/toutiao/citybg/b4.png) no-repeat left top;-moz-background-size:100%; background-size:100%;}
.cbg_b5 {background:#94c418 url(https://tqjstaticsh.tianqistatic.com/static/toutiao/citybg/b5.png) no-repeat left top;-moz-background-size:100%; background-size:100%;}
.cbg_b6 {background:#94c418 url(https://tqjstaticsh.tianqistatic.com/static/toutiao/citybg/b6.png) no-repeat left top;-moz-background-size:100%; background-size:100%;}
.cbg_b7 {background:#94c418 url(https://tqjstaticsh.tianqistatic.com/static/toutiao/citybg/b7.png) no-repeat left top;-moz-background-size:100%; background-size:100%;}
.cbg_b8 {background:#94c418 url(https://tqjstaticsh.tianqistatic.com/static/toutiao/citybg/b8.png) no-repeat left top;-moz-background-size:100%; background-size:100%;}
.cbg_b9 {background:#94c418 url(https://tqjstaticsh.tianqistatic.com/static/toutiao/citybg/b9.png) no-repeat left top;-moz-background-size:100%; background-size:100%;}
.cbg_b10 {background:#94c418 url(https://tqjstaticsh.tianqistatic.com/static/toutiao/citybg/b10.png) no-repeat left top;-moz-background-size:100%; background-size:100%;}
.cbg_b14 {background:#94c418 url(https://tqjstaticsh.tianqistatic.com/static/toutiao/citybg/b14.png) no-repeat left top;-moz-background-size:100%; background-size:100%;}
.cbg_b15 {background:#94c418 url(https://tqjstaticsh.tianqistatic.com/static/toutiao/citybg/b15.png) no-repeat left top;-moz-background-size:100%; background-size:100%;}
.cbg_b19 {background:#94c418 url(https://tqjstaticsh.tianqistatic.com/static/toutiao/citybg/b19.png) no-repeat left top;-moz-background-size:100%; background-size:100%;}
.cbg_b20 {background:#94c418 url(https://tqjstaticsh.tianqistatic.com/static/toutiao/citybg/b20.png) no-repeat left top;-moz-background-size:100%; background-size:100%;}
.cbg_b30 {background:#94c418 url(https://tqjstaticsh.tianqistatic.com/static/toutiao/citybg/b30.png) no-repeat left top;-moz-background-size:100%; background-size:100%;}
.cbg_b32 {background:#94c418 url(https://tqjstaticsh.tianqistatic.com/static/toutiao/citybg/b32.png) no-repeat left top;-moz-background-size:100%; background-size:100%;}
.cbg_b99 {background:#94c418 url(https://tqjstaticsh.tianqistatic.com/static/toutiao/citybg/b99.png) no-repeat left top;-moz-background-size:100%; background-size:100%;}

.city_weather .date {padding:0.2rem 0 0 0.2rem;}
.city_weather .date span {padding-right:0.3rem;}
.city_weather .info {width:100%;position:absolute;left:0;bottom:0.24rem;}
.city_weather .info span {float:left;width:33.33%;line-height:0.44rem; font-size:0.32rem; text-align:center;}
.city_weather .info span i {width:0.44rem; height:0.44rem; display:inline-block; vertical-align:middle;}
.city_weather .info span.b1 i {background: url(https://tqjstaticsh.tianqistatic.com/static/toutiao/images/info1.png) no-repeat left center; background-size:0.44rem;}
.city_weather .info span.b1{border-right:1px solid rgba(255,255,255,0.4);box-sizing: border-box; height:0.44rem;}
.city_weather .info span.b2 i {background: url(https://tqjstaticsh.tianqistatic.com/static/toutiao/images/info3.png) no-repeat left center; background-size:0.44rem;}
.city_weather .info span.b3 i {background: url(https://tqjstaticsh.tianqistatic.com/static/toutiao/images/info2.png) no-repeat left center; background-size:0.44rem;}
.city_weather .info span.b3{border-left:1px solid rgba(255,255,255,0.4);box-sizing: border-box; height:0.44rem;}

.city_weather dl.temp {width:100%;position:absolute;left:0.2rem;bottom:1.2rem;}
.city_weather dl.temp dt {float:left;width:2rem;height:2rem;margin-right:0.3rem;}
.city_weather dl.temp dt img {width:100%;}
.city_weather dl.temp dd.now {float:left;width:60%;font-size:1rem;margin-top:0.12rem;}
.city_weather dl.temp dd.now i {font-size:0.44rem;}
.city_weather dl.temp dd.txt {float:left;width:60%;font-size:0.36rem;margin-top:0.04rem;color: rgba(255,255,255,0.8);}

.city_weather .ihongbao {position:absolute;right:15px;bottom:74px;width:50px;height:50px;}
.city_weather .ihongbao img {width:100%;}



.weather_life ul {display:block;width:100%;font-size:14px;color:#999;border-top:1px solid #e6e6e6;height: 3.77rem;overflow: hidden}
.weather_life ul li{
    float:left;
    width:25%;
    line-height:0.44rem;
    border-bottom:1px solid #e6e6e6;
    position:relative;
    border-right:1px solid #e6e6e6;
    padding: 0.2rem 0;
    text-align: center;
}
.weather_life ul li img{
    width: 0.6rem;
    height: 0.58rem;
}
.weather_life ul li .img-explain{
    font-size: 0.3rem;
    color:#999999;
    line-height: 0.36rem;
}
.weather_life ul li .weather{
    font-size: 0.32rem;
    color:#333;
    line-height: 0.4rem;
}
/*.temp100 {display:block;padding:0;}*/
.temp100 {display:flex;padding:15px 0; width:100%;}
.temp100 dl.temp {display:block; height:60px; position:relative; flex:1;}
.temp100 dl.temp dt {float:left;width:60px;height:60px;margin:0 10px 0 10px;}
.temp100 dl.temp dt img {display:block;width:100%;margin-top:0px;}
.temp100 dl.temp dd {display:-webkit-box;line-height:20px;font-size:14px;color:#333;}
.temp100 dl.temp dd span {display:inline;padding-right:10px;}
.temp100 dl.temp dd.now {line-height:30px;font-weight:bold;font-size:16px;padding-top:0px;}
.temp100 dl.temp dd.now b {font-weight:bold;color:#111;padding-right:2px;}

/* 新添的代码 */
.temp100 dl.temp dd.now i{font-size:14px; color:#fff; height:22px; line-height:22px; background-color:#ff8b03; display:inline-block; vertical-align:top; padding:0 10px 0 0; border-radius:20px; background:#ff8b03 url(https://tqjstaticsh.tianqistatic.com/static/wap2018/add1/warn01.png) no-repeat 10px center; background-size:14px; text-indent:28px; margin:4px 0 0 6px;}


.temp100 dl.temp dd.now em {display:inline;font-size:12px;color:#fff;border-radius:4px;padding:3px 10px;margin-right:5px; }
.temp100 dl.temp dd.txt {padding:0px 0 0 0px;height:26px;line-height:26px;overflow:hidden;}
.temp100 dl.temp dd.txt b {display:inline-block;font-size: 12px; height:20px; line-height:20px;padding:0px 9px; border-radius:4px;color:#fff;margin-right:10px;}

.temp100 dl.temp dd.down {display:block;position:absolute;top:7px;right:3%;width:45px;height:45px;color:#fff;text-align:center;z-index:999;border-radius: 5px;background: #94c418;}
.temp100 dl.temp dd.down a {display:block;width:80%;text-align:center;padding-top:5px;}
.temp100 dl.temp dd.down img {height:55px}

.lifeindex ul {display:block;width:100%;font-size:16px;color:#999; }
.lifeindex ul li{float:left;width:100%;line-height:22px;border-bottom:1px dotted #f3f3f3;padding:10px 0;}
.lifeindex ul li i {float:left;width:60px;height:60px;margin:0 12px;border-radius:30px;}
.lifeindex ul li i img {display:block;width:40px;margin:10px auto 0;}
.lifeindex ul li i.green {background-color:#94c418;}
.lifeindex ul li i.red {background-color:#c00;}
.lifeindex ul li b {display:-webkit-box;}
.lifeindex ul li b em {padding-left:10px;font-weight:bold;color:#111;font-size:18px;}
.lifeindex ul li p {display:-webkit-box;font-size:16px;color:#111;padding:4px 10px 0 0 ;}


ul.more_weather {display:block;width:95%;overflow:hidden;border-top:1px dotted #f3f3f3;margin:0 auto;}
ul.more_weather li {float:left;width:24.6%;height:32px;line-height:18px;padding:4px 0 6px;font-size:14px;border-right:1px solid #f3f3f3;border-bottom:1px dotted #f3f3f3; }
ul.more_weather li h6 {float:left;width:50%;height:18px;overflow:hidden;text-align:left;}
ul.more_weather li i {float:right;width:20px;height:23px;padding:0 4px 0 0;overflow:hidden;margin-top:-1px;}
ul.more_weather li img {display:inline;width:20px;}
ul.more_weather li b {display:block;clear:both;font-size:12px;padding:0 6px 0 6px;line-height:12px;color:#999;}
ul.more_weather li em {float:right;}


ul.more_weather3{
    border-top: 1px solid #e6e6e6;
}
ul.more_weather3 li{
    width: 25%;
    padding: 0.24rem 0;
    float: left;
    text-align: center;
    border-bottom: 1px solid #e6e6e6;
    height: 0.86rem;
    overflow: hidden;
}
ul.more_weather3 li div{
    height: 0.36rem;
    line-height: 0.36rem;
    border-right: 1px solid #e6e6e6;
    overflow: hidden;
    font-size: 0.28rem;
}
.inlineBlock{
    display: inline-block;
}
ul.more_weather3 li:nth-of-type(4n) div{
    border-right: 0;
}
ul.more_weather3 li:last-child div{
    border-right: 0;
}
ul.more_weather3 li div a{
    font-size: 0.28rem;
}
.open-button span, .take-up span{
    display: inline-block;
}
.open-button img , .take-up img{
    width: 0.36rem;
    height: 0.36rem;
    float: right;
    margin-left: 0.1rem;
}


.racitys {display:block;clear:both;margin:0 auto;width:95%;}
.racitys li {display:block;clear:both;width:100%;font-size:14px;line-height:24px;padding:6px 0;border-top:1px dotted #eee;overflow:hidden;}
.racitys li b {float:left;width:17%;text-align:center;font-weight:bold;font-size:15px;}
.racitys li span {float:left;width:83%;text-align:center;}
.racitys li span a {float:left;width:20%;height:24px;text-align:center;overflow:hidden;}

.news_jiancha {padding:3px 0;}



.videobox {display:block;clear:both;}
.videobox .contvod {}
.videobox .contvod video {display:block;width:100%;height:60%;}
.videobox .contpic {display:block;clear:both;padding:10px;font-size:16px;line-height:24px;}
.videobox .contpic img {display:block;clear:both;width:100%;margin-top:15px;}
.videobox .contpic p {display:block;clear:both;padding:4px 0;margin:0 auto;}
.videobox .contpic p strong {display:block;clear:both;text-align:center;}
.videobox .contpic p em {color:#f00;}

/* ===== news ===== */

ul.list_txt01 {display:block;clear:both;width:100%;}
ul.list_txt01 li {display:block;clear:both;font-size:14px;height:32px;line-height:32px;padding:0 10px;border-top:1px dotted #f3f3f3;overflow:hidden;}
ul.list_txt01 li b {display:inline;font-size:12px;color:#999;padding-left:10px;font-family:arial;}


/* ===== top_piaofu ===== */
.float_top {display:none;z-index:9999;}
.float_banner{display:block;width:100%;max-width:750px;height:1.2rem;overflow:hidden;z-index:990;position:relative;border-bottom:1px solid #ddd;}
.float_banner img {display:block;width:100%;}
.float_banner a.close {position:absolute;bottom:0;right:0;width:16px;height:16px;line-height:16px;font-size:10px;color:#fff;text-align:center;z-index:999;font-family:arial,verdana,sans-serif;background-color:#333;filter:alpha(Opacity=50);-moz-opacity:0.5;opacity: 0.5;}
.float_banner a.txt {position:absolute;bottom:0;right:0;width:20px;height:12px;line-height:12px;font-size:8px;color:#fff;text-align:center;z-index:999;font-family:arial,verdana,sans-serif;background-color:#333;filter:alpha(Opacity=30);-moz-opacity:0.3;opacity: 0.3;}

.martopdiv {display:none;width:100%;height:150px;}
/*
.show_more_btn {display:block;padding:10px 0;line-height:24px;clear:both;text-align:center;font-size:16px;font-weight:bold;} 
.show_more_btn b {display:block;clear:both;font-size:14px;color:#999;}
.show_more_btn a {text-decoration:none;color:#111;}
*/

/* 改 */
.show_more_btn {
    display:block;
    padding:0.2rem 0 0.36rem 0;
    line-height:0.48rem;
    clear:both;
    font-size:0.32rem;
    font-weight: normal!important;
    text-align: center;
    position: relative;
}
.show_more_btn i{
    display:inline-block;
    width:0.21rem;
    height:0.23rem;
    background:url(https://tqjstaticsh.tianqistatic.com/static/wap2018/images/see_text.png) no-repeat center center;
    background-size:0.21rem;
    vertical-align:top;
    float: right;
    margin: 0.18rem 0.55rem 0 -0.4rem;
}
.shadow{
    width: 100%;
    height: 3rem;
    background: linear-gradient(to bottom , rgba(255,255,255,0) , rgba(255,255,255,1) 100%);
    background: -moz-linear-gradient(to bottom , rgba(255,255,255,0) , rgba(255,255,255,1) 100%) ;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1)));
    background: -webkit-linear-gradient(to bottom , rgba(255,255,255,0) ,  rgba(255,255,255,1) 100%) ;
    background: -o-linear-gradient(to bottom , rgba(255,255,255,0) ,  rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(to bottom , rgba(255,255,255,0) ,  rgba(255,255,255,1) 100%) ;
    position: absolute;
    top: -2.85rem;
    left: 0;
}
.show_more_btn a div{
    display: inline-block;
    height: 0.58rem;
    width: 2.8rem;
    line-height: 0.58rem;
    border-radius: 0.29rem;
    border: 1px solid #94c418;
    color:#94c418;
}
.show_more_btn .i_rotate{
transform:rotate(180deg);
-ms-transform:rotate(180deg); /* Internet Explorer */
-moz-transform:rotate(180deg); /* Firefox */
-webkit-transform:rotate(180deg); /* Safari 和 Chrome */
-o-transform:rotate(180deg); /* Opera */}
.show_more_btn b {display:block;clear:both;font-size:14px;color:#999;}
.show_more_btn a {text-decoration:none;color:#94c418;}



/* 15天天气添加 */
.city_local15{float:right; margin:0 10px 0 0;}
.city_local15 a{display:block; height:60px; line-height:60px; font-size:16px; color:#333; background:url(https://tqjstaticsh.tianqistatic.com/static/wap2018/add1/address01.png) no-repeat left center; background-size:16px; padding:0 0 0 20px;}


.weather_quick{clear:both; width:100%; display:flex; height:52px; position:relative;}
.weather_quick a{width:50%; display:inline-block; height:52px; line-height:52px; text-align:center; font-size:16px;}
.weather_quick a.day15 b{width:18px; height:52px;display:inline-block; vertical-align:top; background:url(https://tqjstaticsh.tianqistatic.com/static/wap2018/add1/hot01.png) no-repeat center center; background-size:100%; margin:0 5px 0 0;}
.weather_quick a.day30 b{width:33px; height:52px;display:inline-block; vertical-align:top; background:url(https://tqjstaticsh.tianqistatic.com/static/wap2018/add1/recom01.png) no-repeat center center; background-size:100%; margin:0 5px 0 0;}
.weather_quick i{display:block; width:1px; height:26px; background-color:#e6e6e6; position:absolute; left:50%; top:13px;}

/*首页新增24小时预报*/
.hhx_newAllDayTit{font-size: 0.36rem;font-family: "微软雅黑";color: #333333;padding: 0.24rem 0 12px 0.24rem;}
.hhx_newAllDayUl{width: 100%; white-space: nowrap; /*display:inline-block;*/ display:block; overflow-x: auto;border-top:1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6;box-sizing: border-box;}
::-webkit-scrollbar {display: none;}
.hhx_newAllDayUl li{display:inline-block; list-style-type: none;width: 1.3rem;text-align: center;padding: 0.2rem 0}
.hhx_newAllDayUl li p{color: #333;font-family: "微软雅黑";font-size: 16px;white-space: nowrap;}
.hhx_newAllDayUl li img{width: 0.6rem;height: 0.6rem;display: block;margin: 0.12rem auto 0.12rem;}
.hhx_newAllDayUl li span{color: #333;font-family: "微软雅黑";font-size: 0.28rem;}

ul li{list-style-type: none;}
.mengban_hhx{width: 100%;height:100%;background: rgba(0,0,0,.1);position: fixed;z-index: 9999999;left:0;top:0;display: flex;align-items: center;justify-content: center;}
#option_hhx{width: 75%;border: 1px solid #e0e0e0;box-sizing: border-box;overflow: hidden;border-bottom: none;box-shadow: 2px 2px 5px #000;background: #fff;}
#option_hhx>div:nth-child(1){width: 100%;font-size: 20px;padding:20px 0px;white-space: nowrap;text-align: center;color: #000000;}
#option_hhx>div:nth-child(2){display: flex;align-items: center;justify-content: space-between;}
.btn_hhx{text-align: center;border: 1px solid #e0e0e0;width: 50%;box-sizing: border-box;font-size: 20px;}
.hide_hhx{display: none}

.hhx_index_newHead{width: 100%;margin-top: 0.24rem;}
.hhx_index_newHead_l{float: left;}
.hhx_index_newHead_l img{width:0.24rem;height: 0.32rem;display: inline-block;margin-left: 0.2rem;}
.hhx_index_newHead_l text{color: #fff;font-size: 0.36rem;font-family: "微软雅黑";margin: 0 0.06rem;}
.hhx_index_newHead_l a{color: rgba(255,255,255,0.8);font-size: 0.28rem;font-family: "微软雅黑"}
.hhx_index_newHead_r{float: right;}
.hhx_index_newHead_r a{display: inline-block;width: 0.26rem;height: 0.32rem;background:url(https://tqjstaticsh.tianqistatic.com/static/wap2018/add1/hhx_index_i2.png)no-repeat;background-size: cover;}
.hhx_index_newHead_r text{color: #fff;font-size: 0.32rem;font-family: "微软雅黑";margin: 0 0.12rem;}
.hhx_index_newHead_r div{display: inline-block;color:#fff;margin-right: 0.2rem;font-size:0.32rem;font-family: "微软雅黑";background:url(https://tqjstaticsh.tianqistatic.com/static/wap2018/add1/hhx_index_i3.png)no-repeat;background-size:0.38rem 0.32rem;padding-right: 0.56rem;background-position: right center;}
.hhx_index_newWarn{position: absolute;margin-top: 0.4rem;font-size: 0.24rem;color: #fff;height: 0.54rem;line-height: 0.54rem;background-color: #ff8b03;display: inline-block;vertical-align: top;padding: 0 0.24rem 0 0;
    border-radius: 0.4rem 0 0 0.4rem;background: #ff8b03 url(https://tqjstaticsh.tianqistatic.com/static/wap2018/add1/warn01.png) no-repeat 0.28rem 40%;background-size: 0.28rem;text-indent: 0.56rem;right: 0px;}

.weather_week dl dd{white-space: nowrap;}



.weather_week{
    width:100%;
    white-space:nowrap;
    display:flex;
    display:-webkit-flex;
    overflow-x: auto;
    border-bottom: 1px solid #e6e6e6;
    padding-bottom:0;
}
.weather_week dl{
    float: left;
    overflow: hidden;
    font-size: 0.24rem;
    text-align: center;
    color: #555;
    display: inline-block;
    border-right: 1px solid #e6e6e6;
    box-sizing: border-box;
    width: 20%;
    padding: 0.2rem 0;
}
.weather_week dt{
    font-size: 0.32rem;
    color: #333;
    white-space: nowrap;
    display: block;
    width: 100%;
}
.weather_week dd{
    padding: 0;
}
.weather_week dd.txt{
    color: #333;
    line-height: 0.38rem;
    height: 0.38rem;
    overflow: hidden;
}
.weather_week dd img{
    width: 0.6rem;
    height: 0.6rem;
    margin: 0.04rem auto;
}
.weather_week dd.txt2{
    color: #333;
    font-size: 0.24rem;
    line-height: 0.48rem;
    height: 0.48rem;
    overflow: hidden;
}
.weather_week dd.txt{
    color: #333;
    line-height: 0.48rem;
    height: 0.48rem;
    overflow: hidden;
}
.weather_week dd.txt3{
    margin-top: 0.08rem;
}
.weather_week dd.txt3 b{
    display: block;
    margin: 0 auto;
    width: 0.96rem;
    height: 0.44rem;
    line-height: 0.44rem;
    color: #fff;
    background-color: #88cc04;
    border-radius: 3px;
}
.ten-days{
    width: 20%;
    font-size: 0.36rem;
    text-align: center;
    padding: 0.5rem 0 0 0.35rem;
    min-width: 1.6rem;
    box-sizing: border-box;
}
.ten-days div{
    float: left;
}
.ten-days img{
    width: 0.48rem;
    height: 0.48rem;
    float: left;
    margin: 1.15rem 0 0 0.05rem;
}
.hhx_day15M{
    clear: both;
    width: 100%;
    display: flex;
    height: 1.04rem;
    position: relative;
}
.hhx_day15M a{
    width: 50%;
    display: inline-block;
    height: 1.04rem;
    line-height: 1.04rem;
    text-align: center;
    font-size: 0.32rem;
}
.hhx_day15 b{
    width: 0.36rem;
    height: 1.04rem;
    display: inline-block;
    vertical-align: top;
    background: url(https://tqjstaticsh.tianqistatic.com/static/wap2018/add1/hot01.png) no-repeat center center;
    background-size: 100%;
    margin: 0 0.1rem 0 0;
}
.hhx_day15M i{
    display: block;
    width: 1px;
    height: 0.52rem;
    background-color: #e6e6e6;
    position: absolute;
    left: 50%;
    top: 0.26rem;
}
.hhx_day30 b{
    width: 0.66rem;
    height: 1.04rem;
    display: inline-block;
    vertical-align: top;
    background: url(https://tqjstaticsh.tianqistatic.com/static/wap2018/add1/recom01.png) no-repeat center center;
    background-size: 100%;
    margin: 0 0.1rem 0 0;
}
.clearbg5{
    display: block;
    clear: both;
    width: 100%;
    height: 0.16rem;
    overflow: hidden;
    background-color: #eee;
}
.tit02 span{
    font-size: 0.32rem;
    color:#333;
}
.border-bottom{
    border-bottom: 1px solid #e6e6e6!important;
}


.lately-weather{
    font-size: 0.24rem;
    color:#333333;
    border-bottom: 1px solid #e6e6e6;
}
.lately-weather ul li{
    float: left;
    height: 0.88rem;
    line-height: 0.88rem;
}
.lately-weather ul li div{
    float: left;
}
.lately-weather .one-day{
    width: 2.2rem;
    padding-left: 0.2rem;
}
.same-day{
    width: 1.82rem;
}
.lately-weather ul li img{
    width: 0.45rem;
    height: 0.45rem;
    float: left;
    margin: 0.2rem 0.2rem 0 0;
}
.weather-display{
    width: 1.6rem;
}
.temperature-display{
    width: 1.15rem;
}
.temperature-display span{
    color:#ff0000;
}
.li-background{
    background: #f9f9f9;
}
.display-none{
    display: none!important;
}

.strategy-title{
    height: 0.66rem;
    line-height: 0.65rem;
    border-bottom: 1px solid #e6e6e6;
    background: #f9f9f9;
}
.strategy-title div{
    width: 33.333%;
    height: 0.65rem;
    float: left;
    text-align: center;
}
.strategy-title div span{
    font-size: 0.28rem;
    color:#666666;
    line-height: 0.62rem;
    height: 0.65rem;
    display: inline-block;
}
.strategy-title div .select{
    color: #94c418!important;
    border-bottom: 0.03rem solid #94c418;
}

.hhx_index_newHead .hhx_index_newHead_l a{
    color: rgba(255, 255, 255, 0.8);
    font-size: .32rem;
    font-family: "微软雅黑";
}
.hotspot-title b{
    line-height: 0.71rem!important;
}
.border-right{
    border-right: 1px solid #e6e6e6;
}


.img-preview{
    width: 100%;
    height: 100%;
    background: #000;
    position: fixed;
    top: 0;
    left: 0;
}
.img-preview img{
    max-width: 100%;
    max-height: 70%;
    margin: auto;
    position: absolute;
    top: 0; left: 0; bottom: 0; right: 0;
}
.left-button{
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 0.6rem;
    height: 1rem;
    border-radius: 0 0.6rem 0.6rem 0;
    background-color: rgba(0,0,0,0.2);
}
.left-button div{
    width: 100%;
    height: 100%;
    background: url(../image/default-skin.png) -142px -34px no-repeat;
}
.right-button{
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 0.6rem;
    height: 1rem;
    border-radius:  0.6rem 0 0 0.6rem;
    background-color: rgba(0,0,0,0.2);
}
.right-button div{
    width: 100%;
    height: 100%;
    background: url(../image/default-skin.png) -92px -34px no-repeat;
}
.close-button{
    width: 0.6rem;
    height: 0.6rem;
    position: absolute;
    right: 0.1rem;
    top: 0.1rem;
    background: url(../image/default-skin.png) -6px -47px no-repeat;
    z-index: 9;
}
.num-display{
    width: 100%;
    height: 0.5rem;
    line-height: 0.5rem;
    text-align: center;
    position: absolute;
    left: 0;
    top: 0.1rem;
    color:#fff;
}
.alt-display{
    width: 100%;
    height: 0.5rem;
    line-height: 0.5rem;
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 0.7rem;
    color:#fff;
    font-size: 0.3rem;
    padding: 0 0.5rem;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.topbar a.logo_new{
    background: url(https://tqjstaticsh.tianqistatic.com/static/toutiao/images/logo_new.png) no-repeat center center;
    display: inline-block;
    position: absolute;
    left: 0.2rem;
    top: 0.2rem;
    width:0.88rem;
    height: 0.43rem;
    background-size: 100%;
}

.downloadBtn{
    width: 100%;
    height:0.9rem;
    display: block;
    background: url(https://tqjstaticsh.tianqistatic.com/static/tianqi2018/images/downloadBcg.png) center center no-repeat !important;
    background-size: 100% !important
}

.downloadText{
    width: auto;
    height: 100%;
    color:#ffffff;
    font-size: 14px;
    text-align: center;
    line-height: 1rem;
}

.dbox{
    position: relative;
    font-size: 14px;
    text-align: center
}


.downloadText span{
    font-size: 14px;
    margin-left: -16px;
    position: relative;
}

.downloadText icon{
    width: 21px;
    height: 20px;
    background: url(https://tqjstaticsh.tianqistatic.com/static/tianqi2018/images/downloadIcon.png)center center no-repeat;
    background-size: 100%;
    position: absolute;
    top: -1px;
    right: -28px;
}
.hotTopicbox{width: 100%;padding:0 5px;margin-bottom: 10px;margin-top: 10px;}
.hotTopicbox ul{width: 100%;}
.hotTopicbox ul li i{width: 100%; height: 80px;overflow: hidden;min-height: 80px;display: block;}
.hotTopicbox ul li i img{width: 100%;height: 100%;}
.hotTopicbox ul li{width: 31%;display: inline-block;margin-left:1%;min-height:111px;}
.hotTopicbox ul li a{width: 100%;display: inline-block;margin-left:1%;min-height:111px;}
.hotTopicbox ul li h5{width: 100%;font-size: 14px;text-align:center;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.city_local15plus{margin: 0 10px 0 12px !important;float: left !important;}
.topweatherbox{width: 55%;float: left;padding-bottom: 10px;text-align: left;margin-left:0.36rem;text-align: left;}
.topweatherbox img{width: 0.6rem;}
.topSide{height: 0.6rem;width: 100%;font-size:0.36rem;display: block;white-space: nowrap;overflow: hidden;}
.topSide text{vertical-align: super;}
.topSide i{width: 30px;height: 30px;}
.bottomSide{width: 100%;font-size: 0.30rem;display: block;margin-top: 6px;}
._pullotion{box-sizing: border-box;background-color:#c67901;color: white;padding: 0.08rem 0.16rem;border-radius: 6px;margin-right: 0.2rem;}
.topdonloadBtn{font-size: 0.24rem;background-color:#94c418;float: right;margin-right: 0.24rem;color: white !important;box-sizing: border-box;padding: 0.12rem 0.2rem;margin-top: 8px;border-radius: 4px;display: block;}