body{margin:0;padding:0;font-size:12px; font-family:"Microsoft yahei";width: 100%;overflow-x: hidden;}
a:link, a:visited, a:hover, a:active {
    color: #333;
    text-decoration: none;
}
/*预报一周*/
.weatherbox {display:block;clear:both;width:100%;height:480px;overflow:hidden;background-color:#62aed7;}
.weatherbox .left {float:left;width:500px;}
.weatherbox .right {float:right;width:600px;}
.weatherbox .right .top {display:block;clear:both;margin-top:30px;height:34px;line-height:34px;}
.weatherbox .right .top h1 {float:left;font-size:20px;padding-left:15px;color:#fff;font-weight:bold;}
.weatherbox .right .top span {float:right;padding-right:2px;}
.weatherbox .right .top span a {float:left;margin-right:8px;width:150px;height:38px;line-height:38px; text-align:center;/*border:1px solid #fff;*/color:#fff; background-color:rgba(255,255,255,0.15); border-radius:5px;/*font-weight:bold;*/font-size:16px;}
.weatherbox .right .top span a:hover {background-color:#fff;color:#38f;font-weight:bold;}
.weatherbox .right .day7 {display:block;clear:both;width:600px;height:320px;background-color:rgba(255,255,255,0.15);border-radius:10px;margin-top:20px;}
dl.weather_info {float:left;width:530px;padding-top:36px;color:#fff;font-size:16px;}
.weather_info .zhishu{float: left;width: 82%;display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;}
.weather_info .zhishu .zhishux{padding: 11px;width: 32%;margin-top: 12px;background-color: rgba(255,255,255,0.15);border-radius: 10px;text-align: center;}
dl.weather_info a {color:#fff;}
dl.weather_info dt {float:left;width:120px;height:85px;margin-bottom:20px;margin-right:20px;}
dl.weather_info dt img{width:100%;height:85px;border-radius:10px;-webkit-box-shadow:0 0 15px rgba(0,0,0,.1);  -moz-box-shadow:0 0 15px rgba(0,0,0,.1);  box-shadow:0 0 15px rgba(0,0,0,.1); }
dl.weather_info dd.name {float:left;width:360px;padding-top:2px;}
dl.weather_info dd.name h2 {float:left;font-size:32px;font-weight:bold;max-width: 180px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
dl.weather_info dd.name i {float:left;padding:21px 0 0 20px; font-size:14px;}
dl.weather_info dd.week {float:left;margin-top:14px; /*font-weight:bold;*/ font-size:16px;}
dl.weather_info dd.week b {display:inline;padding:0 10px;}
dl.weather_info dd.weather {float:left;display:block;clear:both;padding:15px 0 10px 0;}
dl.weather_info dd.weather i {float:left;width:106px;height:106px;margin-right:5px;}
dl.weather_info dd.weather i img {display:block;clear:both;width:106px;height:106px;margin:-5px 0 0 -10px;}
dl.weather_info dd.weather p.now {float:left;line-height:90px;overflow:hidden; letter-spacing: -2px;}
dl.weather_info dd.weather p.now b {float:left;font-size:90px;padding-right:6px;}
dl.weather_info dd.weather p.now i {float:left;width:30px;font-size:30px;line-height:30px; height:30px; margin:8px 0 0 0;margin-right:15px;}
dl.weather_info dd.weather span {float:left;height:80px;line-height:40px;font-size:18px; margin:3px 0 0 4px;}
dl.weather_info dd.weather span b {display:block;clear:both;font-size:30px;font-weight:normal;padding:2px 0 4px 0px;}
dl.weather_info dd.link {float:left;display:block;clear:both;margin-top:30px;padding-left:15px;}
dl.weather_info dd.link a {float:left;margin-right:10px;height:34px;line-height:34px;border:1px solid #fff;padding:0 20px;border-radius:3px;}
dl.weather_info dd.link a:hover {background-color:#fff;color:#38f;font-weight:bold;}
dl.weather_info dd.kongqi {float:left;margin-top:35px;}
dl.weather_info dd.kongqi h5 {float:left;font-size:20px;font-weight:bold;background-color:rgba(255,255,255,0.3);border-radius:5px;padding:10px 20px;margin-right:10px;}
dl.weather_info dd.kongqi h6 {float:left;font-size:18px;border-radius:4px;padding:8px 34px;border:1px solid #fff;}
dl.weather_info dd.kongqi span {float:left;padding-left:15px;line-height:22px;}
dl.weather_info dd.kongqi .warn{float:left; font-size:14px; margin: 0 0 0 20px;}
dl.weather_info dd.kongqi .warn h4{font-size:14px; color:#fff; float:left; line-height:42px; background:url(http://www.tianqiyubao6.com/static/img/hhxImg/hhx_wea_icon4.png) no-repeat left center; background-size:18px; -webkit-background-size:18px; text-indent:28px;}
dl.weather_info dd.kongqi .warn span{display:block; float:left; width:250px; padding:0; margin:0 0 0 10px; height:42px; line-height:42px; overflow:hidden;}
dl.weather_info dd.shidu  {float:left;}
dl.weather_info dd.shidu b {float:left;font-size:14px; /*font-weight:bold;*/ display:inlin-block; padding:0 24px 0 0;}
dl.weather_info dd.shidu b:nth-child(4){padding:0 0 0 0;}
dl.weather_info dd.shidu b img{display:inline-block; vertical-align:middle; margin:0 6px 0 0;}
.day7 ul.week {display:block;clear:both;padding:15px 0 0 10px;}
.day7 ul.week li {float:left;width:82px;color:#fff;text-align:center;}
.day7 ul.week li b {display:block;clear:both;line-height:20px;}
.day7 ul.week li span {display:block;clear:both;line-height:20px;}
.day7 ul.week img {display:block;clear:both;width:48px;height:48px;margin:8px auto;}
.day7 ul.txt {display:block;clear:both;padding:0 0 0 10px;}
.day7 ul.txt li {float:left;width:82px;text-align:center;color:#fff;}
.day7 ul.txt2 li {font-weight:bold;font-size:16px;}
#canvas {color:#fff;margin-top:-10px;}
.zhishubox {display:block;clear:both;width:1100px;height:150px;background-color:#fff;margin-top:-70px;border-radius:10px;-webkit-box-shadow:0 0 15px rgba(0,0,0,.1);  -moz-box-shadow:0 0 15px rgba(0,0,0,.1);  box-shadow:0 0 15px rgba(0,0,0,.1); }
.city_topbanner .l {float:left;width:600px;padding:18px 0 0 14px;}
.city_topbanner .r {float:left;width:480px;padding:9px 0 0 5px;}
/*主要地区天气预报*/
.mainbox {display:block;clear:both;}
.mainbox .left {float:left;width:760px;}
.mainbox .right {float:right;width:300px;  }
.racitybox {float:left;width:100%;display:block;clear:both;}


.mainWeather{width:100%;overflow: hidden;}
ul.raweather760 {float:left;width:758px;border-top:1px solid #e3e3e3;border-left:1px solid #e3e3e3;}
ul.raweather760 li {float:left;width:251px;height:60px;line-height:60px;border-right:1px solid #e3e3e3;border-bottom:1px solid #e3e3e3;overflow:hidden; padding:0 0 0 1px;
    /*box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;*/}
ul.raweather760 li:nth-child(3n+3){padding:0 0 0 0px;}
ul.raweather760 li:last-child{}
ul.raweather760 li:hover{background-color:#eff6ff;}
ul.raweather760 li h5 {float:left;width:47px;text-align:left;font-size:14px;font-weight:bold; margin:0 0 0 14px;}
ul.raweather760 li i {float:left;width:30px;height:30px;padding-top:15px;}
ul.raweather760 li i img {display:block;width:100%;}
ul.raweather760 li p {float:left;font-size:14px;font-family:arial;}
ul.raweather760 li p b {float:left;width:56px;text-align:left;font-family:'微软雅黑'; margin:0 6px 0 2px;}
ul.raweather760 li p em {color:#f00;font-weight:bold;}
ul.raweather760 li:hover {cursor:pointer;}
ul.raweather760 li:hover h5 {color:#f00;}
ul.raweather760 a.d15 {float:right;width:22px;height:22px;line-height:22px;text-align:center;border-radius:11px;border:1px solid #ddd;margin:19px 5px 0 0;background-color:#fff;font-family:'宋体';}
ul.raweather760 a.d15:hover {background-color:#38f;border:1px solid #38f;color:#fff;}
ul.raweather760 li a.add01{width:100%; height:100%; display:inline-block; text-align:center; font-size:14px; color:#333;}
ul.raweather760 li a.add01 h6{width:24px; height:24px; display:inline-block; vertical-align:middle; border:1px solid #e6e6e6; border-radius:50%; margin:0 0 0 8px; background:url(http://www.tianqiyubao6.com/static/img/hhxImg/add_01.png) no-repeat 7px 6px;}
ul.raweather760 li a.add01:hover{color:#3388ff;}
ul.raweather760 li a.add01:hover h6{background:#3388ff url(http://www.tianqiyubao6.com/static/img/hhxImg/add_02.png) no-repeat 7px 6px; border:1px solid #3388ff;}
ul.raweather760 li a.add02{width:100%; height:100%; display:inline-block; text-align:center; font-size:14px; color:#333;}
ul.raweather760 li a.add02 h6{width:24px; height:24px; display:inline-block; vertical-align:middle; border:1px solid #e6e6e6; border-radius:50%; margin:0 0 0 8px; background:url(http://www.tianqiyubao6.com/static/img/hhxImg/add_11.png) no-repeat 7px 6px;}
ul.raweather760 li a.add02:hover{color:#3388ff;}
ul.raweather760 li a.add02:hover h6{background:#3388ff url(http://www.tianqiyubao6.com/static/img/hhxImg/add_22.png) no-repeat 7px 6px; border:1px solid #3388ff;}
.button_display{
    text-align: center;
    line-height: 60px;
    height: 60px;
    font-size: 14px;
    color:#333333;
    display: none;
    width: 250px!important;
}
.button_display div{
    display: inline-block;
}
.open_button{
    width: 100%;
}
.button_display div img {
    float: right;
    margin: 17px 0 0 5px;
}
.take_upButton{
    display: none;
}
/*天气生活*/
.hhxCulture .min_tit{width: 100%;overflow: auto;}
.hhxCulture .min_tit ul{width: auto;padding: 10px 0 0 0;white-space:nowrap;}
.hhxCulture .min_tit ul li{width: 60px;height: 30px;font-size: 15px;color: #333;text-align: center;line-height: 30px;display: inline-block;}
.hhxCulture .min_tit ul li:hover{color: #38f;cursor: pointer}
.min_tit_ulOn{background: #38f;border-radius: 16px;color: #fff!important;}
.culList{
    width: 100%;
}
.culList ul li{
    width: 46%;
    /*height: 104px;*/
    margin: 10px 10px;
    float: left;
}
.culList ul li a{width: 100%;height: 100%;display: block;}
.culList ul li a span{display: inline-block;overflow: hidden;width: 156px;height: 104px;;}
.culList ul li a img{width: 190px;height: 120px;display: block; border: 0; width: 100%;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transition: all 1s ease 0s;
    -webkit-transform: all 1s ease 0s;
    -moz-transform: all 1s ease 0s;
    -o-transform: all 1s ease 0s; }

.culList ul li a span:hover img{transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    transition: all 1s ease 0s;
    -webkit-transform: all 1s ease 0s;
    -moz-transform: all 1s ease 0s;
    -o-transform: all 1s ease 0s;}

.culList ul li a div{width: 578px;}
.culList ul li a div lable{
    float: left;
}
.culList ul li a div h3{font-size: 16px;color: #333;margin-top: 10px;/*font-weight: bold;*/}
.culList ul li a div h3:hover{color: #3388FF;!important}
.culList ul li a div p{font-size: 13px;color: #999;margin-left: 0px;margin-top: 30px;}
/*十大景点天气*/
.scenic_spot{
    border-top: 1px solid #e6e6e6;
}
.scenic_spot  ul li{
    width: 145px;
    margin-right: 8.5px;
    text-align: center;
    font-size: 14px;
    color:#333;
    padding-top: 20px;
    float: left;
}
.scenic_spot  ul li a:hover{
    color:#227eff!important;
}
.scenic_spot  ul li:nth-of-type(5n){
    margin-right: 0;
}
.scenic_spot  ul li img{
    width: 145px;
    height: 98px;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transition: all 1s ease 0s;
    -webkit-transform: all 1s ease 0s;
    -moz-transform: all 1s ease 0s;
    -o-transform: all 1s ease 0s;
}
.scenic_spot  ul li img:hover{
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    transition: all 1s ease 0s;
    -webkit-transform: all 1s ease 0s;
    -moz-transform: all 1s ease 0s;
    -o-transform: all 1s ease 0s;
}
.scenic_spot  ul li .jingdian_img{
    width: 145px;
    height: 98px;
    overflow: hidden;
}
.scenic_spot  ul li .jingdian_name{
    margin-top: 14px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    height: 20px;
    line-height: 20px;
}
/*城市文化*/
.city_culture{
    border-top: 1px solid #e6e6e6;
}
.city_culture ul{
    padding: 10px 0;
}
.city_culture ul li{
    width: 50%;
    padding-right: 4%;
    box-sizing: border-box;
    float: left;
    font-size: 16px;
    color:#333;
    line-height: 40px;
    height: 40px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.city_culture ul li a:hover{
    color:#3388ff;
}
/*天气分类*/
.hhxCulture .min_tit{width: 100%;overflow: auto;}
.hhxCulture .min_tit ul{width: auto;padding: 10px 0 0 0;white-space:nowrap;}
.hhxCulture .min_tit ul li{
    width: auto;
    height: 30px;font-size: 15px;color: #333;text-align: center;line-height: 30px;display: inline-block;
    padding: 0 10px;
}
.hhxCulture .min_tit ul li:hover{color: #38f;cursor: pointer}
.min_tit_ulOn{background: #38f;border-radius: 16px;color: #fff!important;}
.min_tit_ul44n {
    background: #38f;
    border-radius: 16px;
    color: #fff!important;
}
.hhxCulture44 .min_tit {
    width: 100%;
    overflow: auto;
}
.hhxCulture44 .min_tit ul {
    width: auto;
    padding: 10px 0 0 0;
    white-space: nowrap;
}
.hhxCulture44 .min_tit ul li {
    width: auto;
    height: 30px;
    font-size: 15px;
    color: #333;
    text-align: center;
    line-height: 30px;
    display: inline-block;
    padding: 0 10px;
}
.hhx_newB_kindTit{width: 100%;margin: 64px auto 0;}
.hhx_newB_kindTit em{display: inline-block;width: 93px;float: left;font-weight: bold;font-size: 18px;border-left: 5px solid #38f;font-family: "Microsoft yahei";color: #222;display: inline-block;margin-right: 45px;padding-left: 15px;}

.hhx_newB_kindTit ul{display: inline-block;height: 40px;}
.hhx_newB_kindTit ul li{list-style-type: none;display: inline-block;float: left;width: 96px;height: 100%;text-align: center;line-height: 34px;font-size: 14px;color: #333;}
.hhx_newB_kindTit ul li:hover{cursor: pointer;color: #38f;}
.hhx_newB_on{color: #fff!important;background: #38f;border-radius: 6px 6px 0 0;}

.hhx_newB_kindCon{width: 1100px;margin-top: -10px;background: #fff;position: relative;z-index: 0;}
.hhx_newB_kindCon div{width: 100%;box-sizing: border-box;border: 1px solid #e6e6e6;padding: 24px 0;height: 190px;overflow-y: hidden;position: relative;z-index: 1;}
.hhx_newB_kindCon div a{font-size: 12px;white-space: nowrap;font-family: "Microsoft yahei";display: inline-block;color: #555;text-align: left;width: 128px;overflow: hidden;margin-bottom: 24px;width: 116px;text-align: center;}
.hhx_newB_kindCon div a:hover{color: #38f;}
/* 友情链接 */
#links{ margin:0 auto; width:1100px;min-width:1100px}
#links ul li{ margin:0; padding:0;}
#links .bt{float:left; margin:0; padding:0; }
#links .bt li{float:left; margin:0; padding:0 5px;line-height:24px; white-space:nowrap;margin-right: 31px;}

.href-title{
    float: left;
    min-width: 1100px;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #e6e6e6;
}
.href-title ul{
    float: left;
    margin: 0;
    padding: 0;
}
.href-title li.hover{
    background: #fff;
    font-weight: bold;
    cursor: pointer;
    font-size: 16px;
    border-bottom: 3px solid #3388ff;
}
.href-title li{
    float: left;
    color: #333;
    height: 29px;
    line-height: 29px;
    text-align: left;
    font-size: 16px;
    white-spance: nowrap;
    font-weight: bold;
}
.href-content{
    float: left;
    min-width: 1100px;
    width: 1100px;
    height: auto;
    margin: 0;
    padding: 8px 0px;
    border-top: none;
    line-height: 24px;
}
.links-content{
    float: left;
    margin: 0;
    min-width: 1100px;
    width: 1100px;
    height: auto;
    padding: 0;
}
/*最新天气资讯*/
ul.news_listinfo {float:left;width:100%; font-family: "微软雅黑"; padding:0 0 18px 0;}
ul.news_listinfo li {float:left;width:100%; border-bottom:1px dotted #ddd; padding:12px 0;}
ul.news_listinfo li a{-webkit-box-flex: 1; display: -webkit-flex; display:flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-box-flex: 1;
    display: -webkit-flex; display:flex;}
ul.news_listinfo li h3{line-height:16px; height:16px; overflow:hidden; font-size:14px; overflow:hidden; flex:1; -webkit-box-flex: 1;}
ul.news_listinfo li div{float:right; width:100%; display:none; flex:1; -webkit-box-flex: 1; margin:4px 0 4px 0;}
ul.news_listinfo li div b{width:100px; height:67px; display:block; float:left;}
ul.news_listinfo li div b img{width:100%; display:block;}
ul.news_listinfo li div span{float:right; width:158px; display:block;}
ul.news_listinfo li div span h4{font-size:14px; font-weight:bold; color:#333; line-height:24px; height:24px; overflow:hidden; margin:0 0 4px 0;}
ul.news_listinfo li div span p{font-size:12px; color:#999; line-height:18px; height:36px; overflow:hidden;}
/*今日生活指数*/
.weather_life300 ul {display:block;width:300px;font-size:14px;color:#999;border-top:1px solid #e3e3e3;border-left:1px solid #e3e3e3;overflow:hidden;}
.weather_life300 ul li{float:left;width:149px;line-height:22px;position:relative;border-right:1px solid #e3e3e3;border-bottom:1px solid #e3e3e3;}
.weather_life300 ul li i {float:left;width:48px;height:48px;padding:8px 10px 8px 10px;}
.weather_life300 ul li i img {display:block;width:100%;}
.weather_life300 ul li b {position:absolute;left:70px;top:6px;}
.weather_life300 ul li p {position:absolute;left:70px;top:32px;font-size:16px;color:#333;}
.weather_life300 ul li p.red {color:#c00;}
.weather_life300 ul li:hover {background-color:#f9f9f9;cursor:pointer;}
.weather_life300 ul li:hover p {color:#f00;}
.tit03 {display:block;clear:both;padding:6px 0 4px;line-height:20px;overflow:hidden; }
.tit03 h2,.tit03 h3{float:left;font-size:18px;padding-left:12px;border-left:4px solid #39f;color:#333;}
.tit03 span {float:right;padding-right:10px;}
.tit03 span a {padding-left:15px;font-size:16px;color:#999;}