/* 这里定义浏览器重复样式 */
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; }
i { font-style: normal; }
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 { /*
	IE6 IE7 IE8(Q) 中如果列表元素设置 'list-style-type:none' 时 'list-style-position:inside' 设置产生的标记框不消失，依然占据布局位置。
	http://www.w3help.org/zh-cn/causes/RG1002
	*/
list-style: outside none none; }
q:before, q:after { content: ''; }
abbr, acronym { border: 0; }
input, button, select { vertical-align: middle; }
/*常用样式及整体风格*/
#header{height:60px;}
strong{
	font-weight: bold;
}
/*常用样式*/
.fl { float: left; display: inline; }
.fr { float: right; display: inline; }
body { background-color: #fff; background-attachment: fixed; background-position: center top; background-repeat: no-repeat; padding: 0px; margin: 0px; border: 0; font: 14px "Microsoft Yahei", "Tahoma", "SimSun"; }
* { padding: 0px; margin: 0px; border: 0; }
ul { list-style: none; }
a { text-decoration: none; color: #252525;display: block;overflow: hidden; }
a:hover { color: #3356b6 !important; }
a:hover div{
	 color: #3356b6 !important; 
}
a:hover span{
	 color: #3356b6 !important; 
}
.clear { clear: both; height: 0px; 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; }
.page { width: 100%; height: auto; min-width: 1300px; background: #fafafa; }
.inner { width: 1200px; margin: auto;}
.topBar { width: 100%; height: 60px; line-height: 60px; background: #3356b6; }
.topBar .logo { width: 111px; height: 36px; float: left; margin-top: 12px; }
.topBar ul { float: right;}
.topBar ul li { margin-left:20px; color: #fff; font-size: 16px; float: left;padding:0 10px; }
.topBar ul li.on{
	background: #254292;
}
.topBar ul li a{
	color:#fff;
}
.topBar ul li a:hover{
	color:#fff !important;
}
.item-top{
	width:100%;
	height:142px;
}
#adress input{
	font-size: 15px;
	border: 0;
	height: 30px;
	line-height: 30px;
	color: #494A4B;
	background-color: #ffffff;
	padding: 1px 0 0 3px;
	text-align: center;
	float: left;
	width: 236px;
	border-radius: 5px;
	-webkit-box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.25), transparent 0 0 0;
	-moz-box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.25), transparent 0 0 0;
	box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.25), transparent 0 0 0;
}
.cityWeather {
	width: 100%;
    height: 576px;
    background: url(../images/cityBg.png) repeat-x center center;
	background-size: 100% 100%; 
}
.citySkWeather { width: 450px;margin-top: 30px; float: left;  }
.cityFcsWeatherBox{
	/* position:relative;
	width:800px;
	float:right; */
	position:relative;
	margin-left: 418px;
}
.fifForecast{
	text-align: center;
	font-size: 18px;
	color:#fff;
	line-height: 30px;
	margin-top: 10px;
}
/* .layui-form-select{
	display: none;
} */
/* .layui-form input[type="checkbox"], .layui-form input[type="radio"], .layui-form select{
	display: block !important;
}
.layui-form-label, .layui-form-mid, .layui-form-select, .layui-input-block, .layui-input-inline, .layui-textarea{
	display: none !important;
} */
.cityFcsWeather { width:750px;margin-left: 48px; }
.citySkWeather .cityName { width: 100%; height: 60px; line-height: 60px; color: #fff;}
.citySkWeather .cityName span { font-size: 20px; margin-left: 10px;float: left; }
.citySkWeather .cityName i { font-style: normal; font-size: 16px;color:#fff;cursor: pointer;float: left;margin-left: 10px; }
.citySkWeather .cityName i a{
	color:#fff
}
.citySkWeather .skTempWea { width: 100%; height: 120px; line-height: 120px; color: #fff; }
.citySkWeather .skTempWea h1 { float: left; margin-left: 10px; font-size: 110px; }
.citySkWeather .skTempWea .skWea { float: left; margin-left: 20px; height: 120px; }
.citySkWeather .skTempWea .skWea i { width: 60px; height: 60px; display: block; position:relative; }
.citySkWeather .skTempWea .skWea i img{ position:absolute;left:0; top:0}
.citySkWeather .skTempWea .skWea p { float: left; font-size: 16px; height: 60px; line-height: 60px; width: 100%; }
.citySkWeather .skOthers { width: 100%; color: #fff;}
.citySkWeather .skOthers p { margin-left: 10px; width: 390px; height: 35px; line-height: 35px; font-size: 14px; }
.citySkWeather .skOthers p i { width: 20px; height: 20px; display: block; float: left; margin-right: 10px; margin-top: 7.5px; }
.citySkWeather .skOthers p i.sk_aqi { background: url(../images/sk_aqi.png)no-repeat center center; }
.citySkWeather .skOthers p i.sk_fx { background: url(../images/sk_fx.png)no-repeat center center; }
.citySkWeather .skOthers p i.sk_sd { background: url(../images/sk_sd.png)no-repeat center center; }
.citySkWeather .skOthers p i.sk_yq { background: url(../images/sk_yq.png)no-repeat center center; }
.citySkWeather .skOthers p span { float: left; margin-right: 15px;color:#fff }
.citySkWeather .skOthers p b { padding: 0 10px; background: #f68d12; border-radius: 5px; height: 20px; line-height: 20px; margin-left: 10px;color:#fff }
.citySkWeather .skAlarm { width: 100%; height: 40px; line-height: 40px;}
.citySkWeather .skAlarm ul { width: 160px; float: left; overflow: hidden; margin-top: 7.5px; }
.citySkWeather .skAlarm ul li { float: left; margin-left: 10px;  position:relative;height:40px; }
.citySkWeather .skAlarm ul li img{width:40px;}
.citySkWeather .skAlarm span { float: right; font-size: 14px; color: #fff; }
.cityFcsWeather ul {height: 450px; margin-top: 20px;}
.cityFcsWeather ul li { width: 100px; height: 450px; background: rgba(35,110,200,0.9); float: left; }
.cityFcsWeather ul li:hover { background: rgba(35,110,200,1); }
.cityFcsWeather ul li p { width: 100%; height: 25px; line-height: 25px; font-size: 16px; color: #fff; text-align: center; }
.cityFcsWeather ul li .date{
	margin-top: 20px;
}
.cityFcsWeather ul li .tempPoint { width: 100%; height: 40px; line-height: 40px; text-align: center; }
.cityFcsWeather ul .weatherIcon { width: 30px; height: 30px; margin: auto; }
.cityFcsWeather ul li p.weaWordD { margin-top: 20px; margin-bottom: 10px; }
.cityFcsWeather ul li p.weaWordN { margin-top: 10px; margin-bottom: 20px; }
.cityFcsWeather ul li p.tempWordD { margin-top: 20px; }
.cityFcsWeather ul li p.tempWordN { margin-bottom: 20px;margin-top:106px }
.cityFcsWeather ul li p.dateTime { margin-top: 10px; } 
.cityFcsWeather .leftBtn {  position: absolute; left:15px; top: 222px; width: 30px; height: 30px; cursor: pointer;z-index: 100;  }
.cityFcsWeather .rightBtn { position: absolute; right: -48px; top: 220px; width: 30px; height: 30px; cursor: pointer;z-index: 100; }
.alertTitle{
	overflow: hidden;
}
.alertTitle img{
	width:100px;
	float: left;
	display: block;
}
.alertTitleSpan{
	float: left;
}
.alertTitleSpan span{
	display: block;
	color:#333;
	font-size:20px;
}
.alertTitleSpan .time{
	display: block;
	font-size: 16px;
}
.cityFcsWeather .leftBtn i{
	color:#fff;
	font-size:30px;
}
.tab_t{
	display: none;
}
.searchbox input{
	width:200px;
	border:1px solid #ededed;
	margin-top:10px;
	padding:5px 5px;
}
.close{
	position: absolute;
	right:40px;
	top:4px;
	cursor: pointer;
}
.close i{
    color:#999;
    font-size:26px;
}
.sd{
	border:1px solid #ededed;
	width:83px;
	height:44px;
	padding-left: 9px;
	margin-top:4px;
}
.results a{
	display: block;
}
.sd span{
	display: block;
	line-height: 22px;
}
#moonage{
	margin-top:-60px;
	text-align: center;
}
.amap-info-content{
	font-size: 13px !important;
	line-height: 22px !important;
	padding:0 !important;
}
.amap-info-close{
	color:#fff !important;
	display: none;
}
.cityFcsWeather .rightBtn i{
	color:#fff;
	font-size:30px;
}
.main { width: 100%; margin-top: 60px;overflow: hidden; }
.main .mainLeft { width: 770px; margin-right: 20px; float: left; }
.main .mainRight { width: 410px; float: left; }
.mainCard { width: 100%; -moz-box-shadow: 2px 2px 5px #dfdfdf; -webkit-box-shadow: 2px 2px 5px #dfdfdf; box-shadow: 2px 2px 5px #dfdfdf; background: #fff; margin-bottom: 20px; font-size: 16px; color: #333333;}
.mainCard h2{
	font-size: 22px;
	color:#030303;
	margin-left: 20px;
	font-weight: 400;
}
.mainCard .mainCardTitle { width: 100%; height: 60px; line-height: 60px; display: block;}
.mainCard .mainCardTitle h2 { font-size: 22px; color: #333333; margin-left: 20px; float: left; font-weight: normal; }
.mainCard .mainCardTitle a{
	display: block;
	float: right;
	margin-right:20px;
}
.mainCard .mainCardTitle .ctrBtn { float: right; height: 60px; line-hcityNameeight: 60px; margin-right: 20px; }
.mainCard .mainCardTitle .ctrBtn img { float: left; margin: 20px 15px; cursor: pointer; }
.fcs24h { width: 720px; overflow: hidden; position: relative; padding-bottom: 40px; }
.fcs24h ul { width: 100%; }
.fcs24h ul li { width: 80px; float: left; }
.fcs24h ul li p { width: 100%; height: 40px; line-height: 40px; text-align: center; }
.fcs24h ul li .weaIconHours { width: 30px; height: 30px; margin: auto; }
.tjCityList { overflow: hidden; margin-left: 25px; padding-bottom: 20px; }
.tjCityList ul { width: 100%; }
.tjCityList ul.aroundArea li { width: 240px; float: left; height: 60px; line-height: 60px; }
.tjCityList ul.aroundArea li .cityName { width: 65px; float: left; overflow: hidden; padding-right: 10px; }
.tjCityList ul.aroundArea li .weaIconHours { width: 30px; height: 30px; float: left;  }
.tjCityList ul.aroundArea li .minMaxTemp { width: 120px; float: left; text-align: center; }
.tjCityList ul.hotCity li { width: 360px; float: left; height: 60px; line-height: 60px; }
.tjCityList ul.hotCity li .cityName { width: 170px; float: left; overflow: hidden; padding-right: 10px; }
.tjCityList ul.hotCity li .weaIconHours { width: 30px; height: 30px; float: left;}
.tjCityList ul.hotCity li .minMaxTemp { width: 120px; float: left; text-align: center; }
.weatherLife { width: 720px; overflow: hidden; margin-left: 25px; padding-bottom: 40px; }
.weatherLife .wlTopBar { width: 100%; height: 40px; line-height: 40px; }
.weatherLife .wlTopBar li { width: 105px; margin-right: 15px; height: 40px; line-height: 40px; text-align: center; color: #333; font-size: 18px; float: left; border-radius: 20px; cursor: pointer; }
.weatherLife .wlTopBar li.cur { color: #fff; background: #27daef; }
.weatherLife .newsList { width: 100%; margin-top: 60px;display: none; }
#type0{
	display: block;
}
.weatherLife .newsList li { width: 100%; float: left; height: 120px; margin-bottom: 30px; }
.weatherLife .newsList li img { width: 190px; height: 120px; float: left; margin-right: 10px; border-radius: 5px; }
.weatherLife .newsList li .newInfo { width: 520px; height: 120px; float: left; }
.weatherLife .newsList li .newInfo h2 { width: 100%; height: 90px; font-size: 16px; font-weight: normal; color: #333333; }
.weatherLife .newsList li .newInfo p { width: 100%; height: 30px; line-height: 30px; font-size: 14px; color: #9e9e9e;margin-left: 20px; }
.weatherLife .newsList li .newInfo p span{
	display: block;
	float:right;
	width:144px;
}
.cityName .fabutime{
	float: right;
}
.sunModel { width: 100%; text-align: center; padding-bottom: 20px; }
.sunModel p { width: 264px; overflow: hidden; margin: 5px auto; }
.sunModel p .sunDown { float: right; }
.sunModel p .moonRise { float: left; }
.sunModel p .moonDown { float: right; }
.lifeModel { width: 100%; overflow: hidden; padding-bottom: 10px; }
.lifeModel ul { margin: auto; }
.lifeModel ul li { width: 190px; float: left; position: relative; height: 142px;  overflow: hidden; text-align: center; }
.list-item { position: absolute; left: 0; top: 0;transition: all 0.5s;width:100%}
.list-item:hover{
	top: -142px;
}
.list-item a { display: block; width: 190px; height: 142px; }
.list-item .item-bottom { color:
#fff;

text-align: left;

background:
cadetblue;

display: table;

*position: relative;

overflow: hidden;

width: 100%;

height: 142px; }
.item-bottom .info { vertical-align: middle; display: table-cell;  *position:absolute;
 *top:50%;
padding: 15px 15px; line-height: 22px;font-size:14px; }
.list-item .item-bottom .info i {  *position:relative;
 *top:-50%
}
.lifeModel ul li img { width: 60px;margin-top:16px; }
.lifeModel ul li p { width: 100%; text-align: center; font-size: 16px; color: #333333; margin-bottom: 30px;margin-top:12px; }
.adImg { width: 100%; }
/*空气质量页面*/
.citySkWeather .aqiModel { width: 340px; margin-left: 40px; }
.citySkWeather .aqiModel .skAqi { width: 100%; height: 120px; line-height: 120px; position: relative; margin-bottom: 40px; }
.citySkWeather .aqiModel .skAqi h2 { font-size: 110px; color: #fff; float: left; font-weight: normal; }
.citySkWeather .aqiModel .skAqi span { height: 30px; line-height: 30px; float: left; padding: 0 10px; color: #fff; background: #fda033; border-radius: 15px; position: absolute; bottom: 15px; margin-left: 30px; }
.citySkWeather .aqiModel p.tips { font-size: 12px; color: #fff; text-align: center; width: 100%; margin-top: 20px; margin-bottom: 40px; }
.citySkWeather .aqiModel .otherTypes { width: 330px; height: 105px; border-radius: 4px; background: #1A7BD6; }
.citySkWeather .aqiModel .otherTypes p { width: 100%; height: 42px; line-height: 42px; font-size: 12px; color: #fff; text-align: center; border-bottom: 1px solid #1A8AEA; }
.citySkWeather .aqiModel .otherTypes ul { width: 100%; }
.citySkWeather .aqiModel .otherTypes ul li { width: 54px; height: 31px; line-height: 31px; float: left; border-right: 1px solid #1A8AEA; text-align: center; color: #fff; }
.citySkWeather .aqiModel .otherTypes ul li:last-child { border-right: 0; }
.citySkWeather .aqiModel .otherTypes ul li span { font-size: 12px; }
.aqiFcs7Day { width: 750px; height: 430px; border-radius: 10px; background: #295BB2; float: right; margin-top: 30px; }
.aqiFcs7Day p.title { width: 100%; height: 60px; line-height: 60px; color: #fff; font-size:20px; text-align: center; }
.aqiFcs7Day p.title span{
	display: inline;
	margin-right: 10px;
}
.aqiFcs7Day .aqiChart { width: 750px; height: 420px; margin-top: -30px; }
.aqiFcs7Day .aqiChart .aqiShowBox { width: 50px; height: 58px; text-align: center; padding: 10px 10px; background: url(../images/aqiChartPoint.png)no-repeat scroll center center; background-size: 100% 100%; }
.aqiFcs7Day .aqiChart .aqiShowBox .type { color: #888; }
.aqiMapModel { width: 100%; height: auto; padding-bottom: 20px; }
.aqiMapModel .getMoreAqi { display: block; width: 435px; height: 50px; line-height: 50px; text-align: center; background: #f2f4f5; color: #939292; font-size: 18px; border-radius: 5px; margin-left: 157.5px; margin-top: 15px; }
.sortTab { height: 20px; line-height: 20px; color: #aeabab; font-size: 16px; margin: 20px 30px; }
.sortTab .on{
	color: #77bdfa;
}
.sortTab span { cursor: pointer; display: block; width: 90px; text-align: left; border-right: 1px solid #aeabab; float: left; margin-left: 20px; }
.sortTab span:last-child { border: 0; }
.aqiSort { width: 100%; padding-bottom: 20px;display: none; }
.aqiSort .aqiSortTable { width: 90%; margin-left: 5%; text-align: center; margin-bottom: 20px; }
.aqiSort .aqiSortTable tr { width: 100%; height: 50px; line-height: 50px; color: #030303; font-size: 16px; }
.aqiSort .aqiSortTable tr th.city { width: 60%; }
.aqiSort .aqiSortTable tr td span { background: #F0AF31; padding: 2px 15px; color: #fff; border-radius: 5px; }
/*景点页面*/
.scenicList { background: #fafafa; width: 100%; }
.scenicList .scenicModel { margin-top: 40px; overflow: hidden; padding-bottom: 30px; }
.scenicList .scenicModel .breadcrumb { font-size: 16px; color: #030303; margin: 30px 20px; }
.scenicList .scenicModel h1 { font-size: 22px; color: #030303; margin-left: 20px; }
.scenicList .scenicModel .scenicCity { margin-left: 30px; width: 1122px; }
.scenicList .scenicModel .scenicCity .centralCity { width: 100%; }
.scenicList .scenicModel .scenicCity .centralCity h2 { font-size: 16px; color: #030303; float: left; width: 120px; height: 50px; line-height: 50px; }
.scenicList .scenicModel .scenicCity .centralCity ul { width: 980px; float: right; height: 50px; line-height: 50px; }
.scenicList .scenicModel .scenicCity .centralCity ul li { float: left; padding: 0 20px; color: #aeabab; font-size: 16px; }
.scenicList .scenicModel .scenicCity .centralCity ul li.on{
	color:#3356b6;
}
.layui-form-select{
	
}
.scenicList .scenicModel .scenicCity .proCity { width: 100%; }
.scenicList .scenicModel .scenicCity .proCity h2 { font-size: 16px; color: #030303; float: left; width: 120px; height: 50px; line-height: 50px; }
.scenicList .scenicModel .scenicCity .proCity ul { width: 99%; float: right; line-height: 50px; margin-bottom: 10px; }
.scenicList .scenicModel .scenicCity .proCity ul li { float: left; padding: 0 20px; color: #aeabab; font-size: 16px; }
.scenicList .scenicModel .scenicCity .proCity ul.city { background: #faf6f6; }
.scenicImg { width: 100%;overflow: hidden;/*overflow-x:scroll; */
}
.scenicImg ul { overflow: hidden; }
.scenicImg li { width: 275px; height: 184px; margin-top: 20px; margin-left: 20px; float: left; background: #dfdfdf;overflow: hidden; }
.scenicImg li img { width: 100%;height:100% }
.scenic li{
	cursor: pointer;
	position: relative;
}
.centralCityCity{
	display: block;
	width: 960px;
	margin-left: 140px;
	margin-top: 20px;
}
.centralCityCity ul li{
	float: left;
	padding: 0 20px;
	color:#aeabab;
	font-size: 16px;
	line-height: 40px;
	cursor: pointer;
}
.centralCityCity ul li.on{
	color:#3356b6 !important;
}
.scenicImg ul li{
	position: relative;
}
.centralCityCity{
	overflow: hidden;
}
#scenic{
	margin-top:20px;
	background: none !important;
	border:1px solid #ddd;
}
#zhixiashi{
	background: rgb(243, 243, 243);
}
.scenicImg li span{
	position: absolute;
	display: block;
	width:100%;
	left:0;
	bottom:0;
	background: rgba(0,0,0,0.5);
	color:#fff;
	text-indent: 20px;
	line-height: 40px;
	font-size: 18px;
}
.scenicImg li span i{
	color:#f60
}
/*公共尾部*/
.footer { width: 100%; height: 130px; background: #7d7d7d; margin-top: 60px; font-size: 14px; color: #727272; line-height: 40px; }
.footer .aboutUs { width: 410px; margin-left: 395px; margin-top: 30px; font-size:14px;color:#fff }
.footer .aboutUs li { margin: 0 17px; float: left; cursor: pointer; }
.footer p { width: 100%; text-align: center; height: 40px; float: left;font-size:14px;color:#fff }
/*机场*/
.airportMap { width: 100%; height: 500px;overflow: hidden; }
.airportList { width: 100%; height: auto; padding-bottom: 20px; }
.airportList ul { width: 725px; margin-left: 22.5px; }
.airportList ul li { width: 100%; height: 35px; line-height: 35px; margin-top: 10px; border: 1px solid #dfdfdf; }
.airportList ul li span { font-size: 16px; color: #999999; width: 173px; float: left; display: block; float: left; margin-left: 35px; text-align: left; overflow: hidden; }
.airportList ul li span.city { width: 100px; background: #b5ddf6; color: #fff; text-align: center; margin-left: 0; }
.airportList .getMoreAirport { display: block; width: 435px; height: 50px; line-height: 50px; text-align: center; background: #f2f4f5; color: #939292; font-size: 18px; border-radius: 5px; margin-left: 157.5px; margin-top: 20px; }
.hotAirport { width: 100%; overflow: hidden; }
.hotAirport ul { width: 360px; margin-left: 25px; padding-bottom: 30px; }
.hotAirport ul li { width: 100%; height: 50px; line-height: 50px; font-size: 16px; color: #030303; }
.hotAirport ul li i { display: block; width: 50px; float: left; text-align: center; font-style: normal; }
.hotAirport ul li span { display: block; width: 300px; float: left; text-align: left; margin-left: 10px; }
/*国际天气*/
.worldModel { width: 1140px; margin-left: 30px; overflow: hidden; padding-bottom: 20px; }
.worldModel .worldArea { width: 750px; height: 68px; line-height: 68px; background: #faf6f6; color: #030303; border-bottom: 2px solid #faf6f6; margin-bottom: 20px; float: left; }
.worldModel .worldArea li { margin-left: 40px; float: left; }
.worldModel .worldArea li.cur { border-bottom: 2px solid #3a53ee; height: 68px; }
.worldModel .worldCountry { width: 1030px; margin-left: 20px; background: #faf6f6; font-size: 16px; color: #aeabab; line-height: 60px; float: left; }
.worldModel .worldCountry li { margin: 0 50px; float: left; }
.worldModel .country { width: 100%; font-size: 16px; color: #000; float: left; margin: 20px 0; }
.worldModel .worldCity { width: 100%; float: left; }
.worldModel .worldCity li { width: 50%; float: left; height: 50px; line-height: 50px; overflow: hidden; }
.worldModel .worldCity li i { display: block; font-size: 16px; color: #2ab447; font-style: normal; float: left; margin-left: 20px; }
.worldModel .worldCity li span { font-size: 16px; color: #aeabab; float: left; margin-left: 20px; }
.hotWorldCity { width: 1140px; margin-left: 30px; padding-bottom: 20px; overflow: hidden; }
.hotWorldCity ul { width: 100%; }
.hotWorldCity ul li { width: 260px; height: 60px; line-height: 60px; float: left; font-size: 16px; color: #333333; margin-left: 25px; }
.hotWorldCity ul li span { display: block; width: 80px; float: left; text-align: left; overflow: hidden; }
.hotWorldCity ul li i { display: block; width: 40px; height: 40px; margin: 10px 20px; float: left; background: #dfdfdf; }
.hotWorldCity ul li p { width: 100px; float: left; text-align: left; }
.slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; }
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; background: transparent; }
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25; }
.slick-prev:before, .slick-next:before { font-family: 'slick'; font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-prev { right: 86px; top: 30px; }
[dir='rtl'] .slick-prev { right: -25px; left: auto; }
.slick-next { right: 34px; top: 30px; }
/* Dots */
.slick-dotted.slick-slider { margin-bottom: 30px; }
.slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; }
.slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; }
.slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; }
.slick-dots li button:hover, .slick-dots li button:focus { outline: none; }
.slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; }
.slick-dots li button:before { font-family: 'slick'; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button:before { opacity: .75; color: black; }
.cityFcsWeather .slick-prev { left: 25px; top: 201px; }
.cityFcsWeather .slick-next { right: -30px; top: 201px; }
#echartFiftwen{
	position: absolute;
	left:0;
	top:40%;
	z-index: 10;
}
.data{
	position: relative;
}
.sunrise{
	width:200px;
	height:164px;
	margin:0rem auto;
	position: relative;
}
.sunline{
	width:230px;
	height:1px;
	border-top:1px solid #cccece;
	position: absolute;
	left:-10px;
	top:100px;
	z-index: 10;
}
.suntop{
	width:200px;
	height:200px;
	margin:auto;
	-moz-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-moz-transition: all 2s;
	-webkit-transition: all 2s;
	-o-transition: all 2s;
	transition: all 2s;
}
.suntop img{
	width:100%;
	margin:auto;
}
.richu, .riluo{
	position: absolute;
	left:0rem;
	top:100px;
	color:#333;
    z-index: 11;
	font-size:16px;
	line-height: 40px;
}
.riluo{
	margin-left:160px;
}
.heimu{
	position: absolute;
	left:0rem;
	bottom:0rem;
}
.wenzi{
	color:#1e1e1e;
	text-align: center;
	position: absolute;
	left:0;
	bottom:1rem;
	z-index: 12;
	width:100%;
}.suntop2{
	position: absolute;
	left:0.2rem;
	top:0;
	width:200px;
	height:200px;
	-moz-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-moz-transition: all 2s;
	-webkit-transition: all 2s;
	-o-transition: all 2s;
	transition: all 2s;
}
.suntop2 img{
	width:100%;
	height:100%;
}
#citylist select{
	width:100px;
	display: block;
	float: left;
}
.new_dw{
	position: absolute;
	left:-7px;
	top:169px;
	z-index: 1000;
}
#main2, #main3{
	width:2280px;
	height:80px;
}
#container{
	width:100%;
	height:100vh;
	overflow-y:scroll;
}
.citybox{
	position: relative;
	display: none;
}
.layui-main{
	position: absolute !important;
	left:0;
	top:52px;
	background:#207FD9 !important;
	padding:10px;
	z-index: 100;
}
#echartFiftwenmax, #echartFiftwenmin{
	width:1796px;
	height:60px;
}
.echartFiftwenmaxGj, .echartFiftwenminGj{
	width:1675px !important;
	height:60px;
}
.echartJq{
	width:1790px !important;
}
.layui-form-item .layui-inline{
	width:110px !important;
}
.layui-form-item .layui-input-inline{
	width:auto !important;
}
.popupLayer{
	width:386px;
	height:383px;
	background: #fff;
	position: absolute;
	right:6%;
	top:50%;
	margin-top: -200px;
	box-shadow: 2px 0px 10px 2px rgba(0, 0, 0, 0.1),transparent 0 0 0;
border-radius: 5px;
}
.adress{
	overflow: hidden;
	padding:20px 23px;
}
#adress{
	float: left;
	color:#333;
	font-size:16px;
}
#time{
	float: right;
	color:#666;
	font-size:14px;
}
.popcurrent{
	overflow: hidden;
	padding:20px 20px;
	margin-bottom: 20px;
}
.popcurrent img{
	width:50px;
	display: block;
	float: left;
	margin-left: 117px;
}
.popcurrent span{
	display: block;
	float: left;
	color:#333;
	font-size:16px;
	margin-left: 10px;
	line-height: 50px;
}
#info{
	color:#333;
	font-size:14px;
	text-align: center;
}
.info{
	color:#fff !important;
}
#curve{
	height:100px;
	margin-top: 46px;
	margin-left: 10px;
}
.weatherCurve{
	position: relative;
}
.linebox{
	position: absolute;
	left: 46px;
	top: 54px;
	width:302px;
	height: 100px;
	z-index: 0;
}
.line{
	height:33.3px;
	width:100%;
	line-height: 33.3px;
	border-bottom: 1px solid rgba(0,0,0,0.05);
}
.big{
	border-top:1px solid rgba(0,0,0,0.05)
}
.linebox span{
	display: block;
	line-height: 33.3px;
	margin-left: -32px;
	font-size: 12px;
	color:#999;
}
.timebox{
	position: absolute;
	left: 46px;
	top: 164px;
	width: 302px;
	height: 50px;
	z-index: 0;
}
.timebox span{
	width:33.3%;
	color:#999;
	font-size:12px;
	text-align: center;
	line-height: 20px;
	display: block;
	float: left;
}
.newplay {
    position: absolute;
    width: 92%;
    margin: auto;
    left: 2%;
    bottom: 20px;
    background-color: #fff;
	height: 40px;
	border-radius: 4px;
	box-shadow: 1px 5px 6px rgba(154,153,152,0.5);
}
.play {
    background: url(../images/playend.png) 50% no-repeat;
        background-size: auto;
    background-size: 1.6rem 1.6rem;
}
.play.on {
    background: url(../images/playon.png) 50% no-repeat;
        background-size: auto;
    background-size: 1.6rem 1.6rem;
}
.playBtn {
    float: left;
    width: 50px;
    height: 40px;
}
.progressBar {
    width: 92%;
    float: left;
}
.progressBar .proTime {
    width: 100%;
    overflow: hidden;
}
.progressBar .proTime div {
    width: 33.3%;
    float: left;
}
.progressBar span {
    font-size: 0.7rem;
    color: 
    #3d3d3d;
}
.slide-bg {
    width: 100%;
    background: #d8e7fe;
}
.slide-bg{
	height:10px;
	background: rgba(51,86,182,0.2);
	border-radius: 5px;
	margin-top: 5px;
}
#slide{
	background:#3356b6;
	width:1%;
	height:10px;
	border-radius: 5px;
}
.returnBtn {
    position: absolute;
    right: 2%;
    bottom: 20px;
}
.returnBtn a {
    display: block;
    background: 
    #fff;
    border-radius: 4px 4px;
}
.returnBtn a img {
    width: 2.5rem;
    border-radius: 100%;
    display: block;
}
.selectJq{
	float: left;

width: 950px;

margin-left: 10px;
}
.selectJq .layui-inline{
	overflow: hidden;
}
.selectJq .layui-inline dd{
	float: left;
	padding: 0 20px;
	color:#aeabab;
	font-size: 16px;
	line-height: 40px;
	cursor: pointer;
}
#levelcity dd:first{
	/*display: none;*/
}
#levelcity{
	background: rgb(243, 243, 243);
}
#District{
	background: rgb(243, 243, 243);
	margin-top: 20px;
}
.municipality li{
	cursor: pointer;
}
.selectJq .layui-inline .layui-this{
	color:#3356b6
}
.scenic{
	border:1px solid #ddd;
	margin-top: 20px;
	width: 953px !important;
	margin-right: 20px;
	display: none;
}
.fl {
 display:inline;
 float:left
}
.fr {
 display:inline;
 float:right
}
.clear {
 clear:both
}
.box {
 width:1200px;
 margin:0 auto;
 overflow: hidden;
}
.box:after {
 clear:both
}
.weather_li {
 background:#043567;
 height:40px;
 width:100%;
 min-width:1000px;
 line-height:40px;
 position:relative;
 z-index:1501
}
.nav_li_box {
 width:1000px;
 margin:0 auto
}
.weather_li_left {
 float:left;
 color:#fff;
 max-width:640px
}
.weather_li_left a {
 color:#fff;
 display:block;
 float:left;
 margin-right:12px;
 font-size:12px
}
.weather_li_left a:hover {
 color:#ee842f
}
.weather_li_left .more_li {
 padding:0 21px 0 11px;
 position:relative;
 float:left;
 cursor:pointer;
 background:url("https://i.tq121.com.cn/i/weather2015/index/indexImgs.png") no-repeat -550px -144px;
 font-size:12px
}
.weather_li_left .more_li:hover {
 color:#ee842f;
 background:url("https://i.tq121.com.cn/i/weather2015/index/indexImgs.png") no-repeat #fff -550px -277px
}
.weather_li_open {
 height:100px;
 position:absolute;
 display:none;
 left:-350px;
 top:40px;
 border:1px solid #d8d8da;
 border-top:0;
 background:#fff
}
.weather_li_open p {
 border-bottom:1px dashed #d7d8dd;
 height:50px;
 line-height:50px;
 margin-left:3%;
 width:93%
}
.weather_li_open p a {
 color:#252525;
 margin-right:0;
 padding:0 6px;
 font-size:12px
}
.weather_li_open p.erp a {
 padding:0 8px
}
.weather_li_open p a:hover {
 color:#ee842f
}
.weather_li_right {
 float:right;
 text-align:right
}
.weather_li_right em {
 font-size:12px;
 color:#fff;
 display:block
}
.w_weather {
 position:relative;
 margin-top:0;
 float:left;
 margin-right:10px
}
.w_weather span {
 display:block;
 float:left;
 max-width:100px;
 height:40px;
 line-height:40px;
 margin-right:15px;
 text-align:right
}
big.icon {
 background:url(https://i.tq121.com.cn/i/weather2015/png/white22.png) no-repeat;
 height:30px;
 width:23px;
 margin:8px 2px 0
}
.w_weather em.s {
 height:40px;
 line-height:40px;
 margin:0 10px
}
.w_weather a:hover em {
 color:#ee842f
}
.w_weather a:hover big.icon {
 background-image:url(https://i.tq121.com.cn/i/weather2015/png/blue22-2.png)
}
.w_weather a.add {
 background:url(https://i.tq121.com.cn/i/weather2015/city/iconalls.png) no-repeat scroll -12px -616px;
 height:32px;
 margin-top:8px;
 width:20px;
 display:block;
 text-indent:100px;
 overflow:hidden
}
#w_weather a.dz_right {
 background-position:-60px -615px
}
#w_weather a.dz_down {
 background-position:-38px -615px
}
.w_yj {
 margin-right:8px;
 width:23px;
 height:18px;
 background:url(https://i.tq121.com.cn/i/weather2015/city/iconalls.png) no-repeat -177px -501px;
 margin-top:12px
}
.w_weather .more {
 position:absolute;
 right:0;
 top:40px;
 width:278px;
 display:none;
 border:1px solid #dcdada;
 background:#fff;
 box-shadow:4px 1px 9px -3px #888
}
.w_weather .more li {
 height:20px;
 position:relative;
 border-bottom:1px dashed #d6dbe1;
 width:260px;
 margin:0 auto;
 padding:10px 0
}
.w_weather .more li a {
 cursor:pointer;
 display:block;
 height:40px;
 line-height:40px;
 position:absolute;
 left:0;
 top:0
}
.w_weather .more li span {
 line-height:39px;
 float:left;
 display:block;
 overflow:hidden;
 height:39px;
 margin-right:6px;
 font-size:12px;
 color:#043567;
 width:70px;
 text-align:center
}
.w_weather .more 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
}
.w_weather .more li em {
 float:left;
 text-align:right;
 width:69px;
 color:#043567;
 font-size:12px
}
.w_weather .more li em.w_yj {
 width:25px;
 background-position:-177px -476px
}
.w_weather .more li a:hover em {
 color:#043567
}
.w_weather .more li b {
 background:url(https://i.tq121.com.cn/i/weather2015/city/iconalls.png) no-repeat scroll -39px -649px;
 cursor:pointer;
 float:left;
 height:12px;
 width:13px;
 position:absolute;
 right:10px;
 top:14px
}
.w_weather .more li:hover {
 background:#f5fafe
}
.w_weather .more li.add {
 display:block;
 text-align:center;
 height:15px;
 border:0
}
.w_weather .more li.add a {
 display:block;
 font-size:22px;
 width:100%;
 color:#043567;
 line-height:32px
}
.head-right {
 float:right;
 display:block;
 cursor:pointer;
 position:relative;
 width:80px;
 height:40px
}
.head-right em {
 font-style:normal;
 color:#252525;
 font-size:12px;
 padding-left:3px
}
.head-right .li_wd {
 width:50px;
 float:left
}
.head-right .top_list_title {
 display:block;
 float:left;
 width:50px;
 height:40px;
 text-align:left;
 background:url(https://i.tq121.com.cn/i/ucenter/pc/jt.png) no-repeat 37px center
}
.head-right .top_list_title:hover {
 background-color:#001e3c
}
.head-right img.head-imgs {
 width:20px;
 height:20px;
 border:0;
 border-radius:25px;
 margin-top:10px;
 vertical-align:top;
 position:relative;
 left:10px
}
.head-right .top-list-hidden {
 position:absolute;
 width:80px;
 background:#fff;
 border:1px solid #e6e6e6;
 border-top:0;
 visibility:hidden;
 box-shadow:1px 1px 3px #ddd;
 top:40px;
 left:0
}
.head-right .top-list-hidden li {
 padding-left:12px;
 text-align:left;
 font-size:12px;
 color:#000
}
.head-right .top-list-hidden li:hover {
 background:#f2f2f2;
 color:#ee842f
}
.head-right .w_email {
 display:block;
 float:right;
 width:30px
}
.head-right .w_email .email-img {
 padding-top:10px;
 vertical-align:top;
 width:20px;
 height:20px;
 border:0
}
.weather-login {
 float:right;
 margin-left:6px;
 height:40px
}
.weather-login a {
 display:inline-block;
 cursor:pointer;
 color:#fff;
 font-size:12px
}
.weather-login a:hover {
 color:#ee842f
}
.weather-login .login-icon {
 padding-right:10px;
 height:30px;
 line-height:30px;
 background:url(https://i.tq121.com.cn/i/weather2015/user/icon-hui.png) 7px 6px no-repeat;
 padding-left:30px;
 margin-right:10px
}
.weather-login .login-icon:hover {
 background:url(https://i.tq121.com.cn/i/weather2015/user/icon-hui1.png) 7px 6px no-repeat
}
.weather_li_head {
 height:75px;
 width:100%;
 min-width:1000px;
 background:#f2f2f8;
 margin-bottom:10px;
 position:relative;
 z-index:1500;
 clear:both
}
.weather_li_box {
 margin:0 auto;
 width:1000px;
 position:relative
}
.w_li_logo a {
 background:url(https://i.tq121.com.cn/i/weather2015/index/indexImgs.png?fd) no-repeat -335px -209px;
 display:block;
 height:43px;
 margin-top:16px;
 float:left;
 border-right:1px solid #ccc;
 width:162px
}
.w_li_logo span {
 float:left;
 margin-top:20px;
 display:inline;
 margin-left:15px
}
.w_li_logo span a {
 margin:0;
 font-size:22px;
 background:0;
 border:0;
 width:auto;
 color:#252525
}
.w_li_logo span a:hover {
 color:#ee842f
}
.search-box {
 margin:16px 0 0 153px;
 width:400px;
 height:40px;
 position:relative
}
.search {
 width:398px;
 height:38px;
 border:1px solid #cad1d8;
 border-radius:2px;
 position:relative
}
.select_li {
 border:0;
 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.tq121.com.cn/i/weather2015/index/indexImg_gl.png) no-repeat -590px -292px;
 position:absolute;
 top:14px;
 right:8px
}
.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;
 color:#252525;
 font-size:14px
}
.search input#txtZip {
 width:294px;
 height:38px;
 line-height:38px;
 border-radius:0;
 color:#aaa;
 font-size:14px;
 padding:0 30px 0 74px;
 text-indent:0;
 background:#fff;
 margin:0;
 border:0
}
.search #zhong_search {
 padding-left:65px;
 background:#fff;
 width:333px;
 height:38px;
 line-height:38px;
 display:none
}
#zhong_search iframe {
 width:334px;
 height:38px
}
.search .input-btn {
 width:20px;
 right:8px;
 top:8px;
 position:absolute;
 height:20px;
 background:url("https://i.tq121.com.cn/i/weather2015/index/indexImgs.png") no-repeat -583px -198px
}
.search .input-btn input#btnZip {
 cursor:pointer;
 height:20px;
 margin-left:3px;
 width:20px;
 background:0;
 border:0
}
.search-box #show {
 display:none;
 background:#fff;
 overflow-x:hidden;
 overflow-y:auto;
 position:absolute;
 top:45px;
 left:0;
 width:374px
}
.search-box #show ul {
 border:1px solid #c2d0e7
}
.search-box #show ul li {
 font-size:15px;
 height:28px;
 line-height:28px;
 overflow:hidden;
 cursor:pointer;
 text-indent:10px;
 color:#252525
}
.search-box #show ul li.select {
 background:#f2f2f8
}
.search-box #show ul li b {
 color:#ee842f
}
.search-box #show ul span {
 background:url(https://i.tq121.com.cn/i/weather2015/index/smile.jpg) no-repeat 10px 5px;
 display:block;
 height:34px;
 line-height:34px;
 text-indent:38px
}
.city-box {
 position:absolute;
 left:0;
 top:43px;
 border:1px solid #abaeaf;
 width:370px;
 display:none;
 background:#fff;
 box-shadow:4px 1px 9px -3px #888
}
.city-box .city-tt {
 position:relative;
 overflow:hidden;
 background:url(https://i.tq121.com.cn/i/weather2015/city/bj-dian.png) repeat-x left bottom;
 background-color:#f6fcff
}
.city-box .city-tt a {
 width:95px;
 display:block;
 float:left;
 border-right:1px solid #d4dde5;
 font-size:15px;
 text-align:center;
 line-height:30px
}
.city-box .city-tt a.cur {
 background:#fff;
 padding-bottom:0;
 color:#ff6400;
 border-bottom:1px solid #fff
}
.city-box .city-tt a:hover {
 color:#ee842f
}
.city-box .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/iconalls.png) no-repeat -64px -646px
}
.w_city {
 overflow:hidden;
 clear:both;
 padding:10px 0;
 display:none
}
.w_city a {
 width:59px;
 height:20px;
 line-height:20px;
 float:left;
 font-size:14px;
 margin-bottom:7px;
 color:#252525
}
.w_city dl {
 width:360px;
 float:left;
 border-bottom:1px dotted #ccc;
 margin:0 auto;
 margin-left:4px;
 margin-bottom:8px
}
.w_city dl dt {
 float:left;
 text-align:center;
 width:60px
}
.w_city dl dd {
 width:299px;
 float:right
}
.w_city dl dd a {
 font-size:12px;
 color:#6f6f6f;
 word-wrap:break-word
}
.w_city dl dd.diq a {
 width:62px;
 text-align:left
}
.w_city dl dd.jind a {
 padding-right:30px;
 width:61px;
 overflow:hidden
}
.w_city dl dd a:hover {
 color:#ee842f
}
.footer .block {
 margin:0 auto;
 position:relative;
 width:1000px;
 padding:20px 0 0;
 background:#f2f2f8
}
.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:normal;
 font-size:20px
}
.footer dl dd p,
.friendLink p {
 line-height:25px;
 text-align:left
}
.footer dl p a,
.friendLink p a {
 padding-right:10px;
 color:#959595
}
.footer dl p a:hover,
.friendLink p a:hover {
 color:#ee842f
}
.footer .Lcontent {
 width:592px;
 height:130px;
 float:left
}
.footer .friendLink {
 width:390px;
 float:right;
 padding:15px 0 13px 0
}
.footer .friendLink h3 {
 padding-bottom:5px;
 line-height:30px
}
.footer .serviceinfo {
 border-top:1px dashed #d5d4d4;
 padding:20px 0 20px 15px;
 font-size:12px;
 line-height:20px;
 clear:both
}
.footer .serviceinfo p {
 height:20px
}
.footer .serviceinfo p span {
 display:block;
 width:334px;
 float:left
}
.footer .serviceinfo a {
 color:#076ea8
}
.footer .serviceinfo a:hover {
 color:#ee842f
}
.footer .serviceinfo b {
 color:#252525
}
.footer .aboutUs {
 background-color:#7d7d7d;
 color:#fff;
 height:45px;
 line-height:45px;
 text-align:center;
 font-size:12px;
 width:366px;
 margin:0 auto
}
.footer .aboutUs a {
 color:#fff
}
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.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/png/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.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
}
big.d0,
big.d00 {
 background-position:0 0
}
big.d1,
big.d01 {
 background-position:-80px 0
}
big.d2,
big.d02 {
 background-position:-160px 0
}
big.d3,
big.d03 {
 background-position:-240px 0
}
big.d4,
big.d04 {
 background-position:-320px 0
}
big.d5,
big.d05 {
 background-position:-400px 0
}
big.d6,
big.d06 {
 background-position:-480px 0
}
big.d7,
big.d07 {
 background-position:-560px 0
}
big.d8,
big.d08 {
 background-position:-640px 0
}
big.d9,
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,
big.n00 {
 background-position:0 -320px
}
big.n1,
big.n01 {
 background-position:-80px -320px
}
big.n2,
big.n02 {
 background-position:-160px -320px
}
big.n3,
big.n03 {
 background-position:-240px -320px
}
big.n4,
big.n04 {
 background-position:-320px -320px
}
big.n5,
big.n05 {
 background-position:-400px -320px
}
big.n6,
big.n06 {
 background-position:-480px -320px
}
big.n7,
big.n07 {
 background-position:-560px -320px
}
big.n8,
big.n08 {
 background-position:-640px -320px
}
big.n9,
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
}
.adposter_6114,
.adposter_6111 {
 position:relative;
 z-index:1
}
.adposter_pos {
 background:transparent url(#) repeat scroll 0 0;
 left:-10000px;
 position:absolute;
 z-index:9
}
.ad {
 height:93px;
 overflow:hidden
}
.ad .ad1 {
 height:90px;
 overflow:hidden;
 width:260px
}
.ad .ad2 {
 float:right;
 height:100%;
 margin-left:10px;
 width:728px
}
.ad4 {
 height:250px;
 margin-top:10px;
 width:300px;
 position:relative;
 z-index:1;
 overflow:hidden
}
.ad3 {
 height:94px;
 margin-top:15px;
 width:680px
}
#adposter_6287 {
 z-index:1006
}
#ab_yjjy {
 margin-right:500px;
 position:fixed;
 right:50%;
 top:395px
}
#abs {
 z-index:10;
 display:none
}
#ab_yhdy {
 margin-right:508px;
 position:absolute;
 right:50%;
 top:384px
}
img {
 border:0
}
.qh_body {
 position:relative;
 width:1000px;
 height:615px;
 background:url(https://i.tq121.com.cn/i/climate_2018/qhdt/map_bg.png) no-repeat center;
 background-size:1000px 615px;
 margin:0 auto
}
.m_btn {
 position:absolute;
 z-index:10;
 width:36px;
 height:47px
}
.btn_1 {
 left:348px;
 top:242px
}
.btn_2 {
 left:453px;
 top:183px
}
.btn_3 {
 left:601px;
 top:380px
}
.btn_4 {
 left:508px;
 top:451px
}
.btn_5 {
 left:571px;
 top:458px
}
.btn_6 {
 left:544px;
 top:387px
}
.btn_7 {
 left:601px;
 top:117px
}
.btn_8 {
 left:453px;
 top:272px
}
.btn_9 {
 left:510px;
 top:284px
}
.btn_10 {
 left:258px;
 top:155px
}
.btn_11 {
 left:642px;
 top:406px
}
.m_tip {
 position:absolute;
 opacity:0;
 filter:alpha(opacity=0);
 z-index:1
}
.tip_1 {
 left:214px;
 top:228px
}
.tip_2 {
 left:457px;
 top:169px
}
.tip_3 {
 left:598px;
 top:366px
}
.tip_4 {
 left:343px;
 top:437px
}
.tip_5 {
 left:566px;
 top:444px
}
.tip_6 {
 left:391px;
 top:374px
}
.tip_7 {
 left:598px;
 top:103px
}
.tip_8 {
 left:300px;
 top:258px
}
.tip_9 {
 left:506px;
 top:270px
}
.tip_10 {
 left:83px;
 top:141px
}
.tip_11 {
 left:638px;
 top:392px
}
.qh_shade {
 display:none;
 position:absolute;
 z-index:200;
 background:rgba(0,0,0,0.6);
 width:100%;
 height:100%
}
@media \0screen\,screen\9 {
 .qh_shade {
  position:relative;
  background-color:gray
 }
 .go_link {
  position:relative
 }
}
.qh_shade div.qs_01 {
 position:absolute;
 top:20px;
 right:40px
}
.qh_shade .go_link {
 display:block;
 margin-top:30px
}
.qh_shade .go_link img {
 display:block;
 margin:0 auto
}
.qh_shade div.qs_03 {
 position:absolute;
 bottom:20px;
 margin-left:50%;
 left:-84px
}
.qh_shade .go_tip {
 font-family:'Microsoft YaHei';
 display:block;
 text-align:center;
 position:relative;
 color:#ececec;
 font-size:18px;
 letter-spacing:3px;
 margin:0;
 padding:0
}
.xiaochengxu {
 display:none
}

.gjtq_left {
 float:left;
 width:680px;
 overflow:hidden;
 margin-top: 81px;
}
.weatherNetwork {
 margin-bottom:10px
}
.gjtq_left .title {
 border-top:3px solid #3356b6;
 height:42px;
 line-height:34px
}
.gjtq_left .title h1 {
 color:#252525;
 float:left;
 font-size:20px
}
.gjtq_left .title a {
 display:inline-block;
 float:right;
 font-size:14px
}
.worldBox{
	border:1px solid #ddd;
	padding-bottom: 12px;
}
.gjtq_right {
 float:right;
 width:490px;
 border-top:0;
 height:574px;
 margin-bottom:15px;
}
.tab1 {
 height:31px;
 margin-bottom:5px
}
.tab1 li {
 background:#d4defb;
 margin-right:1px;
 float:left;
 text-align:center;
 height:31px;
 line-height:31px;
 padding:0 21px;
 cursor: pointer;
}
.searchAir{
	float: right;
	position: relative;
	margin-top: 16px;
	width:262px;
}
.searchAir span{
	display: block;
	float: left;
	line-height: 28px;
	font-size: 14px;
	margin-right: 10px;
}
.searchAir input{
	border:1px solid #dedede;
	width:200px;
	padding:5px;
	display: block;
	margin-right:10px;
}
.resultAir{
	position: absolute;
	/*left: 37px;*/
	top: 28px;
	z-index: 5000000000000000;
	background:
	#fff;
	width: 203px;
	display: none;
	/*padding: 5px;*/
	/*max-height: 300px;*/
	/*overflow-y: scroll;*/
	/*height: 300px;*/
	box-shadow: -1px 3px 2px
	#ddd;
}
.resultAir ul li{
	line-height: 14px;
}
.resultAir ul li a{
	color:#666;
	font-size:14px;
	line-height: 36px;
}
.tab1 li.current {
 border-top:2px solid #3356b6;
 height:29px;
 line-height:29px;
 background:#fff
}
.tab1 li.nomar {
 margin-right:0
}
.tab_con1 {
 padding-left:5px
}
#sucai,
#sucai1,
#sucai2,
#sucai3,
#sucai4,
#sucai5,
#sucai6 {
 overflow:hidden;
 position:relative;
 height:auto
}
.guojia {
 height:auto;
 overflow:hidden
}
.tab_con1 h2 {
 font-size:16px;
 color:#3356b6;
 height:24px;
 border:1px solid #ededed;
 background:#d4defb;
 padding-left:8px;
 margin-top:13px;
 clear:both
}
.tab_con1 div {
 overflow:hidden;
 clear:both
}
.tab_con1 div p {
 width:83px;
 height:44px;
 float:left;
 margin-right:3px;
 margin-top:4px;
 _margin-right:2px;
 color:#252525;
 display:inline-block;
 background:#fafafa;
 border:1px solid #ededed;
 padding-left:9px;
 cursor:pointer
}
.tab_con1 div p:hover {
 background:#e8e8e8
}
.tab_con1 div a:hover {
 background:#ededed
}
.tab_con1 .mythis {
 background:#f00;
 border:1px solid #ededed
}
.tab_con1 .mythis:hover {
 background:#f00;
 border:1px solid #ededed
}
.tab_con1 div a span {
 display:block;
 font-size:12px;
 color:#686767
}
.white_content {
 width:293px;
 background-color:white;
 overflow:auto;
 position:relative;
 display:none;
 height:100%
}
.white_content h1 {
 font-size:18px;
 color:#076ea8;
 height:auto;
 padding-top:8px
}
.white_content h1 span {
 font-size:14px;
 padding-left:5px;
 display:block
}
.white_content a.close {
 width:11px;
 height:11px;
 position:absolute;
 right:15px;
 top:10px;
 padding:0;
 margin:0;
 border:0;
 background:
}
.white_content a.close:hover {
 background:0
}
.map .yz,
.map .oz,
.map .bmz,
.map .nmz,
.map .fz,
.map .dyz {
 position:relative
}
.map .box {
 display:block;
 position:absolute;
 width:112px;
 height:69px;
 color:#3356b6;
 font-size:14px;
 text-align:center;
 background:url("https://i.tq121.com.cn/i/weather2014/gjtq/a-bg.png") repeat;
 cursor:pointer;
 _background:0;
 padding-top:0
}
.map .box p{
	margin-top: 6px;
}
.newTitle{
	font-size: 20px;
text-align: center;
line-height: 94px;
}
p span {
 display:block;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap
}
.insert {
 height:0;
 position: relative;
}
.newContent{
	padding: 0px 59px;
line-height: 30px;
}
.newContent img{
	max-width: 100%;
	display: block;
    margin: auto;
}
.newstime{
	padding: 0 58px;
text-align: center;
color:
#666;
margin-bottom: 23px;
}
.source{
		padding: 0 58px;
		margin-top:23px;
		color:#666;
		padding-bottom: 40px;
		text-align: right;
}
.alertTitle{
	overflow: hidden;
	font-size:24px;
	color:#515151;
	text-align: center;
}
.alertTitle .alertTitleImg{
	display: block;
	float: left;
	width:99px;
	height:83px;
}
.alertTitleSpan{
	float: left;
}
.alertTitleSpan span{
	display: block;
	float: left;
}
.alertTitleImg{
	overflow: hidden;
	padding:44px 0;
}
.alertTitleImg .img{
	width:100px;
	display: block;
	float: left;
	margin-left: 544px;
}
.alertLever{
	float: left;
	margin-left: 78px;
	margin-top:48px;
}
.alertLever .on{
	height:auto;
	margin-top:0;
}
.alerttop img{
	display: block;
	float: left;
	margin-left: 20px;
	opacity: 0;
}
.airports ul li{
	width:231px;
	height:auto
}
.scenicImg ul{
	padding-bottom: 20px;
}
.alerttop{
	overflow: hidden;
}
.alertLever .alertL{
	float: none;
	margin-top:13px;
}
.alertContent{
	background: #fff;
	padding:48px 48px;
	color:#525252;
	font-size:18px;
	line-height: 32px;
}
.contentA h2{
	font-size:20px;
	margin-bottom: 30px;
}
.contentA div{
	margin-bottom: 84px;
}
.alertTime{
	margin-bottom: 50px;
}
.contentA h2 img{
	margin-right: 20px;
}
.contentA dl{
	overflow: hidden;
}
.contentA dl dt{
	width:12px;
	height:12px;
	float: left;
	border-radius: 100%;
	background: #a6befc;
	margin-top:0px;
}
.contentA dl dd{
	float: left;
	border-left:4px solid #a6befc;
	padding-left: 30px;
	margin-left: -8px;
	padding-top:10px
}
.mainCardTitle label{
	overflow: hidden;
	display: block;
}
.mainCardTitle input{
	width: 200px;
    line-height: 22px;
    background-color: #389bec;
    text-indent: 10px;
    font-size: 16px;
    color: #fff;
}
.chooselabel i{
	color: #fff;
    font-size: 20px;
}
.layui-form-item .layui-input-inline {
    margin-left: 10px;
}
.mainCardTitle input:-ms-input-placeholder{
	color:#fff;
}
.mainCardTitle input::-webkit-input-placeholder { /* WebKit browsers */
	color:#fff;
}
  
.mainCardTitle input::-moz-placeholder { /* Mozilla Firefox 19+ */
	color:#fff;
}
  
.mainCardTitle input::-ms-input-placeholder { /* Internet Explorer 10+ */
	color:#fff;
}  
.mainCardTitle{
	position: relative;
	display: flex;
	justify-content: flex-end;
	flex-direction: row;
	align-items: center;
}
.resultSearch{
	position: absolute;
    right: 84px;
    top: 48px;
    z-index: 10000;
    width: 230px;
    background-color: #389bec;
    max-height: 364px;
    overflow-y: scroll;
}
.chooselabel span{
	height: 38px;
    width: 10px;
    background-color: #254292;
}
#resultul span{
	color: #fff;
    font-size: 14px;
    padding: 20px 10px;
    width: 157px;
    display: block;
    text-align: center;
    margin: auto;
}
.resultSearch{
	display: none;
}
.resultSearch ul li{
	line-height: 35px;
    text-indent: 10px;
    font-size: 14px;
    border-bottom: 1px solid rgba(255,255,255,0.5);
}
.resultSearch ul li a{
	color:#fff;
}
.layui-items{
	display: flex;
    justify-content: space-between;
    flex-direction: row;
}
#search{
	background: #2272cd;
	line-height: 51px;
	display: block;
	float: left;
	width:62px;
	border-radius:0;
}
#closeSearch{
	position: absolute;
    right: 4px;
    top: 6px;
    font-size: 12px;
    border: 1px solid rgba(255,255,255,0.5);
    color: #fff;
    border-radius: 100%;
    cursor: pointer;
    padding: 3px;
}
#closeSearch:hover{
	color:#2272cd;
	border: 1px solid #2272cd;
}
#search i{
	color:#fff;
	font-size:20px;
}
.resultSearch{
	display: none;
}
.resultSearch ul li{
	line-height: 35px;
    text-indent: 10px;
    font-size: 14px;
    border-bottom: 1px solid rgba(255,255,255,0.5);
}
.chooselabel {
	display: flex;
    flex-direction: row;
    background-color: #389bec;
    font-size: 16px;
    border-radius: 10px;
    padding-right: 10px;
    line-height: 36px;
}
.chooselabel select {
	height: 38px;
    background-color: #254292;
    border-right: none;
    margin-right: -4px;
    border-radius: 10px;
    color: #fff;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    width: 80px;
    text-indent: 10px;
}
.oneVideo {
    overflow-y: inherit !important;
    padding: 0 20px 3px 20px !important;
}
.recommendation dl a {
    display: flex;
    flex-direction: row;
    margin-bottom: 10px;
}
.oneVideo dl a {
    flex-direction: column !important;
}
.recommendation dl a dt {
    width: 410px;
    height: 126px;
    text-align: center;
    line-height: 126px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-radius: 10px;
    margin-right: 10px;
    transition: all 0.8s;
    -webkit-transition: all 0.8s;
}
.oneVideo dl a dt {
    height: 217px !important;
    width: 100% !important;
    line-height: 217px !important;
}
.recommendation dl a dd {
    width: 100%;
}
.oneVideo dl a dd {
    margin-top: 10px !important;
    flex-direction: row;
    justify-content: space-between;
    display: flex;
    align-items: center;
}
.recommendation dl a dd h3 {
    font-size: 18px;
    height: 106px;
    line-height: 30px;
}
.oneVideo dl a dd h3 {
    height: auto !important;
}
.recommendation dl a dd time {
    font-size: 14px;
}
.recommendedtopics a {
    display: block;
    margin: 10px 20px;
}
.recommendedtopics a img {
    width: 100%;
}
.recommendation dl a dt i {
    color: #fff;
    font-size: 45px;
    transition: all 0.8s;
    -webkit-transition: all 0.8s;
}
.recommendation dl a:hover dt{
    background-size: 110% 110%;
}
.recommendation dl a:hover dt i{
    font-size: 20px;
}
.cctvPage .on{
	background: none!important;
	
}
.cctvPage .on a{
  color:#BF0613;
  font-weight: 500;
}
.cctvPage .inner{
	display: block!important;
    padding-left: 320px;
}
.cctvPage .cctvlogo2{
     position: absolute;
	 left:103px;
	 width: 185px;
	 display: none;
	 top:0;
}
.cctvPage.topBar ul{
	float: left;
}