.head{ margin:0 auto;}
.body{ margin:0 auto;width:1100px;font-family:"微软雅黑";}
.footer{ margin:0 auto;width:1100px;}
/*top-bar顶部*/
.top_bar{clear:both;width:100%;min-width:1100px;height:40px;color:#333;margin:0 auto;overflow: hidden;}
.top_bar .inner{position:relative;z-index:10;font-size:12px;width:1100px;margin:0 auto;font-family:"宋体";}
.top_bar .topl{float:left;width:250px;height: 100%;}
.top_bar .topc{height: 100%;}
.top_bar .topr{float:right;height: 100%;}
.top_bar .topl ul,.top_bar .topc ul,.top_bar .topr ul{height: 100%;}
.top_bar .topl .break_topl .breadcrumbs{height: inherit;line-height: 40px;}
.top_bar .topl .break_topl a{color: #333333;position:relative;margin-right:5px;height:14px;line-height:12px;display:inline-block;}
.top_bar .topl .break_topl .breadcrumbs .breadcrumbs_now{font-size:12px;font-weight: 400;color: #333333;position:relative;margin-right:5px;height:14px;line-height:12px;display:inline-block;}
.top_bar .topl .break_topl .breadcrumbs i{font-style: normal;}
.top_bar .nav_topc .breadnav{height: inherit;line-height: 40px;margin-left:10px;}
.top_bar .nav_topc a{color:#333333;position:relative;margin-right:2px;height:14px;line-height:12px;display:inline-block;}
.top_bar .nav_topc .breadnav .breadcrumbs_now{ font-size:12px;color:#333333;position:relative;margin-right:5px;height:14px;line-height:12px;display:inline-block;}
.top_bar .login_topr .other_setting{height: inherit;line-height: 40px;margin-left:20px;}
.top_bar .login_topr .setting_city{color:#333333;position:relative;margin-right:5px;height:14px;line-height:12px;display:inline-block;}
.top_bar .login_topr .setting_shoucang{color:#333333;position:relative;height:14px;line-height:12px;display:inline-block;}

/*banner首屏幻灯*/
.banner{height:220px;}
.banner .cont{width: 100%; height:220px;margin: 0 auto;position: relative;overflow: hidden;}
.banner .cont img{cursor:pointer;}
/*introduction导读*/
.introduction{width: 100%;min-height: 100px;background: #ffffff;margin-top: 10px;padding: 15px 20px;box-sizing: border-box;display: flex;flex-direction: row;align-items: center;justify-content: space-between;}
.introduction_tit{width: 105px;}
.introduction_tit .zw{ width: 100%;height: 48px;font-size: 40px;font-weight: 400;text-align: center;color: #90b5d2;line-height: 48px;}
.introduction_tit .yw{width: 100%;height: 17px;font-size: 14px;font-weight: 400;text-align: center;color: #90b5d2;line-height: 17px;}
.introduction_dd_in {width: 920px;min-height: 70px;font-size: 12px;font-weight: 400;text-align: left;color: #666666;line-height: 17px;background: #f9fcff;border: 1px solid #f2f2f2;border-radius: 10px;padding: 9px 14px;box-sizing: border-box;}
/*nav导航*/
/* .nav{width: 960px; height:50px;margin: 0 auto;position: relative;overflow: hidden;}
.nav .con_navl{ font-size:16px; font-weight:bold; line-height:50px; font-family:"微软雅黑"; margin-left:15px;}
.nav .con_navl a{ color:#333 !important; padding:0px 5px;}
.nav .navr{margin-right:25px; margin-top:4px;} */
/*left左侧*/
.left_weatherindex {width: 760px;float: left;overflow: hidden;margin-top: 10px;}
.left_weatherindex .leftbox{width: 100%;min-height: 260px;background: #ffffff;border-radius: 10px;margin-bottom: 20px;overflow: hidden;}
.tit_lefttabbox{width: 100%;height: 44px;padding: 0 20px;box-sizing: border-box;}
.tit_lefttabbox .mkimg{width: 19px;height: 14px;display: block;margin-top: 15px;}
.tit_lefttabbox h2{height: 44px;font-size: 20px;font-weight: 600;text-align: LEFT;line-height: 44px;margin-left: 6px;}
.weather_leftboxbg {width: 100%;padding:20px 15px 20px 20px;box-sizing: border-box;overflow: hidden;}
.weather_leftboxbg img:hover { background:#eee;}
.weather_trip{width: 100%;overflow: hidden;}
.weather_trip p {width: 234px;float: left;text-align: center;overflow: hidden;}
.weather_trip p a{width: 100%;display: block;}
.weather_trip p img {width: 100%;height: 150px;margin-bottom: 10px;border: none;border-radius: 4px;padding: 0;}
.weather_trip p .tit{width: 100%;height: 15px;font-size: 12px;font-weight: 400;text-align: center;color: #333333;line-height: 15px;}
.weather_trip dl {width: 490px;float: right;margin: 0px 0 0 0;display: inline;height: 180px;overflow: hidden;padding-top: 0px;}
.weather_trip dd {width: 100%;float: left;display: inline;}
.weather_trip dd a {width: 50%;display: block;float: left;height:15px;line-height:15px;color:#333;font-size: 12px;padding: 0 14px;margin-bottom: 14px;overflow: hidden;text-overflow: ellipsis;box-sizing: border-box;}
.weather_trip dt {width: 109px;float: left;text-align: center;margin:-2px 0 0 13px;}
.weather_trip dt a{width: 100%;display: block;}
.weather_trip dt img {width:100%;height:65px;display: block;border: none;padding: 0;border-radius: 4px;}
.weather_trip dt .tit{height: 15px;font-size: 12px;font-weight: 400;text-align: center;color: #333333;line-height: 15px;margin-top: 10px;overflow: hidden;white-space: nowrap;}

/* .weather_newsbox{width: 650px;float: left;} */
.weather_newsboxleft{width: 240px;float: left;overflow: hidden;}
.weather_newsboxleft p{width: 109px;float: left;text-align: center;margin: 0 14px 11px 0;}
.weather_newsboxleft p:nth-child(2n){margin-right:0;}
.weather_newsboxleft p:nth-last-child(2){margin-bottom:0;}
.weather_newsboxleft p:last-child{margin-bottom:0;}
.weather_newsboxleft p a{width: 100%;display: block;}
.weather_newsboxleft p img{width: 100%;height: 76px;border-radius: 4px;display: block;margin-bottom: 6px;}
.weather_newsboxleft p a.tit{width: 100%;height: 15px;font-size: 12px;font-weight: 400;text-align: center;color: #333333;line-height: 15px;overflow: hidden;white-space: nowrap;}
.weather_newsboxright{width: 472px;float: right;}
.weather_newsboxright .hh {width: 100%;min-height: 76px;font-size: 12px;font-weight: 400;text-align: LEFT;color: #666666;line-height: 16px;background: #fff7ec;border-radius: 4px;padding: 8px 11px;box-sizing: border-box;}
.weather_newsboxright ul{width: 100%;float: left;list-style: none;display: inline;margin-top: 14px;}
.weather_newsboxright li{width: 100%;float: left;margin-bottom: 10px;}
.weather_newsboxright li:last-child{margin-bottom: 0px;}
.weather_newsboxright li a{width: 100%;height: 15px;font-size: 12px;font-weight: 400;text-align: left;color: #333333;line-height: 15px;}
.weather_nongshibox {width: 100%;overflow: hidden;}
.weather_nongshibox dl.tw_intro {width: 340px;height: 76px;float: left;display: inline;margin-top: 20px;}
.weather_nongshibox dl.tw_intro:nth-child(2n){margin-left: 40px;}
.weather_nongshibox dl.tw_intro dt {width: 109px;height: 100%;float: left;}
.weather_nongshibox dl.tw_intro dt img{width: 100%;height: 100%;display: block;border-radius: 4px;object-fit: cover;}
.weather_nongshibox dl.tw_intro dd {width: 220px;height: 100%;float: right;margin-left: 10px;font-size: 12px;font-weight: 400;text-align: LEFT;}
.weather_nongshibox dl.tw_intro dd .tit{width: 100%;height: 15px;color: #333333;line-height: 15px;margin:4px 0 8px 0;box-sizing: border-box;overflow: hidden;white-space: nowrap;display: block;}
.weather_nongshibox dl.tw_intro dd .deg{width: 100%;width: 220px;height: 46px;color: #666666;line-height: 16px;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 3;-webkit-box-orient: vertical;display: -webkit-box;box-sizing: border-box;}

/*right*/
.right_weatherindex {width: 300px;float: right;margin-top: 10px;}
.right_weatherindex .rightbox{width: 100%;border-radius: 10px;overflow: hidden;background: #ffffff;margin-bottom: 10px;}
.tit_right{width: 100%;height: 44px;padding: 0 20px;box-sizing: border-box;}
.tit_right .mkimg{width: 19px;height: 14px;display: block;margin-top: 15px;}
.tit_right h2{height: 44px;font-size: 20px;font-weight: 600;text-align: LEFT;line-height: 44px;margin-left: 6px;}
.weather_rightboxbg {width: 100%;padding: 0 20px;box-sizing: border-box;}
.weather_rightboxbg .jeiqibox{width: 100%;margin-top: 14px;}
.weather_rightboxbg .jeiqibox p{width: 100%;font-size: 14px;font-weight: 400;text-align: justify;color: #666666;line-height: 25px;}
.weather_rightboxbg .otherjq{width: 100%;margin-top: 20px;}
.otherjq .item{width: 100%;height: 40px;line-height:40px;margin-bottom: 20px;display: flex;align-items: center;}
.otherjq .item.jieqibg1{background:url(https://static.tianqistatic.com/static/zhuanti/img/jieqibg1.png) no-repeat;background-size: 100% 100%;}
.otherjq .item.jieqibg2{background:url(https://static.tianqistatic.com/static/zhuanti/img/jieqibg2.png) no-repeat;background-size: 100% 100%;}
.otherjq .item.jieqibg3{background:url(https://static.tianqistatic.com/static/zhuanti/img/jieqibg3.png) no-repeat;background-size: 100% 100%;}
.otherjq .item.jieqibg4{background:url(https://static.tianqistatic.com/static/zhuanti/img/jieqibg4.png) no-repeat;background-size: 100% 100%;}
.otherjq .item a{display: block;height: 25px;font-size: 12px;font-weight: 400;text-align: left;line-height: 25px;margin-left: 10px;}
.otherjq .item a:first-child{margin-left: 50px;}
.otherjq .item.jieqibg1 a{color: #2ab963;}
.otherjq .item.jieqibg2 a{color: #ec7458;}
.otherjq .item.jieqibg3 a{color: #ff8e00;}
.otherjq .item.jieqibg4 a{color: #3ad7ff;}
.otherjq .item.jieqibg1 a:hover,.otherjq .item.jieqibg1 a.active{color: #128b42 !important;text-decoration: none;}
.otherjq .item.jieqibg2 a:hover,.otherjq .item.jieqibg2 a.active{color: #b44c34 !important;text-decoration: none;}
.otherjq .item.jieqibg3 a:hover,.otherjq .item.jieqibg3 a.active{color: #d17502 !important;text-decoration: none;}
.otherjq .item.jieqibg4 a:hover,.otherjq .item.jieqibg4 a.active{color: #0992b6 !important;text-decoration: none;}
.weather_rightboxbg .jqchangshi{ width: 100%;margin-top: 20px;}
.jqchangshi a{display: block;width: 100%;height: 25px;font-size: 14px;font-weight: 400;margin-bottom: 6px;text-align: left;color: #666666;line-height: 25px;overflow: hidden;white-space: nowrap;}
.jqchangshi a:last-child{margin-bottom: 21px;}

.weather_rightboxbg .wether_shipin{width: 100%;height: 168px;border-radius: 10px;overflow: hidden;box-sizing: border-box;margin: 10px 0 20px 0;}
.weather_rightboxbg .wether_shipin p{height: 100%;}
.weather_rightboxbg .wether_shipin a{height: 100%;display: block;position: relative;}
.weather_rightboxbg .wether_shipin a img.vimg{width: 100%;height: 100%;display: block;}
.weather_rightboxbg .wether_shipin a img.pimg{width: 58px;height: 58px;background: rgba(0,0,0,0.40);border-radius: 50%;position: absolute;top: 55px;left: 101px;}

.weather_rightboxbg .wether_erweima{width: 100%;height: 168px;border-radius: 10px;overflow: hidden;box-sizing: border-box;margin: 10px 0 20px 0;}
.weather_rightboxbg .wether_erweima a{display: block;}
.weather_rightboxbg .wether_erweima a img{width: 100%;height: 100%;display: block;}

.weather_rightboxbg .wether_erweima2{width: 100%;height: 168px;border-radius: 10px;overflow: hidden;box-sizing: border-box;margin: 12px 0 12px 0;}
.weather_rightboxbg .wether_erweima2 a{display: block;width: 160px;height: 160px;border: 4px solid #e1ecf5;margin: 0 auto;border-radius: 4px;}
.weather_rightboxbg .wether_erweima2 a img{width: 160px;height: 160px;display: block;}


/* linkbox */
.linkbox{
    width: 100%;min-width: 1100px;
}
.linkbox .ulink{
    width: 1100px;list-style: none;margin: 0 auto 15px auto;overflow: hidden;
}
.linkbox .ulink li {
    width: 126px;
    height: 26px;
    line-height: 26px;
    float: left;
    margin-left: 10px;
    overflow: hidden;
}

/*footer*/
#footer{width: 100%;min-width: 1100px;height: 133px;background: #4d4d4d;}
#footer .footbox{width: 1100px;margin: 0 auto;padding: 40px 0 0 0;}
#footer .footbox p { width: 100%;font-size: 14px;font-weight: 400;text-align: center;color: #ffffff;line-height: 18px;}
#footer .footbox p a{color:#ffffff;}
#footer a:hover {color:#f00;text-decoration: underline;}