@charset "utf-8";
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, p, blockquote, th, td, article, aside, summary, details, figcaption, figure, footer, header, hgroup, menu, nav, section { margin: 0; padding: 0 }
article, aside, summary, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block }
table { border-collapse: collapse; border-spacing: 0 }
fieldset, img { border: 0; vertical-align: middle }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal }
ul, ol { list-style: outside none none }
q:before, q:after { content: '' }
abbr, acronym { border: 0 }
input, button, select { vertical-align: middle; outline: 0 }
 input::-webkit-search-cancel-button {
 display: none
}
 input::-ms-clear {
 display: none
}
.fl { float: left; display: inline }
.fr { float: right; display: inline }
body { background-color: #fff; background-attachment: fixed; background-position: center top; min-width: 1100px; background-repeat: no-repeat; padding: 0; margin: 0; border: 0; font: 16px "Microsoft Yahei", "Tahoma", "SimSun" }
* { padding: 0; margin: 0; border: 0 }
ul { list-style: none }
a { text-decoration: none; color: #252525 }
a:hover { color: #ee842f }
.clear { clear: both; height: 0; overflow: hidden }
nav { display: block }
table { border-collapse: collapse }
h1, h, h3, h4, h5, h6 { font-weight: normal }
.clearfix { zoom: 1 }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; height: 0 }
.alignC { text-align: center }
.dis { display: none }
.alignL { text-align: left }
.page { width: 100%; background: #fff; clear: both;min-width:1200px; }
.content { margin: 0 auto; width: 1200px; min-width: 1200px; padding: 20px 0 }
.pLeft { /* width: 70%; */
width: 880px; float: left; overflow: hidden }
.pRight { /* width: 30%; */
width: 300px; float: left; overflow: hidden }
.styleOne { width: 100%; float: left }
.styleOneLeft { width: 420px; float: left; height: 455px; overflow: hidden }
.styleOneRight { width: 360px; float: left; padding: 0 20px; height: 455px; overflow: hidden }
.picShowOne { width: 100%; height: 286px; float: left }
.focusImg { height: 286px; overflow: hidden; position: relative; width: 420px }
.focusImg ul li { background-color: #0A5BAC; float: left; height: 280px; width: 420px }
.focusImg ul li a { display: block; height: 260px; width: 300px }
.focusImg ul li a img { float: left; height: 236px; overflow: hidden; width: 420px }
.focusImg ul li a b { color: #fff; display: block; float: left; height: 45px; line-height: 45px; padding-left: 10px; width: 420px; text-align: center; font-size: 18px; font-family: Microsoft YaHei; font-weight: normal; }
.focusImg span { bottom: 60px; display: block; font-size: 12px; height: 15px; position: absolute; right: 5px; width: 105px }
.focusImg span i { background: url(https://i.i8tq.com/index/indexImg_gl.png) no-repeat scroll -282px -455px; cursor: pointer; display: inline; float: left; font-style: normal; height: 15px; line-height: 15px; margin: 0 3px; overflow: hidden; text-align: center; width: 15px }
.focusImg span .on { background-position: -256px -456px; color: #fff }
.title { width: 100%; margin-top: 15px; height: 43px; line-height: 40px; float: left; display: inline }
.titleInfo { float: left; font-size: 20px; border-top: 3px solid #f68d3b }
.titleInfo a { font-size: 20px; font-family: Microsoft YaHei; font-weight: bold; color: #043567; }
.titleMore { width: 329px; float: left; text-align: right; color: #7d7d7d; border-top: 3px solid #043567; font-size: 14px }
.titleMore a { color: #7d7d7d }
.titleMore a:hover { color: #ee842f }
.titleMoreM { width: 240px; float: left; text-align: right; color: #7d7d7d; border-top: 3px solid #043567; font-size: 14px }
.titleMoreL { width: 600px; float: left; text-align: right; color: #7d7d7d; border-top: 3px solid #043567; font-size: 14px }
.titleMoreLs { width: 560px; float: left; text-align: right; color: #7d7d7d; border-top: 3px solid #043567; font-size: 14px }
.titleMoreM a { color: #7d7d7d }
.titleMoreL a { color: #7d7d7d }
.titleMoreLs a { color: #7d7d7d }
.titleMoreM a:hover { color: #ee842f }
.titleMoreL a:hover { color: #ee842f }
.titleMoreLs a:hover { color: #ee842f }
.tralife ul li { height: 30px; line-height: 30px; overflow: hidden; position: relative; padding-left: 18px }
.rdzt { padding: 15px; background: #f2f2f8; float: left; height: 105px; overflow: hidden }
.rdztTitle { width: 100%; font-size: 16px; float: left; margin-bottom: 10px; display: inline }
.rdztTitle a { color: #043567 }
.rdztTitle a:hover { color: #ee842f }
.rdztContent { width: 100%; float: left }
.rdztPic { width: 95px; height: 70px; float: left }
.rdztPic a img { width: 95px; height: 70px }
.rdztDesc { width: 170px; height: 70px; float: left; padding-left: 5px; font-size: 12px; color: #7d7d7d; line-height: 18px }
.mainContent { float: left; width: 100%; margin: 0 auto; height: 300px; border-bottom: 1px solid #dfdfdf }
.mainContentTitle { height: 35px; line-height: 35px; width: 350px; margin-left: 10px; overflow: hidden }
.mainContentTitle a { color: #0A5BAC; font-size: 22px }
.mainContentTitle a:hover { color: #ee842f }
.mainContentList { width: 100%; height: 58px; overflow: hidden; margin-top: 5px; margin-bottom: 22px; }
.mainRow { width: 100%; height: 25px; line-height: 25px;  font-size:
}
.mainContentList p { color: #043567; font-size: 16px; height: 30px; line-height: 30px; overflow: hidden; line-height: 30px; text-indent: 0; margin-left: 10px; margin-bottom: 4px; }
.newsList { float: left; width: 100%; margin: 0 auto }
.newsList ul { margin: 10px 0; width: 390px; margin-left: 10px }
.newsList ul li i { background: url(https://i.i8tq.com/index/indexImg_gl.png) no-repeat scroll -290px -474px; height: 30px; line-height: 30px; overflow: hidden; padding-left: 10px; position: absolute; top: 0 }
.newsList ul li a { height: 30px; line-height: 30px; padding-left: 10px }
.newsList ul li { height: 30px; line-height: 30px; overflow: hidden; position: relative; margin-bottom: 3px; }
.newsList .more a { float: right; color: #043567; font-size: 15px }
.newsList .more a:hover { color: #ee842f }
.announcement ul { float: left; border-top: 1px solid #dfdfdf; padding-top: 10px }
.announcement li { margin-bottom: 0; padding: 7px 10px 16px 72px; position: relative; vertical-align: bottom; width: 328px; height: 73px; }
.announcement li a { color: #043567 }
.announcement li a:hover { color: #ee842f }
.announcement li h4 { font-size: 18px; color: #043567; font-weight: Bold; line-height: 15px; padding-bottom: 13px }
.announcement li p { color: #666666; font-size: 16px; height: 36px; line-height: 25px; position: relative; width: 276px }
.announcement li p a { bottom: -14px; position: absolute; right: 0; font-size: 15px; }
.announcement li i { background: url(https://i.i8tq.com/index/indexImg_gl.png) no-repeat scroll 100% 100%; display: block; height: 68px; left: 10px; position: absolute; top: 10px; width: 68px }
.announcement #announce2 i { background: url(https://i.i8tq.com/index/santian.png);/* background-position: -52px -470px */
}
.announcement #announce3 i { background: url(https://i.i8tq.com/index/yubao.png);/* background-position: -104px -470px */
}
.announcement #announce6 i { background: url(https://i.i8tq.com/index/jiaotong.png);/* background-position: -208px -471px */
}
.announcement #announce4 i { background-position: -156px -470px }
.announcement #announce7 i { background: url(https://i.i8tq.com/index/wendu.png);/* background-position: 0 -471px */
}
.announcement #announce5 i { background-position: -208px -471px }
.announcement #announce8 i { background: url(https://i.i8tq.com/index/fire.png);/* background-position: -157px -471px; */
}
.video { margin-bottom: 1px; width: 420px }
.video dl { background: #ccc; height: 169px; margin-top: 1px; overflow: hidden; position: relative; width: 420px }
.video dl dt { bottom: 0; height: 30px; left: 0; line-height: 30px; position: absolute; text-align: center; width: 300px }
.video dl dt i { background-color: #fff; display: block; height: 30px; filter: alpha(opacity=50); -moz-opacity: .5; -khtml-opacity: .5; opacity: .5; width: 300px }
.video dl dt a { color: #252525; display: block; font-size: 14px; height: 30px; left: 0; line-height: 30px; position: absolute; text-align: center; top: 0; width: 300px; }
.jq22-container a { padding-left: 0 !important; }
.weather-video { background: url(https://i.i8tq.com/index/indexImg_gl.png) no-repeat scroll 0 -62px; height: 169px; width: 300px }
.video dl dd .playon { background: url(https://i.i8tq.com/index/indexImg_gl.png) no-repeat scroll -70px -375px; display: block; height: 44px; left: 190px; position: absolute; top: 101px; width: 44px; }
ul { list-style: outside none none }
.video ul li { height: 23px; line-height: 23px; overflow: hidden; position: relative; text-overflow: ellipsis; white-space: nowrap }
.video ul li i { background: url(https://i.i8tq.com/index/indexImg_gl.png) no-repeat scroll -310px 0; height: 23px; line-height: 23px; overflow: hidden; width: 22px; position: absolute; top: 5px }
.video ul li a { padding-left: 20px }
.compere { height: 152px; width: 420px }
.compere p { float: left; width: 120px; position: relative }
.compere .person { height: 25px; line-height: 25px; position: absolute; text-align: left; bottom: 7px; color: #fff; margin-left: 10px; z-index: 9 }
.compere .personOverlay { height: 25px; line-height: 25px; position: absolute; text-align: center; width: 167px; bottom: 7px; background: #000; filter: alpha(opacity=60); -moz-opacity: .6; -khtml-opacity: .6; opacity: .6 }
.weather-host1 { /* background: url(https://i.i8tq.com/index/indexImg_gl.png) no-repeat scroll -348px -82px; */
background: url(https://i.i8tq.com/index/syj.png); display: block; height: 167px; width: 167px; opacity: .9 }
.weather-host1:hover { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1 }
.compere ul { float: right; width: 240px }
.compere ul li { display: inline; float: left; height: 80px; margin-bottom: 3px; overflow: hidden; width: 80px }
.weather-host { background: url(https://i.i8tq.com/index/indexImg_gl.png) no-repeat scroll 0 0; height: 80px; width: 80px; opacity: .9 }
.weather-host:hover { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1 }
.weather-host2 { /* background-position: 0 -260px */
background: url(https://i.i8tq.com/index/yd2024.png); }
.weather-host3 { /* background-position: -74px -260px */
background: url(https://i.i8tq.com/index/fs2024.png); }
.weather-host4 { /* background-position: -154px -260px */
background: url(https://i.i8tq.com/index/wly2024.png); }
.weather-host5 { /* background-position: -230px -260px */
background: url(https://i.i8tq.com/index/zty2024.png); }
.weather-host6 { /* background-position: -310px -260px */
background: url(https://i.i8tq.com/index/xw2024.png); }
.weather-host7 { /* background-position: -402px -260px */
background: url(https://i.i8tq.com/index/hj.png); }
.compere h1 { color: #043567; font-size: 14px; height: 30px; line-height: 30px; overflow: hidden; margin-bottom: 10px; font-size: 20px; font-family: Microsoft YaHei; font-weight: bold; color: #043567; opacity: 1; width: 413px; }
.compere h1 i { border-top: 1px solid #043567; display: block; float: right; height: 1px; margin-top: 16px; width: 185px }
.goodLife { width: 100%; float: left }
#adpos_lm01 { margin-top: 12px }
.goodLife a img { width: 865px; height: 90px; border: 0 }
.hdImgs { height: 234px; margin-top: 60px; position: relative; width: 680px }
.hdImgs #img1 { height: 110px; left: 0; top: 0; width: 167px }
.hdImgs #img2 { height: 110px; left: 0; top: 128px; width: 167px }
.hdImgs #img3 { height: 239px; left: 171px; top: 0; width: 338px }
.hdImgs #img3 b { padding: 9px 10px }
.hdImgs #img3 i, .hdImgs #img3 b { width: 403px }
.hdImgs #img1 i, .hdImgs #img2 i, .hdImgs #img4 i, .hdImgs #img5 i, .hdImgs #img1 b, .hdImgs #img2 b, .hdImgs #img4 b, .hdImgs #img5 b { height: 20px; }
.hdImgs #img4 { height: 110px; right: 0; top: 0; width: 167px }
.hdImgs #img5 { height: 110px; right: 0; top: 128px; width: 167px }
.hdImgs a { cursor: pointer; display: block; overflow: hidden; position: absolute; opacity: .9; filter: alpha(opacity=90); -moz-opacity: .9; -khtml-opacity: .9 }
.hdImgs a:hover { opacity: 1; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1 }
.hdImgs a b { width: 190px; bottom: 0; color: #fff; cursor: pointer; display: block; font-weight: normal; line-height: 16px; padding: 0px 10px; position: absolute; right: 0; text-align: center; z-index: 5; text-overflow: ellipsis; box-sizing: border-box; overflow: hidden; white-space: nowrap; }
.hdImgs a i { background-color: #000; bottom: 0; display: block; height: 34px; filter: alpha(opacity=60); -moz-opacity: .6; -khtml-opacity: .6; opacity: .6; padding: 0 10px; position: absolute; right: 0 }
.travel { height: 245px; overflow: hidden; width: 680px }
.tragdt { float: left; width: 514px }
.focus { height: 180px; margin: 0 auto 8px; position: relative; width: 300px }
.tq121 { height: 242px; overflow: hidden; position: relative; width: 514px }
.tq121 ul li { width: 640px }
.tq121 ul li a { color: #043567; display: block; float: left; font-size: 15px; width: 400px }
.D1fBt { bottom: -34px; height: 4px; left: 118px; overflow: hidden; position: absolute; z-index: 3 }
.D1fBt a { background: #ababab; color: #fff; cursor: pointer; float: left; font-weight: 400; height: 4px; margin-right: 10px; text-align: center; text-indent: -9999px; width: 16px }
.D1fBt a.current { background: #f68d3b }
#fsD1 .prev { background: url(https://i.i8tq.com/index/indexImg_gl.png) no-repeat; background-position: -353px 0; height: 58px; left: 0; opacity: .3; filter: alpha(opacity=30); position: absolute; top: 84px; width: 29px }
#fsD1 .next { background: url(https://i.i8tq.com/index/indexImg_gl.png) no-repeat; background-position: -409px 0; height: 58px; left: 290px; opacity: .3; filter: alpha(opacity=30); position: absolute; top: 84px; width: 29px }
#fsD1 span:hover { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; cursor: pointer }
.trayin { float: right; overflow: hidden; width: 192px }
.trayin a { display: block; height: 119px; margin-bottom: 3px; overflow: hidden; position: relative }
.trayin a img { height: 106px; width: 192px }
.trayin a em { background: #f68d3b; color: #fff; font-size: 12px; display: none; font-style: normal; height: 22px; line-height: 22px; position: absolute; right: 7px; text-align: center; top: 0; width: 51px; z-index: 6 }
.trayin a b { color: #fff; display: none; font-size: 15px; font-weight: normal; height: 119px; left: 0; line-height: 23px; position: absolute; text-align: left; top: 25px; width: 170px; padding: 0 5px; z-index: 5 }
.trayin a b span { color: #d1e1f2; display: none; font-size: 12px; line-height: 20px; text-align: left; width: 148px }
.tq121 ul li div.jfs { background: #f2f2f8; float: right; height: 224px; overflow: hidden; width: 192px }
.tq121 ul li div.jfs h2 { color: #fff; float: right; margin-bottom: 10px; text-align: center; width: 51px; width: 67px; height: 32px; background: #F68D3B; border-radius: 0px 0px 0px 40px; font-size: 18px; font-family: Microsoft YaHei; font-weight: bold; line-height: 24px; color: #FFFFFF; opacity: 1; }
.tq121 ul li div.jfs h1 { border-bottom: 1px dashed #aaa9b1; clear: both; color: #043567; font-size: 16px; line-height: 25px; margin: 0 auto; padding-bottom: 5px; width: 200px }
.tq121 ul li div.jfs h1 a { float: none; width: auto; height: 70px; font-size: 18px; font-family: Microsoft YaHei; font-weight: bold; line-height: 30px; color: #043567; opacity: 1; }
.tq121 ul li div.jfs h1 a:hover { color: #ee842f }
.tq121 ul li div.jfs p { color: #7d7d7d; font-size: 16px; line-height: 28px; margin: 0 auto; padding-top: 10px; width: 200px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.tq121 ul li div.jfs p a { position: absolute; right: -285px; top: 217px; color: #043567 }
.tq121 ul li div.jfs p a:hover { color: #ee842f }
.trayin a i { background-color: #6d7e88; display: none; height: 119px; left: 0; filter: alpha(opacity=90); -moz-opacity: .9; -khtml-opacity: .9; opacity: .9; position: absolute; top: 0; width: 180px }
.tralife { border: 1px solid #dfdfdf; clear: both; height: 139px; margin-bottom: 15px; margin-top: 8px; overflow: hidden; width: 678px }
.tralife ul { border-right: 1px dashed #c5c5c5; display: inline; float: left; margin-left: 0; margin-top: 10px; padding-left: 50px; width: 320px }
.tralife ul li i { background: url(https://i.i8tq.com/index/indexImg_gl.png) no-repeat -284px -474px; height: 30px; line-height: 30px; overflow: hidden; padding: 0 10px; position: absolute; top: 0; left: 0 }
.tralife ul li a { padding-left: 5px; padding-right: 5px }
.tralife ul.tranone { border: 0 none; width: auto; }
.exploration { width: 680px; float: left }
.exleft { float: left; width: 388px }
.exleft ul li { background: #8ec2f2; color: #fff; cursor: pointer; line-height: 35px; margin-bottom: 4px; text-align: center; opacity: .8; }
.exleft ul li:hover { opacity: 1 }
.exleft ul .active { background: #043567; opacity: 1 }
.exbg { display: none; left: 0; position: absolute; top: 0 }
.exbg b { color: #fff; display: block; font-weight: normal; height: 30px; left: 0; line-height: 30px; position: absolute; text-align: center; top: 0; width: 320px; z-index: 10 }
.exbg i { background: #1770a3; display: block; height: 30px; left: 0; filter: alpha(opacity=70); -moz-opacity: .7; -khtml-opacity: .7; opacity: .7; position: absolute; top: 0; width: 320px }
.exright { float: right; margin-left: 20px; width: 340px }
.exright .exiang { border-bottom: 1px dashed #c9c8c8; height: 109px; margin-bottom: 10px; overflow: hidden; position: relative }
.exright h2 { height: 30px; line-height: 20px; margin-bottom: 10px; }
.exright h2 a { font-weight: Bold; font-size: 20px; font-family: Microsoft YaHei; line-height: 30px; color: #043567; opacity: 1; }
.exright h2 a:hover { color: #ee842f }
.exright .exiang p { color: #7d7d7d; font-size: 16px; width: 416px; line-height: 30px }
.exright .exiang p.details { bottom: 5px; position: absolute; right: 0; text-align: right }
.exright .exiang p.details a { color: #043567; font-size: 15px }
.exright .exiang p.details a:hover { color: #ee842f }
.exright ul li i { background: url(https://i.i8tq.com/index/indexImg_gl.png) no-repeat -288px -474px; height: 30px; line-height: 30px; overflow: hidden; padding: 0 0 0 15px; position: absolute; top: 0; left: 0 }
.exright ul li { height: 30px; padding-left: 15px; line-height: 30px; overflow: hidden; position: relative }
.products { background: #f2f2f8; margin-top: 0; padding: 10px 0 15px 10px; width: 670px; float: left; margin-bottom: 15px; display: inline }
.products dl { float: left; padding: 0 15px 0 0; text-align: center; width: 204px }
.products dl dt { font-size: 16px; height: 40px; line-height: 40px }
.products h4 { font-weight: normal }
.products h4 a { color: #043567; cursor: text }
.products dd a { background: #fff; color: #7d7d7d; display: inline-block; height: 32px; line-height: 32px; margin-bottom: 3px; width: 207px }
.products dd a:hover { background-color: #8ec2f2; color: #fff }
.rightContent { float: left; width: 100% }
.myWeather { float: left; width: 100%; background: #f2f2f8; margin-bottom: 15px; display: inline; height: auto; padding-bottom: 25px }
.myWeatherTop { width: 100%; height: 40px; line-height: 40px; background: #043567 }
.myWeatherTop span { font-size: 18px; margin-left: 15px; color: #fff; float: left; display: inline; font-weight: bold; }
.myWeatherTop .ewmInfo { font-size: 12px; float: right; margin-right: 80px; padding-right: 10px; background: url(https://i.i8tq.com/index/indexImg_gl.png?fsd) no-repeat scroll -542px -496px }
.myWeatherTop .img { background-position: -515px -363px; height: 80px; left: 218px; position: relative; top: 4px;  *top: -40px;
_top: -40px; width: 80px }
.myWeatherMain { width: 270px; margin-left: 15px; position: relative }
.myWeatherMain .cityBar { width: 100%; height: 40px; line-height: 45px }
.myWeatherMain .cityBar a span { color: #7d7d7d; font-size: 12px }
.myWeatherMain .cityBar a span:hover { color: #ee842f }
.myWeatherMain .cityBar .province { color: #252525; display: block; float: left; font-size: 16px; height: 35px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 100px }
.updataTime { width: 100%; height: 20px; line-height: 20px; text-align: right; font-size: 12px; color: #7d7d7d; margin-top: 5px; margin-left: 5px }
.updataTimeW { width: 100%; height: 20px; line-height: 20px; text-align: right; font-size: 12px; color: #7d7d7d; margin-top: 5px }
.skInfo { width: 100%; float: left; border-bottom: 1px solid #dfdfdf }
.temp { width: 160px; float: left; margin-left: 0; text-align: center }
.temp span { font-size: 20px; color: #043567; float: none; cursor: pointer }
.temp .tempNum { font-size: 55px; color: #043567; float: none; height: 110px }
.temp .tempDu { position: relative; top: -44px; left: -5px }
.otherWeather { width: 109px; float: right; margin-top: 10px }
.weatherRow { width: 100%; text-align: left; font-size: 12px; height: 17px; display: none; cursor: pointer }
.weatherRow img { position: relative; top: -2px; margin-right: 5px }
.zdwr { width: 90px; height: 16px; line-height: 16px; border-radius: 8px; text-align: center; color: #fff; display: block; cursor: pointer; opacity: 1 }
.zdwr:hover { color: #fff; opacity: .8 }
.trend { width: 100%; float: left; padding-top: 15px; cursor: pointer }
.trend .dataRow { width: 100%; float: left; margin-top: 5px }
.trend .tqzsDiv { width: 100%; height: 105px; float: left; margin-top: 10px; display: inline }
.trend .dataRow .dataLi { width: 20%; float: left; text-align: center; font-size: 12px; color: #252525; margin-bottom: 5px }
.trend .dataRow .weatherLi { width: 20%; float: left; text-align: center; font-size: 12px; color: #7d7d7d }
.trend .dataRow .dataImg { width: 20%; float: left; text-align: center; font-size: 12px; color: #252525 }
.trend .dataRow .todayLi { color: #1f6ebd }
.showCalendar { width: 240px; height: 30px; line-height: 30px; background: #fbfbfd; color: #1f6ebd; font-size: 14px; text-align: center; float: left; margin-left: 15px; border-radius: 20px; margin-bottom: 18px; border: 1px solid #93bade; margin-top: 15px; display: inline }
.showCalendar:hover { color: #0a56a1; cursor: pointer; border: 1px solid #6ba2d4 }
.zsList { float: left; width: 100%; margin-bottom: 0 }
.zsLi { float: left; width: 65px; height: 87px; margin-right: 3px; background: #6381a1; text-align: center; display: inline }
.zsLi .zsDiv { width: 32px; height: 33px; position: relative; margin: 5px 0; left: 16px;  *left: 0;
_left: 0 }
.lastLi { margin-right: 0 }
.zsLi p { font-size: 10px; color: #c3dcf4 }
.zsLi span { font-size: 14px; color: #fff }
.sortDiv { float: left; width: 100%; background: #f2f2f8 }
.rank { /* background-color: #f2f2f8; */
width: 275px; z-index: 10; margin-left: 12px; }
.rank h3 { color: #fff }
.hotSpot h3 { font-size: 18px; color: #252525; height: 43px; line-height: 40px; overflow: hidden; position: relative; border-top: 3px solid #043567 }
.rank h3, .climateChange h3 { font-size: 18px; font-weight: bold; height: 43px; line-height: 40px; overflow: hidden; padding-left: 10px; position: relative; /* border-bottom: 1px solid #dfdfdf; */
border-top: 3px solid #043567 }
.rank h3 a { float: left; font-weight: bold; font-size: 20px; color: #043567; }
.rank h3 span { float: right; font-size: 12px; padding-left: 6px }
.rank h3 span a { color: #252525; font-size: 12px }
.rank h3 .on { background: #f2f2f8; color: #1f6ebd; font-weight: normal;/* border-bottom: 2px solid #8ec2f2 */
}
.rank h3 span a { border-right: 0 none; display: block; float: left; font-size: 12px; font-weight: normal; height: 35px; line-height: 33px; margin-top: 6px; padding: 0 5px; text-align: center; text-indent: 0 }
.rank ul.on { display: block }
.rank ul { display: none; width: 300px }
.rank ul li { height: 35px; line-height: 35px; overflow: hidden; padding: 0 0 0 10px; vertical-align: bottom; width: 290px }
.rank ul li span { display: block; float: left; height: 33px; text-align: center }
.rank ul li .sort { width: 30px; text-align: left }
.rank ul li .lastTemp { width: 125px }
.rank .city { float: left; width: 70px }
.rank .prov { float: left; width: 60px }
.rank ul .on { background: #F1F8FE; }
.rank ul .pi { /*background: #f2f2f8 !important;*/ color: #7d7d7d; font-size: 12px } 
.rank .wd { color: #252525; float: left; width: 125px }
.rank .wd .wdTime { font-size: 12px; color: #8e8e8e; float: none; display: inline; margin-left: 3px }
.rank .ord, .hotSpot .ord { float: left; height: 25px; padding-top: 8px; width: 30px }
.rank .ord i, .hotSpot .ord i { /*background-color: #fff;*/ display: block; font-size: 14px; font-style: normal; height: 18px; line-height: 18px; text-align: center; width: 18px }
.rank ul .on .ord i, .hotSpot ul .on .ord i { /* background-color: #8ec2f2; */
display: block; font-size: 14px; font-style: normal; height: 18px; line-height: 18px; text-align: center; width: 18px; /* color: #fff */
border-radius: 50%; }
.rank ul .ord i { border-radius: 50%; color: #fff; }
.ord1 i { background-color: #FF0622; }
.ord2 i { background-color: #FF5B00; }
.ord3 i { background-color: #FFA500; }
.ord4 i { background-color: #FEEFC2; color: #C68F2A; }
.rank ul .ord4 i{color: #C68F2A; }
.rank ul .on .city a { color: #1f6ebd }
.rank ul .on .prov a { color: #1f6ebd }
.rank ul .on .wd { color: #1f6ebd }
.rank .detail { /* border-top: 1px solid #e8e8eb; */
color: #7d7d7d; background: #f2f2f8; display: block; font-size: 12px; height: 34px; line-height: 34px; margin-left: -10px; padding-right: 10px; text-align: right; width: 290px }
.defaultDiv { margin-top: 15px; float: left; width: 100% }
#adpos_r02 { height: 250px; overflow: hidden }
.hotSpot { height: auto; width: 298px }
.subTitle { font-size: 18px; height: 40px; line-height: 40px; overflow: hidden; position: relative; color: #252525 }
.hotSpot h4.title { background: #f2f2f8; height: 40px; line-height: 40px; overflow: hidden; margin-top: 0; border-bottom: 1px solid #dfdfdf }
.hotSpot h4.title span { display: block; float: left; text-align: center; color: #8e8e8e; font-size: 12px }
.hotSpot h4.title .name { color: #8e8e8e; font-size: 12px; width: 80px }
.hotSpot h4.title .weather { width: 75px }
.hotSpot .wd { width: 74px }
.hotSpot .zs { width: 65px }
.hotSpot ul { display: none; height: 210px; float: left; width: 100%; background: #f2f2f8; padding-bottom: 20px }
.hotSpot ul.on { display: block; margin-top: 5px }
.hotSpot ul li { height: 36px; line-height: 36px; margin: 0; padding-left: 14px; overflow: hidden; vertical-align: top }
.hotSpot ul span { float: left; text-align: center }
.hotSpot .name { font-size: 14px; width: 65px; margin-right: 10px }
.hotSpot .weather { width: 85px }
.hotSpot .wd { width: 74px }
.hotSpot .zs { width: 65px }
.hotSpot ul li.on { background: #fff; color: #1f6ebd }
.hotSpot ul li.on a { color: #1f6ebd }
.hotSpot ul li::after { clear: both; content: "."; display: block; height: 0; visibility: hidden }
.hotSpot h4 .sort { margin-left: 15px }
div.warp_sel { background: #f2f2f8; height: 43px; line-height: 43px; padding: 10px 8px 0; width: 282px; float: left; border-top: 1px solid #e8e8eb }
div.warp_sel span { float: left; line-height: 26px; margin: 0; padding: 0 }
.form1 { float: left; margin: 4px 10 0 1px; position: relative; width: 65px; z-index: 100 }
.form1 .Menu { border: 1px solid #e4e8ec; display: none; left: 6px; overflow: hidden; position: absolute; top: 26px; width: 112px; z-index: 99999 }
.form1 .list3_menu { height: 191px; overflow-x: hidden; overflow-y: scroll }
.form1 #List1 { left: -4px; top: 26px }
.form1 .Menu ul { display: block; margin: 0; padding: 0; width: 100px }
.form1 .Menu ul li { border-bottom: 0 solid #ccc; color: #000; cursor: pointer; height: auto; text-align: left; width: 100% }
.form1 .Menu ul li a { background: #fff none repeat scroll 0 0; color: #7d7d7d; display: block; font-size: 12px; height: auto; width: 100%; padding-left: 4px }
.form1 .Menu ul li a:hover { background: #8ec2f2 none repeat scroll 0 0; color: #fff; display: block; font-size: 13px; height: auto; width: 100% }
.form1 #List2 { left: 4px; top: 26px; width: 60px }
.form1 .list3_menu { height: 191px; overflow-x: hidden; overflow-y: scroll }
#viewSearch { cursor: pointer }
.warp_sel button { background: url(https://i.i8tq.com/index/indexImg_gl.png) no-repeat scroll -492px -483px; border: 0 none; float: right; margin: 0 -4px 0 0; vertical-align: middle; height: 27px; width: 33px; opacity: .8 }
.warp_sel button:hover { opacity: 1 }
.form1 .txt2 { background: url(https://i.i8tq.com/index/indexImg_gl.png) no-repeat scroll -390px -328px; color: #7d7d7d; cursor: pointer; display: block; font-family: "微软雅黑"; font-size: 12px; height: 26px; line-height: 26px; margin-left: 3px; padding-left: 10px; width: 65px }
.form1 .txt1 { background: url(https://i.i8tq.com/index/indexImg_gl.png) no-repeat scroll -310px -328px; color: #7d7d7d; cursor: pointer; display: block; font-family: "微软雅黑"; font-size: 12px; height: 26px; line-height: 26px; margin-left: -4px; padding-left: 10px; width: 66px }
.form1 .txt3 { background: url(https://i.i8tq.com/index/indexImg_gl.png) no-repeat scroll -484px -328px; color: #7d7d7d; cursor: pointer; display: block; font-family: "微软雅黑"; font-size: 12px; height: 26px; line-height: 26px; padding-left: 10px; width: 114px; margin-left: 5px }
.qhbh { border-top: 3px solid #043567 }
.qhbh .more { color: #7d7d7d; font-size: 14px; position: relative; left: 200px }
.qhbh .more:hover { color: #ee842f }
.qhbh h1 { border: 0 none; color: #076ea8; font-size: 16px; font-weight: bold; height: 30px; line-height: 23px; overflow: hidden; padding: 0; position: relative; text-indent: 0 }
#scrollPic { height: 227px; overflow: hidden; position: relative; width: 300px; z-index: 0 }
#scrollPic ul.bigImg { position: absolute; width: 1200px }
#scrollPic ul.bigImg li { float: left }
a { color: #252525; text-decoration: none; cursor: pointer }
#scrollPic ul.botIcon { left: 0; position: absolute; top: 185px; width: 110px }
#scrollPic ul.botIcon li { background: #ababab; cursor: pointer; float: left; height: 4px; margin-right: 5px; width: 20px }
#scrollPic ul.botIcon li.on { background: #f68d3b }
#scrollPic p { color: #fff; overflow: hidden; text-align: center; text-overflow: ellipsis; white-space: nowrap; z-index: 1 }
#scrollPic .bottomBg { background: #000; filter: alpha(opacity=60); -moz-opacity: .6; -khtml-opacity: .6; opacity: .6 }
#scrollPic p, #scrollPic .bottomBg { bottom: 0; height: 30px; left: 0; line-height: 30px; position: absolute; width: 100% }
#scrollPic .rollLeft, #scrollPic .rollRight { background-repeat: no-repeat; cursor: pointer; filter: alpha(opacity=30); -moz-opacity: .3; -khtml-opacity: .3; opacity: .3; position: absolute; top: 89px; height: 58px; width: 29px }
#scrollPic .rollLeft { background: url(https://i.i8tq.com/index/indexImg_gl.png) no-repeat; background-position: -353px 0; left: 0 }
#scrollPic .rollRight { background: url(https://i.i8tq.com/index/indexImg_gl.png) no-repeat; background-position: -409px 0; right: 0 }
#scrollPic .rollLeft:hover, #scrollPic .rollRight:hover { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1 }
#scrollImg { height: 250px; overflow: hidden; position: relative; width: 300px; z-index: 0 }
#scrollImg ul.bigPic { position: absolute; width: 1200px; height: 250px }
#scrollImg ul.bigPic li { float: left; height: 250px }
a { color: #252525; text-decoration: none; cursor: pointer }
#scrollImg ul.botIcon0 { left: 0; position: absolute; top: 225px; width: 110px }
#scrollImg ul.botIcon0 li { background: #ababab; cursor: pointer; float: left; height: 4px; margin-right: 5px; width: 20px }
#scrollImg ul.botIcon0 li.on { background: #f68d3b }
#scrollImg p { color: #fff; overflow: hidden; text-align: center; text-overflow: ellipsis; white-space: nowrap; z-index: 1 }
#scrollImg .bottomBg { background: #000; filter: alpha(opacity=60); -moz-opacity: .6; -khtml-opacity: .6; opacity: .6 }
#scrollImg p, #scrollImg .bottomBg { bottom: 0; height: 30px; left: 0; line-height: 30px; position: absolute; width: 100% }
#scrollImg .rollLeftBtn, #scrollImg .rollRightBtn { background-repeat: no-repeat; cursor: pointer; filter: alpha(opacity=30); -moz-opacity: .3; -khtml-opacity: .3; opacity: .3; position: absolute; top: 89px; height: 58px; width: 29px }
#scrollImg .rollLeftBtn { background: url(https://i.i8tq.com/index/indexImg_gl.png) no-repeat; background-position: -353px 0; left: 0 }
#scrollImg .rollRightBtn { background: url(https://i.i8tq.com/index/indexImg_gl.png) no-repeat; background-position: -409px 0; right: 0;  0
}
#scrollImg .rollLeftBtn:hover, #scrollImg .rollRightBtn:hover { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1 }
.ztpic { height: 100px; margin-top: 8px }
.ztpic dl dt { float: left; width: 132px }
.ztpic dl dd { background: #043567; float: right; height: 100px; overflow: hidden; padding-left: 8px; width: 156px }
.ztpic dl dd a { color: #fff; display: block; height: 25px; line-height: 25px; overflow: hidden; width: 150px; font-size: 16px }
.ztpic dl dd a:hover { color: #ee842f }
.ztpic dl dd p { color: #d1e1f2; font-size: 12px; line-height: 18px; width: 150px }
.weibo { height: 28px; margin-top: 15px; width: 300px; float: left }
#topics { background: #f2f2f8; border-top: 3px solid #043567; height: auto; padding-bottom: 5px; padding-bottom: 20px; }
#topics { right: 0; top: 2205px; width: 300px }
#topics h4 { font-size: 20px; font-weight: normal; height: 40px; line-height: 40px; background: #fff }
#topics dl { background: #f2f2f8; padding: 15px 15px 0 15px }
#topics .lastDl { padding-bottom: 15px; margin-bottom: 20px }
#topics dl dt { font-size: 14px; margin-bottom: 10px; }
#topics dl dt a { color: #1f6ebd; cursor: pointer }
#topics dl dt a:hover { color: #ee842f }
#topics dl dd { color: #333333; line-height: 26px; font-size: 16px; }
div#ab { left: 50%; margin-left: 500px; position: fixed; top: 370px }
.fankui { background: url(https://i.tq121.com.cn/i/weather2014/index_neweather/img-zh.png) no-repeat scroll -582px 0; height: 100px; width: 34px }
.fankui a { display: block; height: 100px; width: 34px }
.imgIcon { background: url(https://i.i8tq.com/index/indexImg_gl.png) no-repeat }
.sdIcon { background-position: -321px -369px; float: left; height: 13px; position: relative; top: 7px; width: 7px; left: 80px }
.dingwei { height: 15px; width: 10px; background-position: -345px -368px; position: relative; float: left; margin-right: 5px; top: 15px }
.sd { height: 17px; width: 11px; background-position: -376px -368px; position: relative; float: left; margin-right: 10px; top: 0 }
.feng { height: 10px; width: 16px; background-position: -407px -368px; position: relative; float: left; margin-right: 5px; top: 3px }
.zwxIcon { height: 33px; width: 32px; background-position: -320px -414px }
.xcIcon { height: 33px; width: 32px; background-position: -371px -415px }
.gmIcon { height: 33px; width: 32px; background-position: -471px -416px }
.cyIcon { height: 33px; width: 32px; background-position: -428px -416px }
.cyIcon1 { background: url(https://i.i8tq.com/weather2018/cy/pc/index/1.png?20180606) no-repeat center center; width: 30px !important }
.cyIcon2 { background: url(https://i.i8tq.com/weather2018/cy/pc/index/2.png?20180606) no-repeat center center; width: 30px !important }
.cyIcon3 { background: url(https://i.i8tq.com/weather2018/cy/pc/index/3.png?20180606) no-repeat center center; width: 30px !important }
.cyIcon4 { background: url(https://i.i8tq.com/weather2018/cy/pc/index/4.png?20180606) no-repeat center center; width: 30px !important }
.cyIcon5 { background: url(https://i.i8tq.com/weather2018/cy/pc/index/5.png?20180606) no-repeat center center; width: 30px !important }
.yj_y { height: 13px; width: 31px; background-position: -320px -391px; float: left; position: relative; top: 9px; padding-right: 5px }
.yj_b { height: 13px; width: 31px; background-position: -383px -392px; float: left; position: relative; top: 9px; padding-right: 5px }
.zxPic { height: 13px; width: 16px; background-position: 0 -29px; position: relative; top: 4px; padding-right: 18px }
.weibo #sina { background: url(https://i.i8tq.com/index/indexImg_gl.png) no-repeat scroll -311px -458px; display: block; float: left; text-indent: -9999px; height: 30px; width: 150px; opacity: .8 }
.weibo #qq { background: url(https://i.i8tq.com/index/indexImg_gl.png) no-repeat scroll -312px -495px; display: block; float: left; text-indent: -9999px; height: 30px; width: 150px; opacity: .8 }
.weibo #qq:hover { opacity: 1 }
.weibo #sina:hover { opacity: 1 }
.nav_li { /* background: #043567; */
height: 40px; line-height: 40px; width: 100%; overflow: hidden; min-width: 1200px; }
.nav_li_box { width: 1200px; margin: 0 auto }
.nav_li_left { float: right; color: #999999; font-size: 12px; width: 270px; margin-top: 14px; }
.nav_li_left a { color: #999999; display: block; float: left; margin-right: 10px; font-size: 12px; position: relative; z-index: 1114 }
.nav_li_left a:hover { color: #AC1A0C }
.nav_li_left a .showECode { position: absolute; z-index: 1114; left: -10px; top: 17px }
.nav_li_right { float: right; width: 280px; text-align: right }
.nav_li_left span { display: block; float: left; margin-right: 10px }
.nav_li_right a { color: #fff; font-size: 12px }
.nav_li_right a:hover { color: #ee842f }
.nav_li_right a.login_li { background: url(https://i.i8tq.com/index/indexImg_gl.png) no-repeat -580px -115px; padding-left: 29px }
.nav_addr { width: 100%; min-width:1200px; height: 66px; color: #fff; /* border-bottom: 1px solid #dee8f2; */
margin: 0 auto; position: absolute; background: #0A5BAC; left: 0; right: 0; z-index: 10 }
.nav_addr ul li { padding-right: 22px; margin-bottom: 5px; float: left; }
.nav_addr ul li a { font-size: 14px; color: #fff }
.nav_addr ul li b { font-size: 14px; font-weight: normal; color: #252525; cursor: pointer; background: url(https://i.i8tq.com/index/indexImg_gl.png) no-repeat scroll -558px -154px; padding-right: 15px; display: block; margin-bottom: 8px }
.nav_addr ul li b:hover { color: #ee842f; background: url(https://i.i8tq.com/index/indexImg_gl.png) no-repeat scroll -558px -287px }
.nav_addr ul li.more_li_top { z-index: 2; position: relative }
.nav_addr ul li.more_li_top span { background: #fff; display: none; width: 85px; height: 135px; border: 1px solid #dee8f2; border-bottom: 0; position: absolute; border-radius: 2px }
.nav_addr ul li.more_li_top span a { background: 0; padding-right: 0; width: 100%; text-align: center; height: 26px; line-height: 26px; border-bottom: 1px solid #dee8f2; font-size: 12px }
.nav_addr ul li.more_li_top span a:hover { background: #eaf4fe; color: #252525 }
.nav_addr ul { width: 256px; overflow: hidden; float: left; margin-top: 7px; padding-right: 0px; }
.input-btn { width: 23px; right: 10px; top: 11px; height: 20px;/* background: url(https://i.i8tq.com/index/indexImg_gl.png) no-repeat -582px -198px */
}
.input-btn input#btnZip { color: #fff; cursor: pointer; font-family: 微软雅黑; font-size: 16px; height: 20px; margin-left: 3px; text-indent: 0; width: 20px; background: 0 }
.input-btn input#btnZip:hover { border: 0 }
.header-box { padding-top: 20px; position: relative; z-index: 1005 }
.header { width: 100% !important; height: 45px; margin-bottom: 17px }
.fl { display: inline; float: left }
.w_logo a { /* background: url(https://i.tq121.com.cn/i/weather2015/city/iconall_index.png?04) no-repeat scroll 0 -836px; */
background: url(https://i.i8tq.com/index/logo.png) no-repeat; display: block; height: 43px; width: 172px; position: absolute; top: 30px; }
.city_guonei dl dd.jind a { width: 61px; overflow: hidden; height: 20px; padding-right: 30px }
.input-btn { display: block; position: absolute; z-index: 9999 }
.clear { clear: both; height: 0; overflow: hidden }
.bottom, .dl-box, .header, .main, .menu, .nav, .top { margin: 0 auto; width: 1200px }
.city-box { z-index: 13; position: absolute; left: 0; top: 43px; border: 1px solid #abaeaf; width: 320px!important; overflow: hidden; display: none; background: #fff; box-shadow: 4px 1px 9px -3px #888; height: auto }
.city-tt { clear: both; position: relative; overflow: hidden; background: #f6fcff; background: #f6fcff url(https://i.tq121.com.cn/i/weather2015/city/bj-dian.png) repeat-x left bottom }
.city-tt a { width: 95px; overflow: hidden; display: block; float: left; border-right: 1px solid #d4dde5; font-size: 15px; text-align: center; background: #f6fcff; color: #252525; line-height: 30px; border-bottom: 1px solid #d4dde5 }
.city-tt a:hover { color: #ee842f }
.city-tt b { position: absolute; top: 10px; display: block; cursor: pointer; right: 10px; width: 12px; height: 12px; background: url(https://i.tq121.com.cn/i/weather2015/city/iconall_index.png) no-repeat -120px -581px }
.city-tt a.cur { background: #fff; border-bottom: 0; padding-bottom: 0; color: #ff6400; border-bottom: 1px solid #fff }
.city-tt span { width: 95px; overflow: hidden; display: block; float: left; border-right: 1px solid #d4dde5; font-size: 15px; text-align: center; background: #f6fcff; color: #252525; line-height: 30px }
.city-tt span.cur { background: #fff; border-bottom: 0; padding-bottom: 0; color: #ff6400 }
.w_city { overflow: hidden; clear: both; padding: 10px 0; display: none }
.w_city a { width: 60px; height: 20px; line-height: 20px; padding: 0; float: left; text-align: left; font-size: 14px; margin-bottom: 7px; color: #252525 }
.city_guonei dl dt { color: #252525; float: left; font-size: 14px; text-align: center; width: 60px }
.city_guonei dl dd a:hover { color: #ee842f }
.city_guonei dl dd a { color: #6f6f6f; font-size: 12px; word-wrap: break-word }
.w_city a { color: #252525; float: left; height: 20px; line-height: 20px; margin-bottom: 7px; padding: 0; text-align: left }
.city_guonei dl { border-bottom: 1px dotted #ccc; float: left; height: auto; margin: 0 auto 8px 4px; width: 364px }
.city_guonei dl dd { float: right; width: 302px }
.city_guonei dl dd.diq a { padding: 0; width: 60px; float: left; text-align: left; margin-bottom: 7px }
.w_weather { float: right; width: auto; line-height: 43px; position: relative; margin-top: 5px }
.w_weather span { color: #043567; display: block; float: left; font-size: 17px; line-height: 30px; height: 30px; width: 68px; margin-right: 15px; overflow: hidden; text-align: right; position: relative }
.w_weather span em { display: block; white-space: nowrap; position: relative; left: 0; top: 0 }
.w_weather span em:hover { color: #ee842f }
.w_weather em.s { line-height: 30px; margin: 0 10px; color: #043567; font-size: 16px }
.w_weather a:hover em { color: #f29143 }
.w_weather a:hover em.s { color: #f29143 }
.w_weather a img { margin-top: 14px }
.w_weather a.add { background: url(https://i.tq121.com.cn/i/weather2015/city/iconall_index.png) no-repeat scroll 3px -593px; color: #0e70a1; font-size: 25px; height: 40px; margin-top: 3px; padding: 0 10px; text-indent: -9999px; width: 20px }
.w_weather a.dz_right { background-position: -54px -593px }
.w_weather a.dz_down { background-position: -25px -593px }
.w_weather .more { position: absolute; right: 0; top: 20px; width: 278px; display: none }
.header { height: 99px;/* margin-bottom: 17px; */
}
#selectsionGroups ul.dWeatherRankingBox { margin: 0 }
#selectsionGroups ul.dWeatherRankingBox li { float: none; line-height: 24px; height: 24px; text-align: left; padding-left: 20px; width: 376px; background: url(http://www.weather.com.cn/m2/i/topTen.jpg) no-repeat scroll 0 -68px }
#selectsionGroups ul.dWeatherRankingBox li.num1 { background-position: 0 5px }
#selectsionGroups ul.dWeatherRankingBox li.num2 { background-position: 0 -20px }
#selectsionGroups ul.dWeatherRankingBox li.num3 { background-position: 0 -45px }
#selectsionGroups ul.dWeatherRankingBox li.num4 { background-position: 0 -68px }
#selectsionGroups ul.dWeatherRankingBox li.num5 { background-position: 0 -92px }
#selectsionGroups ul.dWeatherRankingBox li a { padding-right: 5px; font-size: 14px; color: #000 }
#selectsionGroups .hot-icon-orange { background: #fa8f29 }
#selectsionGroups .hot-icon-dark { background: #dfdfdf }
#selectsionGroups .hot-icon-index { color: #fff; margin-right: 8px; text-align: center; width: 14px }
#selectsionGroups .hot-icon { display: inline-block; position: relative; top: -3px; font-size: 11px; height: 14px; line-height: 14px }
#selectsionGroups .hot-icon-new { color: #f00 }
.chinaTop { position: relative; z-index: 9999 }
.chengshi ul li { float: left; height: 20px; line-height: 20px; width: 50px; text-align: center }
.chengshi { position: absolute; display: none; width: 300px; padding: 7px 2px; border: 1px solid #36b; top: 90px; left: 150px; background: #fff; z-index: 9999 }
.chengshi ul li a { font-size: 13px }
.zxbg { background: url(http://www.weather.com.cn/m2/i/zxbg.jpg) no-repeat right bottom; height: 150px; padding-top: 10px }
.sugg_tan { width: 342px; height: 208px; float: left; border: 1px solid #7f9db9; overflow: hidden }
.sugg_tan ul { overflow: hidden; height: 26px; display: block; background: url(http://www.weather.com.cn/m2/i/line08.gif) repeat-x 0 25px; _background-position: 0 25px }
.sugg_tan ul li { font-size: 15px; text-align: center; float: left; width: 113px; cursor: pointer; border-right: 1px solid #7f9db9; color: #076ea9; font-weight: bold; height: 25px; background: #eceff8; line-height: 25px }
.sugg_tan ul li.move { color: #8bbb4b; height: 27px; background: #fff }
.sugg_tan .sugg_show a { display: block; height: 29px; line-height: 29px; width: 79px; padding-left: 5px; text-align: center; float: left; overflow: hidden; font-size: 13px }
.sugg_tan .sugg_show { float: left; padding-top: 5px; display: none }
.sugg_tan div.citysug span a { margin: 0; height: 25px; line-height: 25px; text-align: center }
.sugg_tan div.citysugs a { height: 29px; line-height: 29px; text-align: center }
.sugg_tan .sugg_show p { margin-left: 20px; width: 376px; float: none; height: 24px; line-height: 24px; padding-left: 20px; text-align: left }
.sugg_tan .sugg_show p a { font-size: 14px; text-align: left; float: none; width: auto }
.zxbg { background: url(http://www.weather.com.cn/m2/i/zxbg.jpg) no-repeat 3px 31px; height: 150px; padding-top: 10px }
.sugg_show a { color: #252525 }
.sugg_show a:hover { color: #ee842f; text-decoration: none }
.top3 li .clearfix div a { color: #252525 }
.w_yj { width: 23px; height: 18px; background: url(https://i.tq121.com.cn/i/weather2015/city/iconall_index.png) no-repeat -177px -501px; margin-top: 6px }
.w_weather .more { padding: 0; z-index: 999; border: 1px solid #dcdada; position: absolute; right: 0; top: 36px; background: #fff; box-shadow: 4px 1px 9px -3px #888; display: none }
.w_weather .more li { height: 20px; line-height: 20px; position: relative; border-bottom: 1px dashed #d6dbe1; width: 260px; margin: 0 auto; padding: 10px 0 }
.w_weather .more li:hover { background: #f5fafe }
.w_weather .more li.on { background: #ebebeb; border: 0 }
.w_weather .more li.on i { background-image: url(https://i.tq121.com.cn/i/weather2014/jpg/blue17d.jpg?v=1) }
.w_weather .more li a { color: #669ec0; cursor: pointer; display: block; font-size: 13px; height: 40px; position: absolute; left: 0; top: 0; line-height: 40px }
.w_weather .more li span { float: left; text-align: left; display: block; overflow: hidden; height: 39px; margin-right: 6px; font-size: 14px; color: #043567; width: 70px; text-align: center; margin-top: 7px }
.w_weather .more li i { background-image: url(https://i.tq121.com.cn/i/weather2014/jpg/blue17.jpg?v=1); float: left; height: 17px; margin: 3px 2px; width: 17px }
.w_weather .more li em { float: left; text-align: right; width: 69px; color: #043567; font-size: 13px }
.w_weather .more li b { background: url(https://i.tq121.com.cn/i/weather2015/city/iconall_index.png) no-repeat scroll -155px -581px; font-size: 0; cursor: pointer; float: left; height: 12px; width: 13px; position: absolute; right: 10px; top: 15px }
.w_weather .more li.add { color: #076ea8; text-align: center; height: 15px; width: 100%; display: block; border: 0 }
.w_weather .more li.add a { display: block; font-size: 22px; padding: 0; width: 100%; color: #043567; line-height: 32px }
.city_guonei dl dd.jind a { width: 61px; overflow: hidden; height: 20px }
.search-box { position: relative; width: 320px; left: 153px; height: 40px }
.search { /* border: 1px solid #a7b5c2; */
width: 318px; position: relative; height: 38px; border-radius: 2px }
.search input#txtZip { color: #aaa; font-family: 微软雅黑; font-size: 14px; padding: 0 0px 0 74px; background: #fff; width: 288px; height: 38px;  *height: 36px;
line-height: 38px; width: 306px; height: 36px; background: #043567; opacity: 0.5; border-radius: 20px; }
.search #zhong_search { padding-left: 64px; background: #fff; width: 334px; height: 38px; display: none }
#zhong_search iframe { width: 334px; height: 38px }
.input-btn { right: 7px; top: 8px }
.select_li { border-right: 1px solid #e4ecf4; float: left; height: 38px; position: absolute; width: 63px; display: block; top: 0; left: 0; overflow: inherit; background: #fff }
.select_li p { width: 58px; height: 38px; line-height: 38px; text-align: center; cursor: pointer; padding-bottom: 5px; padding-right: 5px }
.select_li p i { width: 10px; height: 10px; background: url(https://i.i8tq.com/index/indexImg_gl.png) no-repeat -590px -292px; position: absolute; top: 14px; right: 8px }
.select_li:hover p i { transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -moz-transform: rotate(180deg) }
.select_box { display: none; position: absolute; top: 43px; left: 0; width: 62px; height: 62px; border: 1px solid #a7b5c2; background: #fff }
.select_box li { width: 62px; height: 31px; line-height: 31px; text-align: center; cursor: pointer }
.select_box li.cur { background: #eaf4ff }
#show li { font-size: 15px; height: 28px; line-height: 28px; list-style-type: none; margin: 0; overflow: hidden; padding: 0 }
#show ul li { text-indent: 10px }
#show ul { border: 1px solid #c2d0e7 }
#show ul li b { color: #f60; font-weight: 700 }
#show ul .select { background-color: #f2f2f8; text-align: left; margin: 0; padding: 0 }
#show ul .unselect { padding: 0; margin: 0 }
#show { display: none }
#show { background-color: #FFF; color: #000; display: none; margin: 0; overflow-x: hidden; overflow-y: auto; padding: 0; position: absolute; top: 45px; left: 0; width: 374px; z-index: 99 }
#show ul { border: 1px solid #c2d0e7 }
#show ul span { display: block; font-size: 14px; height: 34px; line-height: 34px; text-indent: 38px; background: url(https://i.tq121.com.cn/i/weather2015/index/smile.jpg) no-repeat 10px 5px }
#show li { overflow: hidden; font-size: 15px; height: 28px; line-height: 28px; list-style-type: none; margin: 0; padding: 0; text-indent: 10px; cursor: pointer }
#show ul li b { color: #ee842f; font-weight: normal }
.select { background-color: #f2f2f8; margin: 0; padding: 0; text-align: left }
.unselect { margin: 0; padding: 0 }
.l_ad { width: 830px; height: 90px; margin-left: 0; overflow: hidden }
.nav_addr ul li.sheng_li a.sheng_first { background: url(https://i.i8tq.com/index/indexImg_gl.png) no-repeat -559px -261px; padding-right: 15px }
.nav_addr ul li.agriculture a.sheng_first { background: url(https://i.tq121.com.cn/i/weather2017/dian.png) no-repeat 32px 5px; padding-right: 15px }
.nav_addr ul li.more_li_top a { display: block; background: url(https://i.i8tq.com/index/indexImg_gl.png) no-repeat -558px -232px; padding-right: 15px }
.alarmInfo { float: right; position: relative; text-align: left; width: 175px }
.footer { background: #f2f2f8; width: 100%; clear: both; overflow: hidden;min-width:1200px; }
.footer .block { margin: 0 auto 10px; position: relative; width: 1200px; padding: 20px 0 0; margin-bottom: 0; height: auto; background: #f2f2f8 }
.footer h2 { width: 145px; height: 38px; background: url(../i/index_icons.png) no-repeat -160px 3px; float: left; margin: 10px 3px 3px 0; overflow: hidden }
.footer h2 a { display: block; width: 145px; height: 38px; text-indent: -9999px }
.footer .Lcontent { width: 592px; height: 130px; float: left }
.footer dl { width: 115px; padding: 15px; float: left; margin: 0 3px 3px 0; display: inline }
.footer dl dt { line-height: 30px; padding-bottom: 5px }
.footer dl dt h3, .friendLink h3 { font-weight: 400; font-size: 20px }
.footer dl dd p, .friendLink p { line-height: 25px }
.footer dl p a, .friendLink p a { padding-right: 10px; color: #959595; font-size: 14px }
.footer dl p a:hover, .friendLink p a:hover { color: #ee842f }
.friendLink { width: 390px; float: left; padding: 15px 0 13px 0 }
.friendLink h3 { padding-bottom: 5px; line-height: 30px }
.footer .last { border-top: 1px solid #ebebeb; margin-top: 5px; padding-top: 5px }
.serviceinfo { border-top: 1px dashed #d5d4d4; padding: 20px 0 20px 15px; font-size: 12px; line-height: 20px; clear: both }
.serviceinfo p { height: 20px }
.serviceinfo p span { display: block; width: 329px; float: left }
.serviceinfo a, .serviceinfo b { color: #076ea8; font-weight: 400 }
.serviceinfo b { color: #252525 }
.aboutUs { background-color: #7d7d7d; color: #fff; height: 45px; line-height: 45px; text-align: center; font-size: 12px; width: 100%; margin: 0 auto }
.aboutUs a { color: #fff }
.selectCity { position: absolute; width: 290px; height: 185px; background: url(https://i.tq121.com.cn/i/weather2017/selectCityBg.png) no-repeat; z-index: 9; border-radius: 2px; left: -10px; top: 40px }
.cityTop { float: left; width: 270px; height: 40px; line-height: 40px; margin: 10px }
.cityTop img { margin-right: 5px; margin-top: -3px }
.cityTopL { float: left; width: 30%; color: #252525; font-size: 16px; padding-left: 10px }
.goHostCity { float: left; font-size: 12px; color: #7d7d7d; position: absolute; right: 25px; top: 45px; z-index: 9; height: 24px; line-height: 20px }
.goHostCity i { font-style: normal; color: #357ac0; cursor: pointer }
.goHostCity i:hover { color: #f68d3b }
.cityTopR { float: right; width: 15%; font-size: 18px; color: #b3bac0; text-align: center; cursor: pointer; font-family: serif }
.cityTopR:hover { color: #ee842f }
.cityM { float: left; width: 243px; height: 57px; line-height: 52px; text-align: center; position: relative; left: 24px }
.cityM input { width: 235px; height: 32px; line-height: 32px; border: 1px solid #ccd1d7; padding-left: 5px; border-radius: 2px; color: #888d92; font-size: 14px }
 .cityM input::-ms-clear {
 display: none;
 width: 0;
 height: 0
}
 .cityM input::-ms-clear {
 display: none;
 width: 0;
 height: 0
}
.showCityList { position: relative; width: 240px; height: 150px; border: 1px solid #dfdfdf; background: #fff; top: -10px; left: 0 }
.showCityLi { width: 230px; overflow: hidden; height: 30px; line-height: 30px; text-align: left; padding-left: 10px }
.showCityLi:hover { background: #f2f2f8; cursor: pointer }
.saveBtn { background: #24517f; color: #fff; float: left; font-size: 14px; height: 30px; line-height: 30px; margin-left: 24px; text-align: center; width: 243px; border-radius: 2px; cursor: pointer }
.saveBtn:hover { background: #043567; color: #fff }
.provinceLinks { display: none }
#adpos_r03, #adpos_r04 { height: 201px; overflow: hidden }
big.icon { background-image: url(https://i.tq121.com.cn/i/weather2015/png/blue22-1.png); height: 30px; width: 23px; margin: 0 2px; position: relative; top: 5px }
big.ic { background-image: url(https://i.tq121.com.cn/i/weather2015/png/blue22-1.png); height: 30px; margin-top: 9px; width: 28px; float: left }
big { margin: 0 auto; background-repeat: no-repeat; background-position: -640px 240px; display: block }
big.jpg30 { background-image: url(https://i.tq121.com.cn/i/weather2015/png/blue30.png); height: 30px; width: 31px }
big.png30 { background-image: url(https://i.tq121.com.cn/i/weather2015/png/blue30.png); height: 30px; width: 31px }
big.jpg50 { background-image: url(https://i.tq121.com.cn/i/weather2015/png/blue50.png); height: 50px; width: 50px }
big.jpg80 { background-image: url(https://i.tq121.com.cn/i/weather2015/png/blue80.png); height: 80px; width: 80px }
big.png40 { background-image: url(https://i.tq121.com.cn/i/weather2015/index/blue30.png); height: 30px; width: 30px }
big.png80 { background-image: url(https://i.tq121.com.cn/i/weather2015/png/blue80.png); height: 80px; width: 80px }
.around li:hover big.jpg30 { background-image: url(https://i.tq121.com.cn/i/weather2015/png/white30.png); height: 30px; width: 31px }
.on big.jpg50 { background-image: url(https://i.tq121.com.cn/i/weather2015/png/blue50.png); height: 50px; width: 50px }
.on big.jpg80 { background-image: url(https://i.tq121.com.cn/i/weather2015/png/blue80.png); height: 80px; width: 80px }
.sk big.jpg80 { background-image: url(https://i.tq121.com.cn/i/weather2015/png/blue80.png); height: 80px; width: 80px }
.xyn-icon1 { width: 14px; height: 12px; background: url(https://i.tq121.com.cn/i/weather2014/index_neweather/img-zh.png) no-repeat; background-position: 0 0; display: block; float: left; margin-top: 14px }
.xyn-icon2 { width: 14px; height: 12px; background: url(https://i.tq121.com.cn/i/weather2014/index_neweather/img-zh.png) no-repeat; background-position: -32px -28px; display: block; float: left; margin-top: 14px }
big.d0 { background-position: 0 0 }
big.d1 { background-position: -80px 0 }
big.d2 { background-position: -160px 0 }
big.d3 { background-position: -240px 0 }
big.d4 { background-position: -320px 0 }
big.d5 { background-position: -400px 0 }
big.d6 { background-position: -480px 0 }
big.d7 { background-position: -560px 0 }
big.d8 { background-position: -640px 0 }
big.d9 { background-position: 0 -80px }
big.d00 { background-position: 0 0 }
big.d01 { background-position: -80px 0 }
big.d02 { background-position: -160px 0 }
big.d03 { background-position: -240px 0 }
big.d04 { background-position: -320px 0 }
big.d05 { background-position: -400px 0 }
big.d06 { background-position: -480px 0 }
big.d07 { background-position: -560px 0 }
big.d08 { background-position: -640px 0 }
big.d09 { background-position: 0 -80px }
big.d10 { background-position: -80px -80px }
big.d11 { background-position: -160px -80px }
big.d12 { background-position: -240px -80px }
big.d13 { background-position: -320px -80px }
big.d14 { background-position: -400px -80px }
big.d15 { background-position: -480px -80px }
big.d16 { background-position: -560px -80px }
big.d17 { background-position: -640px -80px }
big.d18 { background-position: 0 -160px }
big.d19 { background-position: -80px -160px }
big.d20 { background-position: -160px -160px }
big.d21 { background-position: -240px -160px }
big.d22 { background-position: -320px -160px }
big.d23 { background-position: -400px -160px }
big.d24 { background-position: -480px -160px }
big.d25 { background-position: -560px -160px }
big.d26 { background-position: -640px -160px }
big.d27 { background-position: 0 -240px }
big.d28 { background-position: -80px -240px }
big.d29 { background-position: -160px -240px }
big.d30 { background-position: -240px -240px }
big.d31 { background-position: -320px -240px }
big.d32 { background-position: -400px -240px }
big.d33 { background-position: -480px -240px }
big.d53 { background-position: -560px -240px }
big.d57 { background-position: -720px 0 }
big.d32 { background-position: -720px -80px }
big.d49 { background-position: -720px -160px }
big.d58 { background-position: -720px -240px }
big.d54 { background-position: -800px 0 }
big.d55 { background-position: -800px -80px }
big.d56 { background-position: -800px -160px }
big.d301 { background-position: -880px 0 }
big.d302 { background-position: -880px -80px }
big.n0 { background-position: 0 -320px }
big.n1 { background-position: -80px -320px }
big.n2 { background-position: -160px -320px }
big.n3 { background-position: -240px -320px }
big.n4 { background-position: -320px -320px }
big.n5 { background-position: -400px -320px }
big.n6 { background-position: -480px -320px }
big.n7 { background-position: -560px -320px }
big.n8 { background-position: -640px -320px }
big.n9 { background-position: 0 -400px }
big.n00 { background-position: 0 -320px }
big.n01 { background-position: -80px -320px }
big.n02 { background-position: -160px -320px }
big.n03 { background-position: -240px -320px }
big.n04 { background-position: -320px -320px }
big.n05 { background-position: -400px -320px }
big.n06 { background-position: -480px -320px }
big.n07 { background-position: -560px -320px }
big.n08 { background-position: -640px -320px }
big.n09 { background-position: 0 -400px }
big.n10 { background-position: -80px -400px }
big.n11 { background-position: -160px -400px }
big.n12 { background-position: -240px -400px }
big.n13 { background-position: -320px -400px }
big.n14 { background-position: -400px -400px }
big.n15 { background-position: -480px -400px }
big.n16 { background-position: -560px -400px }
big.n17 { background-position: -640px -400px }
big.n18 { background-position: 0 -480px }
big.n19 { background-position: -80px -480px }
big.n20 { background-position: -160px -480px }
big.n21 { background-position: -240px -480px }
big.n22 { background-position: -320px -480px }
big.n23 { background-position: -400px -480px }
big.n24 { background-position: -480px -480px }
big.n25 { background-position: -560px -480px }
big.n26 { background-position: -640px -480px }
big.n27 { background-position: 0 -560px }
big.n28 { background-position: -80px -560px }
big.n29 { background-position: -160px -560px }
big.n30 { background-position: -240px -560px }
big.n31 { background-position: -320px -560px }
big.n32 { background-position: -400px -560px }
big.n33 { background-position: -480px -560px }
big.n53 { background-position: -560px -560px }
big.n57 { background-position: -720px -320px }
big.n32 { background-position: -720px -400px }
big.n49 { background-position: -720px -480px }
big.n58 { background-position: -720px -560px }
big.n54 { background-position: -800px -320px }
big.n55 { background-position: -800px -400px }
big.n56 { background-position: -800px -480px }
big.n301 { background-position: -880px -320px }
big.n302 { background-position: -880px -400px }
#alarmScr { overflow: hidden; height: 28px; width: 100%; margin-top: 2px; opacity: 1 }
#alarmScr:hover { opacity: .8 }
#alarmScr a { display: block; background: #000; color: #fff; text-align: center; height: 28px; line-height: 28px }
#alarmScr .alarmR { background: #d9424c; color: #fff }
#alarmScr .alarmO { background: #f68d3b; color: #fff }
#alarmScr .alarmW { background: #fff; color: #000 }
#alarmScr .alarmY { background: #ffce00; color: #252525 }
#alarmScr .alarmB { background: #7ebeff; color: #252525 }
.pageflip { RIGHT: 0; FLOAT: right; POSITION: relative; TOP: 0; width: 100%; text-align: center }
.pageflip IMG { Z-INDEX: 99; RIGHT: -1.5px; WIDTH: 15px; POSITION: absolute; TOP: -1px; HEIGHT: 15px; ms-interpolation-mode: bicubic }
.pageflip .msg_block { RIGHT: 0; BACKGROUND: url(https://i.tq121.com.cn/i/weather2015/index/subscribe.png) no-repeat right top; OVERFLOW: hidden; WIDTH: 12.5px; POSITION: absolute; TOP: 0; HEIGHT: 12.5px }

#chuanyi a { text-align: center; width: 65px }
#weiboShow { position: relative; top: 0; left: 0; z-index: 5 }
#closeWeixin { background: url(https://i.tq121.com.cn/i/weather2015/index/closeAll.png) no-repeat; height: 10px; width: 10px; background-position: 0 -10px; position: absolute; top: 45px; left: 275px }
#closeWeixin:hover { cursor: pointer; height: 10px; width: 10px; background-position: 0 0 }
.showCityList ul li { height: 25px; line-height: 25px; cursor: pointer; overflow: hidden; text-align: left; text-indent: 6px }
.showCityList ul li b { font-weight: normal; color: #ee842f }
#adpos_lm03 { width: 865px; height: 90px; overflow: hidden; margin-bottom: 15px }
.showCityList { display: none; height: auto }
.w_weather a:hover big.icon { background-image: url(https://i.tq121.com.cn/i/weather2015/png/blue22-2.png) }
.compere h1 { /* border-top: 1px solid #dfdfdf; */
margin-top: 10px; }
.compere h1 a { float: right; color: #7d7d7d }
.compere h1 a:hover { float: right; color: #ee842f; }
.showBoxImg { background: url(https://i.i8tq.com/index/indexImg_gl.png) no-repeat }
.localC { background-position: -573px -453px; float: left; height: 15px; margin-right: 5px; position: relative; top: 12px; width: 10px }
.searchIcon { height: 14px; width: 14px; background-position: -569px -492px; position: absolute; top: 22px; right: 15px; display: none }
#cityNameHref { display: block; width: 28px; height: 14px; background: url('https://i.tq121.com.cn/i/weather2017/selectCityBtn.png') no-repeat; float: left; margin-top: 18px; margin-left: 5px }
#cityNameHref:hover { background: url('https://i.tq121.com.cn/i/weather2017/selectCityBtnCur.png') no-repeat }
.updataTimeDiv { float: right; margin-right: 65px; height: 45px; line-height: 50px }
.nav_fa { width: 100%; background: white; z-index: 100; height: 177px; position: relative }
.page { background: #f3f4f5 }
.nav_addr { border: 0 }
.content { background: 0; padding-top: 0 }
.styleOne { width: 830px; background: #fff; padding: 0 16px 16px 16px; margin-top: 16px }
.styleOneLeft { height: auto }
.styleOneRight { width: 390px; height: auto; padding-left: 16px; padding-right: 0 }
.mainContentTitle { margin-left: 0; width: auto }
.mainContentList p { margin-left: 0 }
.title { height: 40px; margin-top: 0 }
.picShowOne { margin-top: 16px; margin-bottom: 46px; }
.mainContent { margin-top: 16px }
.hot_info.title { margin-top: 20px }
.hot_info>.titleInfo { border-top: 3px solid #f68d3b }
.hot_info>.titleMore { border-top: 3px solid #043567 }
.updataTimeDiv { margin-right: 80px }
.more a { display: block }
.titleInfo, .titleMore, .titleMoreL, .titleMoreLs, .titleMoreM { border-top: 0 }
.titleMoreL { width: 746px }
.titleMoreM { width: 270px }
.rdztDesc p { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; text-overflow: ellipsis; height: 70px }
.newsList ul { margin: 15px 0 0 0 }
.newsList ul li { height: 32px; line-height: 32px }
.rdzt { padding: 16px 15px 16px 15px }
.compere { height: 210px; overflow: hidden }
.announcement li { padding-left: 82px; padding-bottom: 23px; }
.announcement li i { left: 0 }
.announcement li p { width: 303px }
/*#announce8 { padding-bottom: 0 }*/
#adpos_lm01 { margin-top: 0 }
 .tl_ad {
    padding: 0
} 

.hdImgs { margin-top: 40px; width: 830px }
.hdImgs #img1, .hdImgs #img2, .hdImgs #img4, .hdImgs #img5 { width: 190px }
.hdImgs #img3 { width: 422px; left: 205px }
.travel { clear: both; width: auto; height: 224px; overflow: visible; }
.title { width: auto }
.tq121 { height: 224px }
.tq121 ul li a { width: 400px; overflow: hidden }
.tq121 ul li div.jfs { width: 240px; float: none }
.tq121 ul li div.jfs p a { right: -344px; top: 188px; }
#fsD1 .next { left: 371px }
.tq121 { width: 640px }
.trayin { width: 179px }
.trayin a { height: 106px; margin-bottom: 10px }
.tralife { width: 830px; margin-bottom: 0; margin-top: 20px }
.tralife ul { width: 385px }
.exleft { width: 388px; overflow: hidden }
.exright { width: 416px; margin-left: 16px; float: left }
.exploration { width: 860px; float: none }
.titleMoreLs { width: 746px }
.products { background: 0; padding: 0; width: 652px; margin-bottom: 0; display: block; float: none }
.products dl { padding: 0; margin-left: 7px; width: 210px }
.products dd a { background: #f2f2f8 }
#adpos_lm03 { margin-bottom: 0 }
.goodLife>div { width: 865px }
.pRight { margin-top: 16px }
.rightContent>div { margin-bottom: 16px }
.myWeather { background: #fff }
.sortDiv, .rank { /* background: #fff */
}
.sortDiv { background: #fff; }
.rank h3 { border-top: 0 }
/* .rank ul .pi {
    background: none !important
} */

.rank ul .on .ord i, .hotSpot ul .on .ord i { /* background-color: #f68d3b */
color: #fff; }
.rank ul .on .ord4 i{ color: #C68F2A; }
.rank ul .on .city a, .rank ul .on .prov a, .rank ul .on .wd { color: #f68d3b }
.rank h3 span a { color: #043567 }
.rank h3 .on { color: #f68d3b; background: 0;/* border-bottom: 2px solid #f68d3b */
}
.rank .detail { background: 0; text-align: center; margin-left: 0; width: 280px; padding-right: 0 }
.defaultDiv { margin-top: 0; background: #fff }
.hotSpot { width: 300px }
.hotSpot h3 { border-top: 0; border-bottom: 1px solid #e8e8eb; width: auto; padding-left: 10px; height: 40px }
.hotSpot h4.title { background: 0; height: 38px; width: 100% }
.hotSpot ul { background: 0 }
.hotSpot .name { width: 70px }
.hotSpot ul li.on, .hotSpot ul li.on a { color: #f68d3b }
.qhbh { border-top: 0 }
.subTitle { margin-left: 10px }
.qhbh .more { left: 190px }
.weibo { margin: 0 }
#topics { background: 0; border-top: 0 }
#topics h4 { padding-left: 10px; width: 80px; height: 26px; font-size: 20px; font-family: Microsoft YaHei; font-weight: bold; line-height: 26px; color: #043567; opacity: 1; margin-top: 10px; }
#topics dl { background: 0 }
#topics dl dt a { color: #333333; font-size: 16px; font-weight: bold; font-family: MicrosoftYaHei-Bold; }
#topics dl dt a:hover { color: #ee842f }
.mySky { width: 109px; height: 30px; line-height: 30px; font-size: 12px; color: #000; float: right }
.mySky i { display: block; background: url(https://i.tq121.com.cn/i/weatherMap/icon_sxt.png) no-repeat left center; width: 22px; height: 30px; float: left }
.mySky a span { color: #000 }
.qxfw .title1 { border-bottom: 1px solid #e5e5e5; }
.qxfw .title1 { overflow: hidden; }
.qxfw .title1 h1 { height: 60px; line-height: 60px; font-size: 20px; font-weight: normal; color: #333; padding-left: 15px; font-size: 20px; font-weight: normal; float: left; }
.qxfw-body { padding-bottom: 10px; margin-top: 10px; }
.qxfw-body h1 { font-size: 16px; color: #333; font-weight: normal; line-height: 35px; height: 35px; padding: 0 13px; }
.qxfw-body p { font-size: 14px; color: #999; line-height: 30px; padding: 0 13px; }
.qxfw-body img { display: block; margin: 10px auto; }
.wxyt, .tqld { width: 100%; float: left; }
.title2 { border-top: 0; background: #fff; height: 43px; line-height: 43px; padding: 0 10px; }
.title2 h1 { font-size: 20px; color: #333; font-weight: normal; width: 230px; }
.title2 h1 a.on { font-size: 20px; font-family: Microsoft YaHei; font-weight: bold; line-height: 26px; color: #043567; opacity: 1; height: 50px; }
.title2 h1 em { color: #043567; margin: 0 10px; }
.title2 h1 a { float: none; cursor: pointer; font-size: 20px; font-size: 20px; font-family: Microsoft YaHei; font-weight: 400; color: #043567; opacity: 1; }
.title2 a.go-more { display: block; width: 20px; height: 60px; background: url(https://i.tq121.com.cn/i/weather2019/i-rt-more.png) no-repeat center; background-size: 20px auto; }
.title2 a { font-weight: normal; font-size: 18px; float: right; }
#large, #yuntu { display: block; width: 297px; height: 256px; background: #fff; }
#yuntu img, #large img { width: 300px; height: 256px; margin: 0 auto; }

.title3 { border-top: 0; background: #fff; height: 60px; line-height: 60px; padding: 0 20px; }
.title3 h1 { font-size: 20px; color: #333; font-weight: normal; width: 230px; float: left; }
.title3 h1 a { color: #252525; }
.title3 h1 a { float: none; cursor: pointer; }
.title3 a.go-more { display: block; width: 20px; height: 60px; background: url(https://i.tq121.com.cn/i/weather2019/i-rt-more.png) no-repeat center; background-size: 20px auto; float: right; }
.title3 a { color: #377beb; font-weight: normal; font-size: 18px; }
.qxfw-box { overflow: hidden; float:left; width:102%; }
.qxfw-box .qxfw-item { float: left; width: 266px; margin-right: 15px; margin-top: 5px; position: relative; }
.qxfw-box .qxfw-item:nth-child(3n+1) { margin-left: 0; }
.qxfw-box .qxfw-item img { width: 266px; height: 164px; }
.qxfw-item h3 { line-height: 35px; text-align: center; width: 172px; height: 30px; background: #043567; border-radius: 20px 20px 0px 0px; font-size: 18px; font-family: Microsoft YaHei; font-weight: bold; line-height: 30px; color: #FFFFFF; opacity: 1; position: absolute; top: 134px; left: 43px; }
.qxfw-item .qxfw-link { display: block; line-height: 40px; color: #333; text-align: center; background: #f2f2f7; margin-bottom: 2px; }
.qxfw-item .qxfw-link:hover { color: #333333; background: #BBDAF7 }
.newstop { padding: 10px 10px; overflow: hidden;/* border-bottom: 1px solid #dfdfdf; */
}
.zxtitle { font-size: 20px; font-family: Microsoft YaHei; line-height: 26px; opacity: 1; float: left; font-size: 20px; font-family: Microsoft YaHei; font-weight: bold; color: #043567; opacity: 1; }
.zxtitle a {color:#043567}

.zxtitle2 { float: right; }
.newstop .zxtitle2 a { color: #7D7D7D; }
.newstop .zxtitle2 a:hover { color: #ee842f; }
.alarmtablebox ul li { padding-left: 10px; padding-right: 10px; margin-top: 5px; margin-bottom: 5px; color: #5392F5; line-height: 30px; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.alarmtablebox ul li a:hover { color: #F68D3B; }
.alarmtablebox ul li img { margin-right: 5px; }
.newsShowVideo { margin-top: 20px; height: 120px; }
.showVideoPic { width: 201px; height: 81px; }
.topVideo { width: 145px; height: 106px; float: left; position: relative; margin-left: 75px; }
.topVideo:first-child { margin-left: 0; }
.showVideoPic { position: absolute; top: 0; left: 0; }
.topVideo a { position: absolute; width: 201px; bottom: 0; font-size: 14px; font-family: Microsoft YaHei; font-weight: 400; line-height: 16px; color: #333333; opacity: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.topVideo a:hover { color: #F68D3B; }
.addline { border-bottom: 1px solid #dfdfdf; }
.showVideoTime { position: absolute; bottom: 30px; left: 4px; width: 25px; height: 25px; color: #fff; text-align: center; background: url(https://i.i8tq.com/video/vplay.png) no-repeat; border-radius: 5px; background-size: 25px auto; }