@charset "utf-8";
/* CSS Document */

/*INIT BEGIN*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
ol,ul{list-style:none}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%}
.clear{clear:both;}
/*INIT END*/

body{font: 12px/21px Arial,Helvetica,sans-serif,"宋体";}

/*HEADER BEGIN*/
#header{margin:0 auto;padding:0;overflow-x:hidden;height:114px;}
.nowtime{margin:0 auto;width:1000px;height:30px;line-height:30px;}
#top{margin:0;padding:0;height:32px;}
#currentDate{float:left;font-family:微软雅黑;font-size:12px;height:32px;line-height:32px;margin-left: 10px;}
#login{float:right;}
#login a{font-family:微软雅黑;color: #ffffff;text-decoration: none;width: 35px;line-height: 20px;height: 20px;background-color: #0a39c5;display: inline-block;text-align: center;margin: 6px 10px 0 0;}
#banner{width:1000px;height:186px;overflow:hidden;position:relative;left:0;top:0;}
#banner ul li{display:none;}
#bar_title{margin:0 auto;height:73px;background: url(/design/images/sqfw/top_bar.png) center;}
#nav{width:1000px;height:73px;z-index:99;margin:0 auto;}
#nav a {font-family:'黑体';font-size:17px;color:#fff;text-align:center;text-decoration:none;display:block;width:80px;height:73px;position:relative;z-index:999;float:left;}
#nav a:hover{background-color:#FBC302;}
#monitor{margin-left:10px;}
#warning{margin-left:10px;}
#typhoon{margin-left:10px;}
#home{width:60px !important;height:73px !important;background-color:#FBC302;background-position:0 !important;margin-left: 375px;}
#forecast{margin-left:13px;}
#serve{margin-left:10px;}
#weather{background-color:#FBC302;margin-left:10px;}
#areaSelect{position: absolute;left: 50%;top: 30px;z-index: 9999;width:400px;margin-left: -156px;}
#areaSelect h3{float:left;font-size:14px;font-family:'黑体';}
#areaSelect select{font-family:'黑体';font-size:14px;height:24px;line-height:24px;display: block;float: left;}
/*HEADER END*/
/*WRAP BEGIN*/
#wrap{margin:0 auto;padding:0;width:1000px;margin-bottom:80px;}
#aside{float:left;width:260px;}
#inner{float:right;width:730px;}
#title{padding-bottom: 3px;height:34px;}
#title h3{font-family:'黑体';font-size:17px;padding-left:40px;width:85px;height:34px;line-height:34px;}
.warning{}
.warn-title{background-color:#FBC301;}
.warn-title h3{color:#636363;background:#F3E548 url(/design/images/sqfw/warningIcon.png) no-repeat  10px center;}
.warn-content{margin:20px;position: relative;}
.warn-content .qxyj-boxborder{position: absolute;top: 44px;left: 0px;z-index: 100;}
.warn-content .qxyj-boxborder .qxyj-box{width: 236px;height: 100px;background: url(/design/images/sqfw/qx-yj-cn-bg.png) no-repeat;margin: 0 auto;margin-top: -2px;}
.warn-content .qxyj-boxborder .picbox{width: 51px;float: left;display: block;margin: 6px;}
.warn-content .qxyj-boxborder .pic-f{font-size: 12px;line-height: 18px;color: #F00;padding: 5px;float: right;width: 155px;}
.warn-content .qxyj-boxborder .pic-f a{color: #333333;text-decoration: none;}
.warn-content ul{overflow:hidden;}
.warn-content ul li{float:left;margin-right:10px;}
.weather{}
.weat-title{background:url(/design/images/sqfw/columnbg02.gif) repeat-x;}
.weat-title h3{color:#fff;background:#35DCBF url(/design/images/sqfw/weatherIcon.png) no-repeat  10px center;}
.weat-content{background-color:#c7defc;border:1px solid #c9c9c9;padding: 10px;font-size:14px;}
.weat-time{color:#6cc1ff;}
.weat-description span{margin-right: 40px;display: inline-block;color:#164c88;font-size:14px;}
.weat-wrap{overflow:hidden;margin-top: 12px;margin-bottom: 12px;}
.weat-condition{float:left}
.weat-temp{position: relative;z-index: 10;float: right;background-color: #FFFFFF;background: url(/design/images/sqfw/thermometer.png) 0 0 no-repeat;width: 27px;height: 95px;margin-right: 70px;}
.temp-mask{position: absolute;left: 6px;top: 6px;height: 30px;width: 11px;background-color: #c7defc;}
.weat-temp .cont{font-family: "黑体";font-size: 24px;color: #fba41f;position: absolute;left: 27px;top: 9px;}
.typhoon{}
.typh-title{background-color:#FBC301;}
.typh-title h3{color:#636363;background:#F3E548 url(/design/images/sqfw/typhoonIcon.png) no-repeat  10px center;}
.typh-content{position: relative;margin: 20px 0 20px 0;}
.typh-content a{text-decoration:none;color:#3d3d3d;font-size:16px;}
.typh-content a:hover{color:#164c88}
.news{}
.news-title{background:url(/design/images/sqfw/columnbg02.gif) repeat-x;}
.news-title h3{color:#fff;background:#35DCBF url(/design/images/sqfw/newsIcon.png) no-repeat  10px center;}
.news-list{}
.news-list ul{list-style-type: disc;padding: 18px 18px 18px;color:#164c88;}
.news-list ul li a{font-size:14px;text-decoration:none;color:#164c88;}
.feedback{}
.feed-title{height:34px;background-color:#FBC301;padding-top: 3px;}
.feed-title h3{color:#636363;background:#F3E548 url(/design/images/sqfw/warningIcon.png) no-repeat  10px center;}
.feed-content{border:1px solid #fdd18f;padding:20px;font-size:14px;color:#164c88;}
.feed-content span{display:block;}
.feed-content a{display:block;color:#164c88;}

.forecast{}
.fore-title{background:url(/design/images/sqfw/columnbg02.gif) repeat-x;}
.fore-title h3{float:left;color:#fff;background:#35DCBF url(/design/images/sqfw/forecastIcon.png) no-repeat  10px center;padding-right:20px;}
.fore-title a{float:right;font-size:17px;line-height:34px;color:#ffb600;padding-right:15px;}
.fore-content{overflow:hidden;margin:20px 0px;}
#jxh-map{width:280px;height:380px;float:left;}
#jxh-chartscrollwarp{float:right;}
.jxhchart-warp{width:440px;height:125px;overflow:hidden;position: relative;}
.jxh-chart{position: absolute;left: -6px;top: -54px;}
.jxh-chartscrollwarp{float:right;}
#package{}
#main{float:left;}
.sevenDays{width: 730px;margin-bottom: 10px;height: 340px; position: relative;}
.seven-title{background:url(/design/images/sqfw/columnbg02.gif) repeat-x;position:relative;}
.seven-title h3{color:#fff;background:#35DCBF url(/design/images/sqfw/sevenDaysIcon.png) no-repeat  10px center;}


.sevenDays  .column-cont {
	overflow: hidden;
	width: 730px;
	height: 300px;
	float: left;
	margin-top: 10px;
}

.sevenDays  .column-cont .block {
	position: absolute;
	top: 50px;
	left: 0px;
	width: 60px;
	line-height: 16px;
	cursor: pointer;
	font-size: 12px;
	text-align: center;
	height: 16px;
	border: 1px solid #28A1E5;
	border-radius: 2px;
	z-index: 99
}

.sevenDays  .column-cont .block:hover {
	background-color: #28A1E5;
	color: #FFF;
}

.sevenDays  .daysforecast-date {
	position: relative;
	width: 114.28%;
	margin-left: -100px;
}

.sevenDays  .daysforecast-date li {
	float: left;
	width: 12.5%;
	cursor: pointer;
	text-align: center
}

.sevenDays  .daysforecast-date li .margin-1 {
	margin: 0 1px;
	border-bottom: 3px solid #28A1E5;
	color: #333
}

.sevenDays  .daysforecast-date li .sunday {
	color: red
}

.sevenDays  .daysforecast-date li .datelist {
	height: 20px;
	line-height: 20px
}

.sevenDays  .daysforecast-date li .datelist-des {
	height: 27px;
	line-height: 20px
}

.sevenDays  .daysforecast-date li .hightemp {
	border-bottom: 3px solid #FF7300
}

.sevenDays  .daysforecast-bac {
	position: relative;
	width: 114.28%;
	height: 285px;
}

.sevenDays  .daysforecast-bac li {
	position: relative;
	float: left;
	width: 12.5%;
	height: 300px;
	cursor: pointer;
	text-align: center
}

.sevenDays  .daysforecast-bac li .bac {
	width: 50%;
	top: 0;
	height: 100%;
	margin: 0 auto;
	position: absolute;
	margin-left: 25%;
	z-index: 0
}

.sevenDays  .daysforecast-fore-day {
	position: absolute;
	top: 110px;
	left: 0;
	width: 114.28%;
}

.sevenDays  .daysforecast-fore-day li {
	position: relative;
	float: left;
	width: 12.5%;
	height: 170px;
	cursor: pointer;
	text-align: center
}

.sevenDays  .daysforecast-fore-day li .icon-wrap {
	position: relative;
	margin-top: 10px
}

.sevenDays  .daysforecast-fore-day li .icon-wrap img{
	width:50px;
	height:50px;
}

.sevenDays  .daysforecast-fore-day li .val-wrap {
	position: absolute;
	color: #333;
	top: 50px;
	width: 100%;
	height: 80px;
}

.sevenDays  .daysforecast-fore-day li .val-wrap .diff-wrap {
	position: absolute;
	bottom: 0px;
	width: 100%;
	height: 17px;
}

.sevenDays  .daysforecast-fore-day li .val-wrap .t-wrap {
	position: absolute;
	bottom: 30px;
	width: 100%;
	height: 30px;
}

.sevenDays  .daysforecast-fore-night {
	position: absolute;
	top: 223px;
	left: 0;
	width: 114.28%
}

.sevenDays  .daysforecast-fore-night li {
	position: relative;
	float: left;
	width: 12.5%;
	height: 110px;
	cursor: pointer;
	text-align: center
}

.sevenDays  .daysforecast-fore-night li .val-wrap {
	position: relative;
	color: #333;
}

.sevenDays  .daysforecast-fore-night li .val-wrap .diff-wrap {
	position: absolute;
	top: 0px;
	width: 100%;
	height: 17px;
}

.sevenDays  .daysforecast-fore-night li .val-wrap .t-wrap {
	position: absolute;
	top: 20px;
	width: 100%;
	height: 30px;
}

.sevenDays  .daysforecast-fore-night li .icon-wrap {
	position: absolute;
	bottom: 5px;
	width: 100%;
	text-align: center;
}

.sevenDays  .daysforecast-fore-night li .icon-wrap img{
	width:50px;
	height:50px;
}

.sevenDays  .daysforecast-hour {
	position: absolute;
	top: 100px;
	width: 114.28%
}

.sevenDays  .daysforecast-hour .hour-li {
	position: relative;
	float: left;
	width: 5px;
	height: 280px;
	cursor: pointer;
	text-align: center
}

.daysforecast-hour .hour-li .point {
	width: 4px;
	height: 4px;
	border: 0px solid #28A1E5;
	background-color: #28A1E5;
	display: block;
	margin: 0 auto;
	border-radius: 2px;
	position: absolute
}

.daysforecast-hour .hour-li .point-null {
	width: 2px;
	height: 2px;
	background-color: #AAA;
	display: block;
	margin: 0 auto 1px;
	position: absolute
}

.daysforecast-hour .hour-li .point-rain {
	width: 5px;
	height: 10px;
	display: block;
	margin: 0 auto 1px;
	position: absolute;
	background: url(../images/rain.png) 0 center no-repeat;
	bottom:-5px;
}

.daysforecast-hour .hour-li:hover {
	background-color: rgba(40, 161, 229, .3)
}

.daysforecast-hour .up {
	display: block;
	font-size: 14px;
	line-height: 20px;
	width: 20%;
	background-color: #FF7300;
	margin: 0 auto;
	color: #FFF;
	border-radius: 12px;
}

.daysforecast-hour .down {
	display: block;
	font-size: 14px;
	line-height: 20px;
	width: 20%;
	background-color: #28A1E5;
	margin: 0 auto;
	color: #FFF;
	border-radius: 12px;
}

.sevenDays  .val {
	display: block;
	height: 20px;
	line-height: 20px;
	font-size: 14px;
	margin-bottom: 10px;
	margin-top: 10px;
}

.sevenDays  .up {
	display: block;
	font-size: 10px;
	line-height: 15px;
	width: 20%;
	border: 1px solid #CCC;
	margin: 0 auto;
	color: #FF7300;
	border-radius: 12px;
	background:url(../images/up.png) 0 center no-repeat;
	padding-left:5px;
}

.sevenDays  .down {
	display: block;
	font-size: 10px;
	line-height: 15px;
	width: 20%;
	border: 1px solid #CCC;
	margin: 0 auto;
	color: #28A1E5;
	border-radius: 12px;
	background:url(../images/down.png) 0 center no-repeat;
	padding-left:5px;
}

.sevenDays  .hour-08 .daysforecast-date {
	margin-left: -40px
}

.sevenDays  .hour-08 .daysforecast-date .today {
	padding-left: 50px;
}

.sevenDays  .hour-08 .daysforecast-date .lastday {
	padding-left: 50px;
}

.sevenDays  .hour-08 .daysforecast-bac {
	margin-left: -30px
}

.sevenDays  .hour-08 .daysforecast-fore-day {
	margin-left: -30px
}

.sevenDays  .hour-08 .daysforecast-fore-night {
	margin-left: 30px
}

.sevenDays  .hour-08 .daysforecast-hour {
	margin-left: 0px
}

.sevenDays  .hour-20 .daysforecast-date {
	margin-left: -100px
}

.sevenDays  .hour-20 .daysforecast-bac {
	margin-left: -90px
}

.sevenDays  .hour-20 .daysforecast-fore-day {
	margin-left: 30px
}

.sevenDays  .hour-20 .daysforecast-fore-night {
	margin-left: -30px
}

.sevenDays  .hour-20 .daysforecast-hour {
	margin-left: 0px
}


.seven-content{width: 530px;overflow: hidden;padding: 15px 0 15px 0;}
.seven-content ul li {float:left;}
.seven-title span{position: absolute;left: 136px;top: 9px;color: #000;font-size: 14px;}
.qx-7dayul{width:530px;overflow:hidden;}
.qx-7dayul li{width:66px;text-align:center;}
.qx-7dayul li span{display:block;}
.seven-content .ico li{margin-right: 4px;}
.s-d-title{color:#5face4;}
.s-d-title span{font-size:14px;color:#000000;}
.s-d-cont {border:1px solid #f2bf36;background-color:#c7defc;padding:10px;}
.s-d-cont .ftext{color:#164c88;font-size:14px; padding-left: 12px;}
.bulletin{}
.bull-title{background:url(/design/images/sqfw/columnbg02.gif) repeat-x;}
.bull-title h3{float:left;color:#fff;background:#35DCBF url(/design/images/sqfw/bulletinIcon.png) no-repeat  10px center;padding-right:20px;width:105px !important;}
.bull-title a{float:right;font-family:'黑体';font-size:17px;line-height:34px;color:#fff;padding-right:15px;}
.bull-content{width:730px;padding:10px;color:#164c88;font-size:20px;}
.weibo{float:right;width:730px;}
.weibo-title{background:url(/design/images/sqfw/columnbg02.gif) repeat-x;}
.weibo-title h3{width: 65px !important;color:#fff;background:#35DCBF url(/design/images/sqfw/weiboIcon.png) no-repeat  10px center;}
.weibo-content{height:670px;border:1px solid #c9c9c9;overflow: auto;padding:8px;}
.weibo-content a{color:#606060;text-decoration:none;font-size:14px;}
.weibo-content .info{color:#606060;font-size:14px;margin-top:5px;}
.weibo-content .info a{color:#5face4 !important;}
/*WRAP END*/

/*FOOTER BEGIN*/
.bottomlink{ height:20px; line-height:20px; background:url(/design/images/sqfw/foot_line.png) no-repeat center; color:#333333; text-align:center; margin-top:10px; font-size:14px;}
.bottomlink a{ margin:0 5px;}

.footer{ padding:10px; line-height:30px; text-align:center; font-size:14px;}
/*FOOTER END*/


/**
*内页
*/
.category{width:260px;float:left;}
.cate-title{background:url(/design/images/sqfw/bg01.gif) repeat-x;height:42px;width:260px;padding-top:3px;}
.cate-title h3{color:#fff;width:90px;height:42px;line-height:42px;padding-left:50px;font-family:"宋体";font-size:16px;color:#454545;}
.cate-title  #nav-weatherforecast{background:#ffb600 url(/design/images/sqfw/typhoon.png) no-repeat  2px center;}
.cate-title  #nav-typhoon{background:#ffb600 url(/design/images/sqfw/typhoon.png) no-repeat  2px center;}
.cate-title  #nav-climate{background:#ffb600 url(/design/images/sqfw/icon-climate.png) no-repeat  2px center;}
.cate-title  #nav-weatheralarm{background:#ffb600 url(/design/images/sqfw/icon-weatherAlarm.png) no-repeat  2px center;}
.cate-title  #nav-weatherlive{background:#ffb600 url(/design/images/sqfw/icon-weatherLive.png) no-repeat  2px center;}
.category ul{background-color:#cfe3fc;}
.category ul li{width:216px;margin:0 auto;height:45px;line-height:45px;border-bottom:1px dashed #c4cacf;text-align:center;}
.category ul li a{text-decoration:none;font-size:16px;color:#454545;width: 216px;height: 45px;display: block;}
.category ul li a:hover{background:url(/design/images/sqfw/hoverBg.png) no-repeat;}
.bottom-bg{width:260px;height:305px;background:url(/design/images/sqfw/bottomBg.png) no-repeat}

.list-position{background-color:#21B077;height:42px;padding-top:3px;line-height:42px;font-size:16px;color:#fff;padding-left: 20px;}

/*InnerPage BEGIN*/

#divselect{width:78px; float:right;position:relative; z-index:100; display:inline; margin-left:10px;}
#divselect cite{width:78px; height:20px;line-height:20px;text-indent:0.5em; display:block; color:#fff;cursor:pointer;font-style:normal; background:url(../images/jt-ico.jpg) #42a3ea 60px center no-repeat;}
#divselect cite:hover{background:url(../images/jt-ico.jpg) #42a3ea 60px center no-repeat;}
#divselect ul{width:76px;border:1px solid #379ada; background-color:#ffffff; position:absolute; z-index:200; margin-top:-1px; display:none;}
#divselect ul li{height:20px; line-height:20px; text-align:center;list-style: none;display: list-item;}
#divselect ul .libc-a{background-color:#f2f7fe;}
#divselect ul li a{display:block; height:20px; color:#379ada; text-decoration:none;}
#divselect ul li a:hover{background-color:#00A4E9; color:#FFFFFF;}

.d-qxh{ width:170px; float:right; display:inline; margin-top:10px;}
.d-qxh em{ color:#FFFFFF; font-weight:normal; font-style:normal; font-size:13px; float:right;line-height:20px;}

.listtable{width:100%;background-color:#C3D2D7;}
.listtable th{background-color:#98DFFE; text-align:center; font-size:14px; font-weight:bold; padding:3px 0;}
.listtable td{background-color:#f5fbff; text-align:center;}
.listtable .maxtemp{color:#FF7600;}
.listtable .mintemp{color:#0097DB;}
.listtable .date{background-color:#f5fbff;}
.listtable .icon{background-color:#ffffff;}
.listtable .datalist{height:5px;background-color:#98DFFE;}

.fgact-t{text-align:center;margin: 0 auto;width:320px;text-align:center;height:25px;}
.fgact-t  div{cursor: pointer;float:left;height:25px;color:#57b6ec;font-size: 12px;line-height:24px;margin:0 5px;}
.fgact-t .fgact-nav{width:60px;cursor: pointer;}
.fgact-t .strip{width:0px;border-left:solid 1px #666666; height:14px;margin:5px 5px;}
.fgact-t .fgact-navs{width:60px;cursor: pointer;background:url(../images/fbt-hover-bg.jpg) left top no-repeat;color:#FFFFFF;}
.fgact-ex{color:#FF0000;margin:5px 0;}
.fgact-chartwrap{position:relative;}
.fgact-mt{position:absolute;top:0px;right:0px;z-index: 100;margin:5px 10px;}
.fgact-chart{height:300px;}
.fgact-help{background:url(../images/help.png) left top no-repeat;padding-left:30px;height:25px;line-height:24px;margin-top:5px;}

#rightcnbox{ width:703px; float:right; display:inline; margin-top:10px;}
#rightcnbox .rt-date{ width:300px; float:right; display:inline; padding-right:10px; text-align:right;color:#000000;font-weight:normal;}

.list-position span{ float:right; font-size:12px; font-weight:normal; color:#676765; margin-right:5px;}
.list-position strong{ float:left;}
.list-position .pdate{float:right; font-size:12px; font-weight:normal; background:url(../images/ico.png) 0 15px no-repeat; padding:0 20px;text-indent:0px;}
#rightcnbox .radar span{ text-indent: 0; float: left; height: 32px; display: block; padding: 0 10px; margin-left: 20px; cursor: pointer;line-height: 34px; font-size: 14px; font-weight: bold; text-align:center;}
.list-position span.normal{ color:#087fc0;float:left;height:32px; display:block; padding:0 10px; margin-left:20px; cursor:pointer;}
.list-position span.hover{ background:url(../images/fqhover-bg.jpg) center 3px repeat-x; color:#FFF;}
#rightcnbox .right-bto{ height:3px; font-size:0; background:url(../images/right-bot-bg.jpg);}
.list-show,#rightcnbox .yujing-box,#rightcnbox .zidongzhan-box,#rightcnbox .shenghuoqixiang,#rightcnbox .qihouyuce,#rightcnbox .yujingfb-box,#rightcnbox .chengshiyujing-box,#rightcnbox .fbt-box{ border-left:1px solid #5FACE4;border-right:1px solid #5FACE4; border-bottom:1px solid #5FACE4; padding:10px 17px;}
.list-show h5{ height:24px; line-height:24px; border-bottom:1px solid #e7e7e7; margin-bottom:19px;}
.list-show h5 span{ float:right; font-weight:normal; color:#666666;}

.list-show .yun-tu{ width:134px; float:left; display:inline;}
.list-show .yun-tu ul li{ text-align:center;}
.list-show .yun-tu ul li b{ height:30px; line-height:30px; color:#0f91cf; display:block; font-size:14px;}
.list-show .yun-tu ul li em{ height:55px; display:block;}
.list-show .yun-tu ul li.tord b{ color:#ff7d01;}
.list-show .yun-tu ul li.zhuan{ width:22px;}
.list-show .yun-tu ul li.zhuan b{ color:#010101;}

.list-show .yun-tusm{ width:486px; padding:10px 15px; font-size:14px; line-height:30px; float:right; display:inline; border:1px solid #fefbdc; background:#fcfcf2;}
.list-show .yun-tusm span{ color:#0f8fce; display:block; margin-bottom:6px;}
.list-show .body-cn{ font-size:12px; line-height:24px;border-top:1px solid #e7e7e7; padding:15px 5px 0 5px; margin-top:20px;}
.list-show .body-cn li{padding-left:20px; list-style: disc inside none;}
.list-show .body-cn table{background-color:#e6f5fe; width:100%;}
.list-show .body-cn th{background-color:#e6f5fe;}
.list-show .body-cn td{background-color:#ffffff; padding:5px;}

#inner .yujing-box ul li{ margin-top:20px; padding-bottom:15px;}
#inner .yujing-box ul li.line{border-bottom:1px solid #e7e7e7;}
#inner .yujing-box ul li .img-ditu{ width:147px; height:143px; float:right; border:1px solid #dbecfe; padding:1px;}
#inner .yujing-box ul li .img-ditu img{width:147px; height:143px; display:block;}
#inner .yujing-box ul li .info-box{ width:470px; float:left; display:inline;}
#inner .yujing-box ul li .info-box .ti{ height:30px; font-size:14px; font-weight:bold; margin-bottom:10px;}
#inner .yujing-box ul li .info-box .ti span{ color:#fe0002; margin-right:40px;}
#inner .yujing-box ul li .info-box .infocn-box .leftico{ width:98px; height:83px; float:left; display:inline; margin-top:10px;}
#inner .yujing-box ul li .info-box .infocn-box .rightyujing{ width:340px; float:right; display:inline; font-size:14px; line-height:28px;}


#inner .list li .date{float: right; margin-right: 10px;}

.zidongzhan-box .box-1{ width:668px; height:356px; background:url(../images/zdz-box1-bg.jpg);}
.zidongzhan-box .box-1 .leftinfo{ width:200px; float:left; display:inline; margin:15px 0 0 10px;}
.zidongzhan-box .box-1 .leftinfo dl{ border-bottom:1px dashed #e3effd; padding-bottom:10px;}
.zidongzhan-box .box-1 .leftinfo dl dd{ font-size:12px; line-height:22px;}
.zidongzhan-box .box-1 .leftinfo .quyu-ico{ margin-top:15px; position:relative;height:240px; overflow:hidden;}
.zidongzhan-box .box-1 .leftinfo .quyu-ico b{ position:absolute; left:0; bottom:-10px;}
.zidongzhan-box .box-1 .rightinfo{ width:430px; float:right; margin:5px 5px;}
.zidongzhan-box .body-cn{font-size:12px; line-height:20px; padding-top:15px; margin-top:20px;}

#inner .shenghuoqixiang .info{ line-height:26px; font-size:14px; margin-bottom:20px;}
#inner .shenghuoqixiang .info .leftname{ width:60px; float:left; display:inline; font-weight:bold;}
#inner .shenghuoqixiang .rightinfo{ width:600px; float:left; display:inline;}
#inner .shenghuoqixiang .rightinfo span{ margin-right:30px;}
#inner .shenghuoqixiang .rightinfo em{ font-style:normal; color:#0f91cd;}
#inner .shenghuoqixiang ul li{ width:320px; height:104px; padding:10px; overflow:hidden; float:left; display:inline; border:1px solid #c9e8fc; margin-bottom:10px; clear:none;}
#inner .shenghuoqixiang ul li .leftbox{ width:90px; float:left; display:inline; text-align:center;}
#inner .shenghuoqixiang ul li .leftbox img{ width:62px; height:55px; margin:0 auto; display:block; margin-bottom:10px;}
#inner .shenghuoqixiang ul li .leftbox span{ height:30px; line-height:30px; font-size:14px; font-weight:bold;}
#inner .shenghuoqixiang ul li .rightbox{ width:208px; float:right; line-height:22px;}

#inner .qihouyuce h1{ font-size:15px; text-align:center; height:40px; line-height:40px; border-bottom:1px solid #e7e7e7;}
#inner .qihouyuce .info{ text-align:center; color:#666666; height:25px; line-height:25px;}
#inner .qihouyuce .info span{ margin:0 10px;}
#inner .qihouyuce .body-cn{ padding:10px; font-size:14px; line-height:28px; text-indent:2em;}
#inner .qihouyuce .qx-tig{ padding:10px; color:#666666; line-height:24px; margin-top:30px;}
#inner .qihouyuce .qx-tig .worter{ height:30px; line-height:30px; text-align:right; margin-top:20px;}

#inner .qihouyuce .qhyc-box{ width:660px; margin:0 auto; background:url(../images/qhyc-sm-boxbg.jpg);}
#inner .qihouyuce .qhyc-box .top{ height:11px; background:url(../images/qhyc-sm-topbg.jpg);}
#inner .qihouyuce .qhyc-box .bottom{ height:5px; font-size:0; background:url(../images/qhyc-sm-bottombg.jpg);}
#inner .qihouyuce .qhyc-box .center{ padding:4px 20px 10px; line-height:24px;}

#inner .yujingfb-box ul.yujingfblist{ padding-top:10px;}
#inner .yujingfb-box ul.yujingfblist li{ background:url(../images/ico.jpg) left center no-repeat; height:30px; line-height:30px; text-indent:1em; font-size:14px;}
#inner .yujingfb-box ul.yujingfblist li span{ float:right;}

.page{ margin-top:10px; border-top:1px dotted #cccccc; line-height:30px; height:30px;}
.page span{ float:right;}
.page span a{ margin:0 4px; float:left;}
.page span em{font-style:normal;float:left;}
.page span form{ width:66px; float:left; padding-top:5px;}
.page span b{color:#900; font-style:normal; font-weight:bold; float:left;}

#inner .chengshiyujing-box .searchdivbox{ width:650px; height:32px; line-height:32px; background:url(../images/searchdiv-bg.jpg); padding:0 10px;}
#inner .chengshiyujing-box .searchdivbox span{ float:left; color:#666666;}
#inner .chengshiyujing-box .searchdivbox input.chaxunbtn{ border:none; background:none; font-weight:bold; cursor:pointer; float:left; margin-top:7px;}

#inner .chengshiyujing-box h5{ color:#666666; height:30px; line-height:30px; margin-top:10px;}
#inner .chengshiyujing-box .titilebox{ height:31px; line-height:31px; background:#efefef; text-align:center;}
#inner .chengshiyujing-box .lione{ width:120px; float:left; display:inline;}
#inner .chengshiyujing-box .litow{ width:500px; float:right; margin-right:15px;}
#inner .chengshiyujing-box ul li{ line-height:24px; margin-top:10px; padding-bottom:10px; border-bottom:1px solid #efefef; color:#666666;}
#inner .chengshiyujing-box ul li .leftoneline{ line-height:60px;}

#inner .weixingyutu-box{ border-left:1px solid #c9e8fc;border-right:1px solid #c9e8fc; padding:10px 6px;}
#inner .weixingyutu-box .sbox{width:670px; height:32px; line-height:32px; background:url(../images/sboxbg.jpg); padding:0 10px; font-size:14px;}
#inner .weixingyutu-box .sbox span{ float:left;}
#inner .weixingyutu-box .sbox input{ float:left; border:1px solid #eaeaea; width:139px; height:23px; text-indent:0.5em; margin-top:3px; margin-right:14px;}
#inner .weixingyutu-box .sbox a{ float:left; margin:0 10px;}

#inner .weixingyutu-box h1{ height:33px; line-height:33px; border-top:1px solid #fcfcf4; background:#fefbf4; text-align:center; font-size:15px; margin-top:20px; margin-bottom:5px;}
#inner .weixingyutu-box .yuntu-tig{ padding:10px; height:30px; line-height:30px; font-size:14px;}

#inner .fbt-box h1{ height:40px; line-height:40px; text-align:center; font-size:15px; border-bottom:1px solid #ebebeb;}
#inner .fbt-box .fbt-cnbox{ margin-top:10px; text-align:center;}
#inner .fbt-box .fbt-cnbox .tig{ height:30px; line-height:30px; font-size:14px; text-align:left;}
#inner .fbt-box .fbt-cnbox .tig font{font-weight:bold;}

#inner .fbt-box .fbt-cnbox .wendu{ clear:both; margin-top:20px;}
#inner .fbt-box .fbt-cnbox .wendu span{ float:left; font-weight:bold; margin-left:26px; margin-right:10px;}
#inner .fbt-box .fbt-cnbox .wendu img{ display:block; float:left; margin-top:8px;}

#inner .fbt-box .fbt-cnbox .fbt-sm{ clear:both;height:30px; line-height:22px; margin-top:20px; color:#676767;}

#inner .fbt-box{ position:relative;}
#inner .fbt-box .fbt-nav{ position:absolute; top:70px; right:10px;height:25px; line-height:25px;}
#inner .fbt-box .fbt-nav a{ display:block; width:60px;  float:left; text-align:center; margin:0 10px;}
#inner .fbt-box .fbt-nav a.hover{ background:url(../images/fbt-hover-bg.jpg) no-repeat; font-weight:bold; color:#FFF;}
#inner .fbt-box .fbt-nav em{ font-style:normal; float:left;}

#inner .article h1{ font-size:15px; text-align:center; height:40px; line-height:40px; border-bottom:1px solid #e7e7e7;}
#inner .article .info{ text-align:center; color:#666666; height:25px; line-height:25px;}
#inner .article .info span{ margin:0 10px;}
#inner .article .body-cn{ padding:10px; font-size:14px; line-height:28px; border:none;}

#inner  .alarm-effect .alarm-wrap{font-size:14px; line-height: 24px; border-bottom:1px solid #DCDCDC; padding:18px 0}
#inner  .alarm-effect .alarm-icons{position: relative; clear:both; width:100%;}
#inner  .alarm-effect .alarm-icons .alarm-items{cursor:pointer; padding: 1px; margin: 5px; width: 60px; height: 50px; border: 5px solid #00b4f1;position: relative;float: left;}
#inner  .alarm-effect .alarm-icons .alarm-item{cursor:pointer; padding: 1px; margin: 5px; width: 60px; height: 50px; border: 5px solid #FFFFFF;position: relative;float: left;}
#inner  .alarm-effect .alarm-list{padding: 5px;margin: 5px 0;border: 1px solid #e6f5fe; line-height:20px;}
#inner  .alarm-effect .alarm-list .areaname{margin:0 5px; font-weight:bold;}
#inner  .alarm-effect .defense-guidelines{background-color:#FFFFFF;padding:3px;display:none; color:#333333;}
#inner  .alarm-effect .alarm-text .alarm-type{background-color: #FFF7B8; height:25px; line-height:25px;padding:0 5px; cursor:pointer;}
#inner  .alarm-effect .alarm-map{width: 350px; position:relative;float:left;}
#inner  .alarm-effect .alarm-text{width:300px; background-color: #FFFDF0; color:#FFFFFF; border: 1px solid #FFF7B8;margin-top: 5px;padding: 5px;font-size: 12px;position: relative;float:right;}
#inner  .alarm-effect .alarm-br{height:8px;};
#inner  .alarm-effect .alarm-wrap .alarm-icon .alarm-name{font-weight:bold; color:#FF0000; text-align:center; margin-bottom:25px;}
#inner  .alarm-effect .alarm-wrap .alarm-content{float:left; width:360px; margin:0 0 0 25px;}
#inner  .alarm-effect .alarm-wrap .alarm-content .alarm-pub{font-weight:bold; color:#000000; margin-bottom:25px;}
#inner  .alarm-effect .alarm-wrap .alarm-pic{float:right; width:150px; height:150px; text-align:center; background-color:#F7FCFF; border:1px solid #DAEDFE}
#inner  .alarm-effect .alarm-wrap .alarm-guidelines{background-color:#FFFDF0; border:1px solid #FFF7B8; margin-top:5px; padding: 5px; font-size: 10px;}

#inner  .yjbn-wrap{position: relative; background:url(../images/yujingbn.png) repeat-x 0 0; height:32px;}
#inner  .yjbn-wrap .yjbn-left{position: relative; background:url(../images/yujingbn.png) no-repeat 0px -40px; width:5px; float:left; height:32px;}
#inner  .yjbn-wrap .yjbn-cen{float:left; padding:5px;}
#inner  .yjbn-wrap .yjbn-cen span{float:left; padding:3px 8px;}
#inner  .yjbn-wrap .yjbn-right{position: relative; background:url(../images/yujingbn.png) no-repeat 100% -40px; float:right; width:5px; height:32px;}
#inner  .yjbn-wrap .divselect-wrap{position: relative; float:left; z-index:100; cursor:pointer; text-align:left;  margin:0 5px; }
#inner  .yjbn-wrap .divselect-wrap ul{background-color:#FFFFFF; border:1px solid #eaeaea;position:absolute;width:75px;}
#inner  .yjbn-wrap .divselect-wrap ul li{ padding:3px 5px;border-bottom:1px solid #eaeaea;}
#inner  .yjbn-wrap .divselect-wrap .lis-s{background-color:#eaeaea;}
#inner  .yjbn-wrap .divselect{background:url(../images/yujingbn.png) no-repeat 100% -75px;width:70px; line-height:20px; height:20px;border:1px solid #eaeaea; padding-left:5px;background-color:#FFFFFF;}
#inner  .yjbn-wrap #bn-query{font-weight:bold; cursor:pointer; padding:3px 8px;}
#inner  .yjbn-wrap .qbns{color:#087fc0}
#inner  .datatitle{padding:5px; margin: 5px 0; font-weight:bold; font-size:12px; color:#656565;}
#inner  .datatable{width:100%;}
#inner  .datatable th{background-color:#eaeaea; height:30px; line-height:20px; font-weight:normal;}
#inner  .datatable td{border-bottom:1px solid #eaeaea; padding:10px 0; color:#666666;}

#inner .weathertips{position: relative; clear:both; padding:10px 0; border-bottom:1px solid #eaeaea;}
#inner .weathertips .type{float:left; width:200px; height: 30px; font-weight: bold;}
#inner .weathertips .date{float:right; width:200px; height: 30px; text-align:right;}
#inner .weathertips .cont{clear:both;}

#inner .nonecont{position: relative; clear:both; padding:10px; background-color:#eaeaea; font-size:14px; display:none;}
#inner .nonepic{margin:0 10px; float:left;}

#inner .guidelines{border-bottom:1px solid #eaeaea; padding: 10px 3px 5px; background-color,#FFFFFF;}
#inner .guidelines-type{ font-weight: bold; margin-bottom: 5px;}
#inner .guidelines-cont{ padding: 5px 5px 5px 20px;}

.list-show #yb-shorttime-cont{margin:30px 30px; width: 360px; height: 200px; float: left; font-size:14px;font-weight: bold; line-height:30px;}
.list-show #yb-commute-cont{margin:10px 30px; width: 360px; height: 200px; float: left; font-size:14px;font-weight: bold; line-height:30px;}

.list-show .yb-domesticCity-wrap{position:relative; width:670px; height:550px; background:url(../images/chinaMap.png) no-repeat 0px 0px;}
.list-show .yb-domesticCity-wrap .city-position{position: absolute; width:30px; height:30px;cursor:pointer;}

.list-show #fireDanger #icon{float:left;}
.list-show #fireDanger #datawrap{float:left; margin-left:10px; font-size:14px; font-weight:bold; height:55px; line-height: 55px;}
.list-show #fireDanger #datawrap .data{float:left; margin:0 20px;}

.list-show .pubdepartments{text-align:right; padding:10px 10px 0 10px;font-weight: bold;color: #0D91D1;}

#inner .qxsp-main .v-name{text-align:center; color:#008CC6; font-size:14px; font-weight:bold;}
#inner .qxsp-main .v-ptime{text-align:center; color:#333333; font-size:12px; margin:5px 0 10px;}
#inner .qxsp-main .v-obj{text-align:center;}
#inner .qxsp-main .v-list{margin:10px 0 10px; border:1px solid #c9e8fc; }
#inner .qxsp-main .v-list ul li{width:120px; height:120px; float:left; margin:5px;border:1px solid #c9e8fc; padding:5px; cursor:pointer;}
#inner .qxsp-main .v-list .vi-name{text-align:center; color:#008CC6; font-size:12px; font-weight:bold; padding:5px 0;}
#inner .qxsp-main .v-list .vi-obj{text-align:center; width:100px; height:80px;}

.environmental-box #fenquRegion{width: 250px; float:left;}
.environmental-box #datatable-wrap{width:400px; float:right;}
.environmental-box #datatable-wrap table{background-color: #E7E7E7;}
.environmental-box #datatable-wrap table th{text-align:center; height:24px;}
.environmental-box #datatable-wrap table td{background-color: #F8F9FB; text-align:center; height:24px; padding:0 5px;}
.environmental-box #datatable-wrap table td span{padding:0 10px;}

#jxhwgborder-top{position:relative;width:960px;height:34px; font-size:12px; font-weight:bold; line-height:28px; background:url(../images/jxhwgbc.png) repeat-x 0px 0px;}
#jxhwgborder-top #ptime{float:right; margin:0 10px 0 50px;}
#jxhwgborder-top #jxh-position{float:right; width: 400px; text-align:right; color:#007FBA; font-weight:bold;font-size:12px; line-height:30px; height:30px; padding-right:10px;}
#jxhwgborder-top span{margin-left:10px; color:#008FCB;}
#jxhwgborder-bottom{position:relative;width:960px;height:30px;background:url(../images/jxhwgbc.png) repeat-x 0px 0px;}
#jxhwgborder{position:relative; width:960px;height:600px; overflow:hidden;}
#jxhwgwrap{position: relative; height:600px; width:980px;overflow-x:hidden;overflow-y:scroll;}
#jxhwgborder .bnwrap{position: absolute; height:75px; width:31px; left:10px; top:15px;color:#000000;}
#jxhwgborder .bnwrap #bn-up{height:30px;border:1px solid #eaeaea;margin-bottom:10px;cursor:pointer;}
#jxhwgborder .bnwrap .bn-upn{background:url(../images/jxhwgbc.png) no-repeat 0px -43px;}
#jxhwgborder .bnwrap .bn-ups{background:url(../images/jxhwgbc.png) no-repeat -39px -43px;}
#jxhwgborder .bnwrap #bn-down{height:30px;border:1px solid #eaeaea;cursor:pointer;}
#jxhwgborder .bnwrap .bn-downn{background:url(../images/jxhwgbc.png) no-repeat 0px -82px;}
#jxhwgborder .bnwrap .bn-downs{background:url(../images/jxhwgbc.png) no-repeat -39px -82px;}
#jxhwgbig{position: relative; border-bottom:1px solid #eaeaea; height:600px;}
#jxhwgbig .jxhpop-title{height:105px;}
#jxhwgbig .anchor{position: absolute; background:url(../images/anchor.png) no-repeat 0px 0px; width:19px;height:27px;top:-1000px;left:-100px;}

#jxhwgbig .jxhpop{display:none; position: absolute; border-bottom:1px solid #eaeaea; background:url(../images/jxhwgpopbg.png) repeat-x 0px -370px; width:708px;height:358px;top:1px;left:1px}
#jxhwgbig .jxhpop-l{width:5px;height:358px; position: relative; float:left;background:url(../images/jxhwgpopbg.png) no-repeat 0px 0px;}
#jxhwgbig .jxhpop-c{width:690px;height:358px; position: relative; float:left;margin-left:5px;}
#jxhwgbig .jxhpop-c .jxhpop-title table{position: relative; text-align:center; color:#FFFFFF; width:100%;}
#jxhwgbig .jxhpop-c .jxhpop-title .f7date{font-weight:bold;}
#jxhwgbig .jxhpop-c .jxhpop-title  .jxhpop-close{ cursor:pointer;width:22px;height:100px; right:0px; top:0px; position: absolute; background:url(../images/jxhwgpopbg.png) no-repeat 0px -730px;}
#jxhwgbig .jxhpop-c .charts{margin:5px 5px;}
#jxhwgbig .jxhpop-c .charts .charts-nav{width:46px;height:232px; position: relative; float:left;}
#jxhwgbig .jxhpop-c .charts .charts-nav div{height:77px; cursor:pointer;}
#jxhwgbig .jxhpop-c .charts .charts-nav div img{margin-top:10px;}
#jxhwgbig .jxhpop-c .charts .loadings-grid{position: absolute; text-align:center; width:600px; height:100px; padding:50px 0;z-index:100;}
#jxhwgbig .jxhpop-c .charts #chartsnav-bc{position: absolute;top:0px; left:0px; background:url(../images/jxhwgpopnav.png) no-repeat 0px -240px;}
#jxhwgbig .jxhpop-c .charts .chartsnav-n{background-color:#BDECFE}
#jxhwgbig .jxhpop-c .charts .chartsnav-s{background-color:#FFFFFF;}
#jxhwgbig .jxhpop-c .charts #chartwraps{width:630px;height:232px; position: relative; float:left; overflow:hidden;}
#jxhwgbig .jxhpop-c .charts .chartwrap{width:630px;height:232px; position: relative;overflow:hidden;}
#jxhwgbig .jxhpop-c .charts .chartwrap .jxhchart{width:630px;height:232px; position: relative;margin-top:-51px;}
#jxhwgbig .jxhpop-c .charts .chartslist{position: relative;}
#jxhwgbig .jxhpop-r{width:5px;height:358px; position: relative; float:right;background:url(../images/jxhwgpopbg.png) no-repeat 100% 0px;}

#yjtypelist{width:670px; position: relative;}
#yjtypelist .yjtype-item{padding:1px; margin:5px;width:60px; height:50px; border:5px solid #FFFFFF;position: relative; float:left;}
#yjtypelist .yjtype-items{padding:1px; margin:5px;width:60px; height:50px; border:5px solid #00b4f1;position: relative; float:left;}
#yjtypelist .yjtype-item .yjtype-icon{cursor:pointer;}
#yjmap-wrap{width:670px; height:500px;position: relative; overflow:hidden}
#yjmap{width:670px; height:500px;position: relative; overflow:hidden}
#yjmap-wrap .yjpop{width:300px;position: absolute;z-index:100; display:none;}
#yjmap-wrap .yjpop .yjpophead{height:33px;background:url(../images/nav-bg.jpg) repeat-x 0px 0px; line-height:28px; font-size:12px;}
#yjmap-wrap .yjpop .yjpophead-l{height:33px; width:4px; position: relative; float:left; background:url(../images/nav-left.jpg) no-repeat 0px 0px;}
#yjmap-wrap .yjpop .yjpophead-c{height:33px;  width:290px;position: relative; float:left;}
#yjmap-wrap .yjpop .yjpophead-c .yjpophead-title{font-weight:bold; color:#FFFFFF;};
#yjmap-wrap .yjpop .yjpophead-r{height:33px; width:4px; position: relative; float:right; background:url(../images/nav-right.jpg) no-repeat 0px 0px;}
#yjmap-wrap .yjpop .yjpopcon{max-height:165px; background-color:#E8F6FC; overflow-y: auto;overflow-x: hidden;}
#yjmap-wrap .yjpop .yjpopcon table {margin:0 5px 5px 10px; width:280px;}
#yjmap-wrap .yjpop .yjpopcon table td{border-bottom:1px solid #00b4f1; padding:5px 0;}
#yjtypecitys {padding:5px; margin:5px 0; border:1px solid #e6f5fe;}
#yjtypecitys span{margin:5px; font-weight:bold; cursor:pointer;}

#geologicswrap .geologics table{background-color: #e6f5fe;width: 100%; text-align:center;}
#geologicswrap .geologics table tr{background-color: #e6f5fe;padding:7px 0;}
#geologicswrap .geologics .place{background-color: #ffffff;padding:5px 0; color:#0097d2}
#geologicswrap .geologics .level{background-color: #ffffff;padding:5px 0;}

/*灾情上报*/
#wrap_main{width:100%}
#wrap_report {width:500px; margin:0 auto;font-size:16px;}
#wrap_report ul li{width:300px; padding-top:5px;}
#wrap_report ul li input{width:200px;}
#wrap_report ul li select{width:203px;}
#wrap_report ul li  textarea{width:200px; height:50px;}
.buttom{width:80px; height:30px;margin-top:10px;}




.seven-content{position:relative;background-color:#fff}
.seven-content .column-wrap{position:absolute; top:50px; left:0px; width:100%; height:0px;}
.seven-content .column-cont{position:relative; overflow:hidden; width:515px;height:300px;background-color:#fff;z-index:900}
.seven-content .column-cont .block{position:absolute;top:0px;right:0px;width:30px;line-height:16px; color:#FF0000; cursor:pointer; font-size:12px; text-align:center;height:16px;border:1px solid #28A1E5; border-radius:0px;z-index:99}
.seven-content .column-cont .block:hover{background-color:#28A1E5; color:#FFF;}
.seven-content .daysforecast-date{position:relative;width:114.28%}
.seven-content .daysforecast-date li{float:left;width:12.5%;cursor:pointer;text-align:center}
.seven-content .daysforecast-date li .margin-1{margin:0 1px;border-bottom:3px solid #28A1E5;color:#333}
.seven-content .daysforecast-date li .sunday{color:red}
.seven-content .daysforecast-date li .datelist{height:30px;line-height:35px}
.seven-content .daysforecast-date li .datelist-des{height:27px;line-height:20px}
.seven-content .daysforecast-date li .hightemp{border-bottom:3px solid #FF7300}
.seven-content .daysforecast-bac{position:relative;width:114.28%;height:285px;background-color:#FAFAFA;}
.seven-content .daysforecast-bac li{position:relative;float:left;width:12.5%;height:300px;cursor:pointer;text-align:center}
.seven-content .daysforecast-bac li .bac{background-color:#FFF;width:50%;top:0;height:100%;margin:0 auto;position:absolute;margin-left:25%;z-index:0}
.seven-content .daysforecast-fore-day{position:absolute;top:70px;left:0;width:114.28%;}
.seven-content .daysforecast-fore-day li{position:relative;float:left;width:12.5%;height:170px;cursor:pointer;text-align:center}
.seven-content .daysforecast-fore-day li .icon-wrap{position:relative;margin-top:20px}
.seven-content .daysforecast-fore-day li .val-wrap{position:absolute;color:#333;top:50px; width:100%; height:80px;}
.seven-content .daysforecast-fore-day li .val-wrap .diff-wrap{position:absolute; bottom:0px; width:100%; height:17px;}
.seven-content .daysforecast-fore-day li .val-wrap .t-wrap{position:absolute; bottom:30px; width:100%; height:30px;}
.seven-content .daysforecast-fore-night{position:absolute;top:183px;left:0;width:114.28%}
.seven-content .daysforecast-fore-night li{position:relative;float:left;width:12.5%;height:110px;cursor:pointer;text-align:center}
.seven-content .daysforecast-fore-night li .val-wrap{position:relative;color:#333;}
.seven-content .daysforecast-fore-night li .val-wrap .diff-wrap{position:absolute; top:0px; width:100%; height:17px;}
.seven-content .daysforecast-fore-night li .val-wrap .t-wrap{position:absolute; top:20px; width:100%; height:30px;}
.seven-content .daysforecast-fore-night li .icon-wrap{position:absolute;bottom:5px;width:100%; text-align:center;}
.seven-content .daysforecast-hour{position:absolute;top:75px;width:114.28%}
.seven-content .daysforecast-hour .hour-li{position:relative;float:left;width:5px;height:280px;cursor:pointer;text-align:center}
.daysforecast-hour .hour-li .point{width:4px;height:4px;border:0px solid #28A1E5;background-color:#28A1E5; display:block;margin:0 auto;border-radius:2px;position:absolute}
.daysforecast-hour .hour-li .point-null{width:2px;height:2px;background-color:#AAA;display:block;margin:0 auto 1px;position:absolute}
.daysforecast-hour .hour-li .point-rain{width:2px;height:4px;border:1px solid #28A1E5;border-radius:2px;background-color:#28A1E5;display:block;margin:0 auto 1px;position:absolute;bottom:1px}
.daysforecast-hour .hour-li:hover{background-color:rgba(40,161,229,.3)}
.daysforecast-hour .up{display:block;font-size:14px;line-height:20px;width:20%;background-color:#FF7300;margin:0 auto;color:#FFF;border-radius:12px}
.daysforecast-hour .down{display:block;font-size:14px;line-height:20px;width:20%;background-color:#28A1E5;margin:0 auto;color:#FFF;border-radius:12px}
.seven-content .val{display:block;height:20px;line-height:20px;font-size:14px;margin-bottom:10px;margin-top:10px}
.seven-content .up{display:block;font-size:10px;line-height:15px;width:20%;border:1px solid #CCC;margin:0 auto;color:#FF7300;border-radius:12px;background:url(../../images/up.png) 0 center no-repeat;padding-left:5px;}
.seven-content .down{display:block;font-size:10px;line-height:15px;width:20%;border:1px solid #CCC;margin:0 auto;color:#28A1E5;border-radius:12px;background:url(../../images/down.png) 0 center no-repeat;padding-left:5px;}
.seven-content .hour-08 .daysforecast-date{margin-left:-40px}
.seven-content .hour-08 .daysforecast-date .today{padding-left:50px;}
.seven-content .hour-08 .daysforecast-date .lastday{padding-left:50px;}
.seven-content .hour-08 .daysforecast-bac{margin-left:-30px}
.seven-content .hour-08 .daysforecast-fore-day{margin-left:-30px}
.seven-content .hour-08 .daysforecast-fore-night{margin-left:30px}
.seven-content .hour-08 .daysforecast-hour{margin-left:0px}
.seven-content .hour-20 .daysforecast-date{margin-left:-100px}
.seven-content .hour-20 .daysforecast-bac{margin-left:-90px}
.seven-content .hour-20 .daysforecast-fore-day{margin-left:30px}
.seven-content .hour-20 .daysforecast-fore-night{margin-left:-30px}
.seven-content .hour-20 .daysforecast-hour{margin-left:0px}







/*InnerPage ENG*/